本申请涉及数字化教学技术领域,尤其涉及一种题目内容的展示方法、装置、电子设备及存储介质。
背景技术:
随着数字化教学进入市场,大量的数字化教学数据成为教学的依托,最重要的是题库,题库由多个题目内容构成,其中,题目内容是一个包含有公式、字体、图片、排版、特殊字符的富文本集合数据。随着业务线的发展和壮大,题目内容会应用在不同终端设备上进行展示,然而,要实现在各个终端上统一展示逻辑是一个难点。如果分别在各个终端上独立开发展示组件,测试工作量将大大增加;如果采用内嵌h5浏览器的形式进行题目内容的展示,由于加载h5浏览器需要花费一定时间,也牺牲掉了用户体验。
技术实现要素:
有鉴于此,本申请实施例至少提供一种题目内容的展示方法、装置、电子设备及存储介质,由于事先配置了适配于多个不同尺寸终端设备的题目内容图片,在花费较短时间的前提下,就可以使同一题目内容以相同形式统一展示在不同尺寸的终端设备上。
本申请主要包括以下几个方面:
第一方面,本申请实施例提供一种题目内容的展示方法,所述展示方法包括:
响应当前终端设备的题目内容展示请求,获取待展示题目内容的标签信息;所述标签信息包括适配信息和图片链接信息;所述适配信息中包括不同尺寸的题目内容图片分别适配的终端设备的尺寸信息,所述题目内容图片中包含所述待展示题目内容;所述图片链接信息中包含所述不同尺寸的题目内容图片所对应的链接信息;
基于所述适配信息和所述当前终端设备的尺寸信息,查找与所述当前终端设备匹配的目标题目内容图片的链接信息;
通过查找的链接信息,获取所述目标题目内容图片;
将所述目标题目内容图片发送至所述当前终端设备,以在所述当前终端设备展示所述目标题目内容图片。
在一种可能的实施方式中,所述尺寸信息中包括宽度信息,所述基于所述适配信息和所述当前终端设备的尺寸信息,查找与所述当前终端设备匹配的目标题目内容图片的链接信息,包括:
从所述适配信息中包括的不同尺寸的题目内容图片分别适配的终端设备的尺寸信息中,选取小于或等于所述当前终端设备的尺寸,且最接近所述当前终端设备的尺寸的目标尺寸,将所述目标尺寸的终端设备对应的目标题目内容图片的链接信息。
在一种可能的实施方式中,所述展示方法还包括预先根据以下步骤生成包含所述待展示题目内容的不同尺寸的题目内容图片:
获取所述待展示题目内容,以及待适配的终端设备尺寸信息;
基于所述待展示题目内容,以及待适配的终端设备尺寸信息,生成包含所述待展示题目内容的不同尺寸的题目内容图片。
在一种可能的实施方式中,所述基于所述待展示题目内容,以及待适配的终端设备尺寸信息,生成包含所述待展示题目内容的不同尺寸的题目内容图片,包括:
将所述待展示题目内容按照预设题目模板格式进行排版,并基于排版后的待展示题目内容,以及待适配的终端设备尺寸信息,生成包含所述待展示题目内容的不同尺寸的题目内容图片。
在一种可能的实施方式中,所述适配信息中包括不同尺寸的题目内容图片的图片宽度,所述尺寸信息中包括宽度信息,针对所述不同尺寸的题目内容图片中的每个题目内容图片,所述展示方法还包括根据以下步骤确定每个题目内容图片的图片宽度与适配的终端设备的宽度信息之间的对应关系:
根据每个题目内容图片的图片宽度和预设的展示边距,确定每个题目内容图片适配的终端设备的宽度信息。
在一种可能的实施方式中,针对所述不同尺寸的题目内容图片中的每个题目内容图片,所述展示方法还包括根据以下步骤生成每个题目内容图片的链接信息:
将所述待展示题目内容的内容数据进行编码,生成所述待展示题目内容对应的md5码;
根据每个题目内容图片的存储网站、所述待展示题目内容对应的md5码和每个题目内容图片对应的终端设备的尺寸信息,生成每个题目内容图片的链接信息。
第二方面,本申请实施例还提供一种题目内容的展示装置,所述展示装置包括:
第一获取模块,用于响应当前终端设备的题目内容展示请求,获取待展示题目内容的标签信息;所述标签信息包括适配信息和图片链接信息;所述适配信息中包括不同尺寸的题目内容图片分别适配的终端设备的尺寸信息,所述题目内容图片中包含所述待展示题目内容;所述图片链接信息中包含所述不同尺寸的题目内容图片所对应的链接信息;
确定模块,用于基于所述适配信息和所述当前终端设备的尺寸信息,查找与所述当前终端设备匹配的目标题目内容图片的链接信息;
第二获取模块,用于通过查找的链接信息,获取所述目标题目内容图片;
发送模块,用于将所述目标题目内容图片发送至所述当前终端设备,以在所述当前终端设备展示所述目标题目内容图片。
在一种可能的实施方式中,所述尺寸信息中包括宽度信息,所述确定模块,用于根据以下步骤查找与所述当前终端设备匹配的目标题目内容图片的链接信息:
从所述适配信息中包括的不同尺寸的题目内容图片分别适配的终端设备的尺寸信息中,选取小于或等于所述当前终端设备的尺寸,且最接近所述当前终端设备的尺寸的目标尺寸,将所述目标尺寸的终端设备对应的目标题目内容图片的链接信息。
在一种可能的实施方式中,所述展示装置还包括:
第三获取模块,用于获取所述待展示题目内容,以及待适配的终端设备尺寸信息;
第一生成模块,用于基于所述待展示题目内容,以及待适配的终端设备尺寸信息,生成包含所述待展示题目内容的不同尺寸的题目内容图片。
在一种可能的实施方式中,所述第一生成模块,用于根据以下步骤生成包含所述待展示题目内容的不同尺寸的题目内容图片:
将所述待展示题目内容按照预设题目模板格式进行排版,并基于排版后的待展示题目内容,以及待适配的终端设备尺寸信息,生成包含所述待展示题目内容的不同尺寸的题目内容图片。
在一种可能的实施方式中,所述适配信息中包括不同尺寸的题目内容图片的图片宽度,所述尺寸信息中包括宽度信息,针对所述不同尺寸的题目内容图片中的每个题目内容图片,所述第一获取模块,还用于根据以下步骤确定每个题目内容图片的图片宽度与适配的终端设备的宽度信息之间的对应关系:
根据每个题目内容图片的图片宽度和预设的展示边距,确定每个题目内容图片适配的终端设备的宽度信息。
在一种可能的实施方式中,针对所述不同尺寸的题目内容图片中的每个题目内容图片,所述展示装置还包括第二生成模块;所述第二生成模块包括:
第一生成单元,用于将所述待展示题目内容的内容数据进行编码,生成所述待展示题目内容对应的md5码;
第二生成单元,用于根据每个题目内容图片的存储网站、所述待展示题目内容对应的md5码和每个题目内容图片对应的终端设备的尺寸信息,生成每个题目内容图片的链接信息。
第三方面,本申请实施例还提供一种电子设备,包括:处理器、存储器和总线,所述存储器存储有所述处理器可执行的机器可读指令,当电子设备运行时,所述处理器与所述存储器之间通过所述总线进行通信,所述机器可读指令被所述处理器运行时执行上述第一方面或第一方面中任一种可能的实施方式中所述的题目内容的展示方法的步骤。
第四方面,本申请实施例还提供了一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机程序,所述计算机程序被处理器运行时执行上述第一方面或第一方面中任一种可能的实施方式中所述的题目内容的展示方法的步骤。
在本申请实施例中,通过响应当前终端设备的题目内容展示请求,获取待展示题目内容的标签信息,其中,标签信息包括适配信息和图片链接信息,这里,适配信息中包括不同尺寸的题目内容图片与终端设备尺寸之间的对应关系信息,进而,基于适配信息和当前终端设备的尺寸信息,可以确定与当前终端设备匹配的目标题目内容图片的标识信息,进一步地,基于与目标题目内容图片的标识信息对应的链接信息,可以获取目标题目内容图片,以使当前终端设备展示目标题目内容图片。基于上述方式,由于事先配置了适配于多个不同尺寸终端设备的题目内容图片,在花费较短时间的前提下,就可以使同一题目内容以相同形式统一展示在不同尺寸的终端设备上。
为使本申请的上述目的、特征和优点能更明显易懂,下文特举较佳实施例,并配合所附附图,作详细说明如下。
附图说明
为了更清楚地说明本申请实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本申请的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
图1示出了本申请实施例所提供的一种题目内容的展示方法的流程图;
图2a-2c示出了同一个题目内容展示在三种不同尺寸终端设备上展示的示意图;
图3示出了本申请实施例所提供的一种题目内容的展示装置的功能模块图之一;
图4示出了本申请实施例所提供的一种题目内容的展示装置的功能模块图之二;
图5示出了图4中的第二生成模块的功能模块图;
图6示出了本申请实施例所提供的一种电子设备的结构示意图。
主要元件符号说明:
图中:300-题目内容的展示装置;310-第一获取模块;320-确定模块;330-第二获取模块;340-发送模块;350-第三获取模块;360-第一生成模块;370-第二生成模块;372-第一生成单元;374-第二生成单元;600-电子设备;610-处理器;620-存储器;630-总线。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,应当理解,本申请中的附图仅起到说明和描述的目的,并不用于限定本申请的保护范围。另外,应当理解,示意性的附图并未按实物比例绘制。本申请中使用的流程图示出了根据本申请的一些实施例实现的操作。应当理解,流程图的操作可以不按顺序实现,没有逻辑的上下文关系的步骤可以反转顺序或者同时实施。此外,本领域技术人员在本申请内容的指引下,可以向流程图添加一个或多个其他操作,也可以从流程图中移除一个或多个操作。
另外,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。因此,以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围,而是仅仅表示本申请的选定实施例。基于本申请的实施例,本领域技术人员在没有做出创造性劳动的前提下所获得的全部其他实施例,都属于本申请保护的范围。
为了使得本领域技术人员能够使用本申请内容,结合特定应用场景“题目内容的展示”,给出以下实施方式,对于本领域技术人员来说,在不脱离本申请的精神和范围的情况下,可以将这里定义的一般原理应用于其他实施例和应用场景。
本申请实施例下述方法、装置、电子设备或计算机可读存储介质可以应用于任何需要进行题目内容的展示的场景,本申请实施例并不对具体的应用场景作限制,任何使用本申请实施例提供的题目内容的展示方法、装置、电子设备及存储介质的方案均在本申请保护范围内。
值得注意的是,在本申请提出之前,随着业务线的发展和壮大,题目内容会应用在不同终端设备上进行展示,然而,要实现在各个终端上统一展示逻辑是一个难点。如果分别在各个终端上独立开发展示组件,测试工作量将大大增加;如果采用内嵌h5浏览器的形式进行题目内容的展示,由于加载h5浏览器需要花费一定时间,也牺牲掉了用户体验。
针对上述问题,本申请实施例通过响应当前终端设备的题目内容展示请求,获取待展示题目内容的标签信息,其中,标签信息包括适配信息和图片链接信息,这里,适配信息中包括不同尺寸的题目内容图片与终端设备尺寸之间的对应关系信息,进而,基于适配信息和当前终端设备的尺寸信息,可以确定与当前终端设备匹配的目标题目内容图片的标识信息,进一步地,基于与目标题目内容图片的标识信息对应的链接信息,可以获取目标题目内容图片,以使当前终端设备展示目标题目内容图片。基于上述方式,由于事先配置了适配于多个不同尺寸终端设备的题目内容图片,在花费较短时间的前提下,就可以使同一题目内容以相同形式统一展示在不同尺寸的终端设备上。
需要说明的是,富文本格式(richtextformat,,rtf)是一种跨平台的文档格式,富文本作为一种非常流行的文件结构,多种文字编辑器都支持它,一般的格式设置,比如字体和段落设置,页面设置等等信息都可以存在rtf格式中,富文本中可以包括公式、字体、图片、排版、特殊字符等。
这里,终端设备包括移动终端设备和个人电脑(personalcomputer,pc)。
为便于对本申请进行理解,下面结合具体实施例对本申请提供的技术方案进行详细说明。
图1为本申请实施例所提供的一种题目内容的展示方法的流程图。如图1所示,执行题目内容的展示方法的设备可以是与当前终端设备进行交互的云平台或服务器。下面从执行主体为服务器的角度,对本申请实施例一所提供的题目内容的展示方法加以说明。本申请实施例提供的题目内容的展示方法,包括以下步骤:
s101:响应当前终端设备的题目内容展示请求,获取待展示题目内容的标签信息;所述标签信息包括适配信息和图片链接信息;所述适配信息中包括不同尺寸的题目内容图片分别适配的终端设备的尺寸信息,所述题目内容图片中包含所述待展示题目内容;所述图片链接信息中包含所述不同尺寸的题目内容图片所对应的链接信息。
在具体实施中,在接收到当前终端设备发送的展示题目内容的展示请求时,响应于该展示请求,获取待展示题目内容的标签信息,具体地,可以通过待展示题目内容的题目标识获取待展示题目的标签信息,题目标识可以为题目编号。这里,待展示题目内容的标签信息包括适配信息和图片链接信息,其中,适配信息中包括待展示题目内容对应的不同尺寸的题目内容图片分别适配的终端设备的尺寸信息,即,适配信息中包含每个题目内容图片所适配展示的预设的终端设备的尺寸信息,每个题目内容图片中都包含待展示题目内容,不同题目内容图片的尺寸不同;图片链接信息中包含待展示题目内容对应的不同尺寸的题目内容图片所对应的链接信息。
需要说明的是,可以预先将题库中的各个题目内容分别转化为不同尺寸的题目内容图片进行存储,并为每个题目内容添加标签信息,这里,不同尺寸的题目内容图片适配展示在不同尺寸的终端设备上,比如,320px尺寸的终端设备适配展示280px尺寸的题目内容图片,这样,在接收到一个终端设备的题目内容展示请求时,可以为该终端设备提供适配该终端设备展示尺寸的待展示题目内容的题目内容图片。
其中,px(pixel,像素)是可以在数字显示设备上显示和表示的数字图像或图形的最小单位,像素是数字图形中的基本逻辑单元,像素也称为图像元素,是相对单位,相对分辨率来说的,一般电脑图像的像素分辨率是72ppi(pxperinch),此时1px=0.04cm,1cm=25px,如果终端设备的分辨率为是300ppi,此时1px=0.009cm。
进一步地,可以预先生成待展示题目内容对应的多个不同尺寸的题目内容图片,其中,每个尺寸的题目内容图片均包含待展示题目内容,也即,预先根据以下步骤生成包含待展示题目内容的不同尺寸的题目内容图片:
步骤a:获取所述待展示题目内容,以及待适配的终端设备尺寸信息。
在具体实施中,先获取到待展示题目内容,以及当前主流终端设备的尺寸信息,这里,主流终端设备可以理解为目前市面上售卖的终端设备的尺寸信息,尺寸信息比如375px、534px、768px的,进而,将这些主流终端设备的尺寸信息作为待适配的终端设备的尺寸信息,并将待适配的终端设备的尺寸信息作为待展示题目内容转换为不同尺寸的题目内容图片的依据。
步骤b:基于所述待展示题目内容,以及待适配的终端设备尺寸信息,生成包含所述待展示题目内容的不同尺寸的题目内容图片。
在具体实施中,可以将待适配的终端设备的尺寸信息作为待展示题目内容转换为不同尺寸的题目内容图片的依据,具体地,生成适配不同待适配的终端设备尺寸信息的对应尺寸的题目内容图片,比如,375px尺寸的终端设备适配展示335px尺寸的题目内容图片。
进一步地,在获取到待展示题目内容之后,在生成包含待展示题目内容的不同尺寸的题目内容图片之前,还包括对待展示题目内容进行处理的步骤,也即,步骤b中所述基于所述待展示题目内容,以及待适配的终端设备尺寸信息,生成包含所述待展示题目内容的不同尺寸的题目内容图片,包括以下步骤:
将所述待展示题目内容按照预设题目模板格式进行排版,并基于排版后的待展示题目内容,以及待适配的终端设备尺寸信息,生成包含所述待展示题目内容的不同尺寸的题目内容图片。
在具体实施中,在获取到待展示题目内容之后,可以先将待展示题目内容按照预设题目模板格式进行排版,以便题目内容可以按照预设题目模板格式展示在终端设备上,具体地,可以启动一个无界面浏览器,通过无界面浏览器跳转到题目模板页面,进而,在题目模板页面上实现对待展示题目内容按照预设题目模板格式进行排版,这里,排版包括但不限于对待展示题目内容中的文字渲染、公式渲染、格式处理、字体渲染、段落渲染等,进而,在对待展示题目内容进行排版后,根据待适配的终端设备尺寸信息,生成包含待展示题目内容的不同尺寸的题目内容图片,具体地,利用无界面浏览器对排版后的待展示题目内容按照不同的待适配的终端设备尺寸进行截图,可以得到包含待展示题目内容的不同尺寸的题目内容图片,这里,可以通过排版后的适配一个待适配的终端设备尺寸的待展示题目内容所在页面的x,y坐标信息来截取到对应尺寸的题目内容图片。
需要说明的是,无界面浏览器(headlessbrowser,hb),也称为无头浏览器,可以自动加载页面、获取需要的数据、甚至页面截屏,简而言之,是没有图形用户界面的web浏览器。
进一步地,每个题目内容图片的尺寸可以小于对应识别的终端设备的尺寸,这样,在该题目内容图片展示在适配的终端设备时,该题目内容图片的两边会留有左右边距,观赏性更佳。也即,适配信息中包括不同尺寸的题目内容图片的图片宽度,针对不同尺寸的题目内容图片中的每个题目内容图片,根据以下步骤确定每个题目内容图片的图片宽度与适配的终端设备的宽度信息之间的对应关系:
根据每个题目内容图片的图片宽度和预设的展示边距,确定每个题目内容图片适配的终端设备的宽度信息。
在具体实施中,可以预先设置展示边距,展示边距可以根据实际需要进行设置,不同终端设备对应的展示边距可以相同也可以不同,优选地,终端设备的尺寸越大,可以设置的展示边距越大,终端设备的尺寸越小,可以设置的展示边距越小,这里,每个尺寸的题目内容图片与适配的终端设备的尺寸存在对应关系,即,每个题目内容图片的图片宽度等于适配的终端设备的宽度与对应的两倍的展示边距的差值,比如,适配的终端设备的宽度为320px,预设的展示边距为20px,则应生成适合展示在该终端设备的题目内容图片的图片宽度为320px-2*20px=280px。
进一步地,可以将待展示题目内容对应的多个尺寸的题目内容图片进行存储,并提供每个尺寸的题目内容图片的链接信息,也即,针对不同尺寸的题目内容图片中的每个题目内容图片,可以根据以下步骤生成每个题目内容图片的链接信息:
步骤a:将所述待展示题目内容的内容数据进行编码,生成所述待展示题目内容对应的md5码。
在具体实施中,针对不同尺寸的题目内容图片中的每个题目内容图片,可以将该题目内容图片的存储网站、待展示题目内容对应的md5码和该题目内容图片适配的终端设备的宽度信息拼接为该题目内容图片的链接信息,这里,可以将待展示题目内容的内容数据采用信息摘要算法进行编码,生成待展示题目内容对应的md5码。
需要说明的是,信息摘要算法(messagedigestalgorithm,md5)是一种被广泛使用的密码散列函数,可以产生出一个128位的散列值,用于确保信息传输完整一致。
步骤b:根据每个题目内容图片的存储网站、所述待展示题目内容对应的md5码和每个题目内容图片对应的终端设备的尺寸信息,生成每个题目内容图片的链接信息。
在具体实施中,针对不同尺寸的题目内容图片中的每个题目内容图片,可以根据该题目内容图片的存储网站、待展示题目内容对应的md5码和该题目内容图片对应的终端设备的尺寸信息,生成该题目内容图片的链接信息,一个题目内容图片的链接信息比如https://cdn.com/3b2de33200d0043cbe49c0117c15c800/320.png,其中,该题目内容图片的存储网站为“https://cdn.com”,待展示题目内容对应的md5码为“3b2de33200d0043cbe49c0117c15c800”,该题目内容图片对应的终端设备的尺寸信息为“320px”。
需要说明的是,尺寸信息可以为宽度信息,也可以为长度信息,如果为宽度,要求终端设备的宽度信息与题目内容图片的图片宽度相对应,如果为长度,要求终端设备的长度信息与题目内容图片的图片长度相对应,这里,待展示题目内容的适配信息包括多组信息,每组信息可以包括适配的终端设备的宽度信息、对应尺寸题目内容图片的图片宽度和图片高度,一组信息比如“320-280-300”。
s102:基于所述适配信息和所述当前终端设备的尺寸信息,查找与所述当前终端设备匹配的目标题目内容图片的链接信息。
在具体实施中,响应当前终端设备的题目内容展示请求,除了获取待展示题目内容的标签信息,还获取当前终端设备的尺寸信息,这样,从标签信息中的适配信息中可以找到与当前终端设备的尺寸信息相适配的目标题目内容图片的标识信息,这里,标识信息用于唯一表征每个题目内容图片。
进一步地,当前终端设备的尺寸信息包括宽度信息,可以根据当前终端设备的宽度信息,从标签信息中的适配信息中可以找到与当前终端设备的宽度信息相适配的目标题目内容图片的标识信息,也即,步骤s102中所述基于所述适配信息和所述当前终端设备的尺寸信息,查找与所述当前终端设备匹配的目标题目内容图片的链接信息,包括以下步骤:
从所述适配信息中包括的不同尺寸的题目内容图片分别适配的终端设备的尺寸信息中,选取小于或等于所述当前终端设备的尺寸,且最接近所述当前终端设备的尺寸的目标尺寸,将所述目标尺寸的终端设备对应的目标题目内容图片的链接信息。
在具体实施中,待展示题目内容对应有多个不同尺寸的题目内容图片,不同尺寸的题目内容图片与不同尺寸的终端设备相匹配,即,每个尺寸的题目内容图片适配展示在一个尺寸的终端设备上,进而,响应于当前终端设备的题目内容展示请求,可以从适配信息中包括的不同尺寸的题目内容图片分别适配的终端设备的尺寸信息中,选取小于或等于当前终端设备的尺寸,且最接近当前终端设备的尺寸的目标尺寸,并将目标尺寸的终端设备对应的目标题目内容图片的标识链接信息,如果尺寸信息为宽度信息,即,选取的该题目内容图片适配的终端设备的宽度要小于或等于当前终端设备的宽度,且最接近当前终端设备的宽度。这里,如果没有找到与当前设备终端宽度相等的待适配的设备终端对应的题目内容图片,则只选取小于当前终端设备宽度,且最接近当前终端设备的待适配的设备终端对应的题目内容图片,用户可以通过在当前终端设备上放大该题目内容图片来查看题目内容,不会影响用户观看题目内容的感受度,如果找大于当前终端设备宽度的待适配的设备终端对应的题目内容图片,会使匹配出的题目内容图片过大,题目内容图片会在相对宽度下进行缩放,导致内容缩小影响用户看题感受度。
一示例中,适配信息包括适配的终端设备的尺寸有400px、375px、320px、360px,当前终端设备的尺寸为380px,其中,375px小于380px且最接近380px,则选取375px对应的待适配终端设备尺寸对应的题目内容图片。
s103:通过查找的链接信息,获取所述目标题目内容图片。
在具体实施中,在确定出与当前终端设备匹配的目标题目内容图片的连接信息后,进而根据该链接信息获取到目标题目内容图片,具体地,可以在每个题目内容图片的链接信息中携带该题目内容图片适配的终端设备的宽度信息,进而,在确定与当前终端设备匹配的目标题目内容图片对应的适配终端设备的宽度信息后,直接根据该适配的终端设备的宽度信息确定对应的该目标题目内容图片的链接信息。
一示例中,待展示题目内容适配的多个终端设备的尺寸包括400px、375px、320px、360px,若当前终端设备的尺寸为380px,确定375px与该当前终端设备最匹配,则从待展示题目对应的多个题目内容图片链接信息中找出带有375px的链接信息为该目标题目内容图片的链接信息,这里,链接信息为https://cdn.com/3b2de33200d0043cbe49c0117c15c800/375.png。
s104:将所述目标题目内容图片发送至所述当前终端设备,以在所述当前终端设备展示所述目标题目内容图片。
在具体实施中,在获取到目标题目内容图片后,将目标题目内容图片发送至当前终端设备,这样,可以提供当前终端设备展示目标题目内容图片。
在本申请实施例中,通过响应当前终端设备的题目内容展示请求,获取待展示题目内容的标签信息,其中,标签信息包括适配信息和图片链接信息,这里,适配信息中包括不同尺寸的题目内容图片与终端设备尺寸之间的对应关系信息,进而,基于适配信息和当前终端设备的尺寸信息,可以确定与当前终端设备匹配的目标题目内容图片的标识信息,进一步地,基于与目标题目内容图片的标识信息对应的链接信息,可以获取目标题目内容图片,以使当前终端设备展示目标题目内容图片。基于上述方式,由于事先配置了适配于多个不同尺寸终端设备的题目内容图片,在花费较短时间的前提下,就可以使同一题目内容以相同形式统一展示在不同尺寸的终端设备上。
图2a-2c示出了同一个题目内容展示在三种不同尺寸终端设备上展示的示意图;其中,图2a为题目内容在尺寸为320px的终端设备上展示的示意图;图2b为题目内容在尺寸为375px的终端设备上展示的示意图;图2c为题目内容在尺寸为534px的终端设备上展示的示意图。
基于同一申请构思,本申请实施例中还提供了与上述实施例提供的题目内容的展示方法对应的题目内容的展示装置,由于本申请实施例中的装置解决问题的原理与本申请上述实施例的题目内容的展示方法相似,因此装置的实施可以参见方法的实施,重复之处不再赘述。
如图3至图5所示,图3为本申请实施例提供的一种题目内容的展示方法装置300的功能模块图之一,图4为本申请实施例提供的一种题目内容的展示方法装置300的功能模块图之二,图5示出了图4中的第二生成模块370的功能模块图。
如图3所示,题目内容的展示装置300包括:
第一获取模块310,用于响应当前终端设备的题目内容展示请求,获取待展示题目内容的标签信息;所述标签信息包括适配信息和图片链接信息;所述适配信息中包括不同尺寸的题目内容图片分别适配的终端设备的尺寸信息,所述题目内容图片中包含所述待展示题目内容;所述图片链接信息中包含所述不同尺寸的题目内容图片所对应的链接信息;
确定模块320,用于基于所述适配信息和所述当前终端设备的尺寸信息,查找与所述当前终端设备匹配的目标题目内容图片的链接信息;
第二获取模块330,用于通过查找的链接信息,获取所述目标题目内容图片;
发送模块340,用于将所述目标题目内容图片发送至所述当前终端设备,以在所述当前终端设备展示所述目标题目内容图片。
在一种可能的实施方式中,如图3所示,所述尺寸信息中包括宽度信息,所述确定模块320,用于根据以下步骤查找与所述当前终端设备匹配的目标题目内容图片的链接信息:
从所述适配信息中包括的不同尺寸的题目内容图片分别适配的终端设备的尺寸信息中,选取小于或等于所述当前终端设备的尺寸,且最接近所述当前终端设备的尺寸的目标尺寸,将所述目标尺寸的终端设备对应的目标题目内容图片的链接信息。
在一种可能的实施方式中,如图4所示,题目内容的展示装置300还包括:350
第三获取模块350,用于获取所述待展示题目内容,以及待适配的终端设备尺寸信息;
第一生成模块360,用于基于所述待展示题目内容,以及待适配的终端设备尺寸信息,生成包含所述待展示题目内容的不同尺寸的题目内容图片。
在一种可能的实施方式中,如图4所示,所述第一生成模块360,用于根据以下步骤生成包含所述待展示题目内容的不同尺寸的题目内容图片:
将所述待展示题目内容按照预设题目模板格式进行排版,并基于排版后的待展示题目内容,以及待适配的终端设备尺寸信息,生成包含所述待展示题目内容的不同尺寸的题目内容图片。
在一种可能的实施方式中,如图4所示,所述适配信息中包括不同尺寸的题目内容图片的图片宽度,所述尺寸信息中包括宽度信息,针对所述不同尺寸的题目内容图片中的每个题目内容图片,所述第一获取模块310,还用于根据以下步骤确定每个题目内容图片的图片宽度与适配的终端设备的宽度信息之间的对应关系:
根据每个题目内容图片的图片宽度和预设的展示边距,确定每个题目内容图片适配的终端设备的宽度信息。
在一种可能的实施方式中,如图5所示,题目内容的展示装置300还包括第二生成模块370;所述第二生成模块370包括:
第一生成单元372,用于将所述待展示题目内容的内容数据进行编码,生成所述待展示题目内容对应的md5码;
第二生成单元374,用于根据每个题目内容图片的存储网站、所述待展示题目内容对应的md5码和每个题目内容图片对应的终端设备的尺寸信息,生成每个题目内容图片的链接信息。
在本申请实施例中,通过响应当前终端设备的题目内容展示请求,第一获取模块310获取待展示题目内容的标签信息,其中,标签信息包括适配信息和图片链接信息,这里,适配信息中包括不同尺寸的题目内容图片与终端设备尺寸之间的对应关系信息,进而,基于适配信息和当前终端设备的尺寸信息,可以通过确定模块320确定与当前终端设备匹配的目标题目内容图片的标识信息,进一步地,基于与目标题目内容图片的标识信息对应的链接信息,可以通过第二获取模块330获取目标题目内容图片,以使当前终端设备展示目标题目内容图片。基于上述方式,由于事先配置了适配于多个不同尺寸终端设备的题目内容图片,在花费较短时间的前提下,就可以使同一题目内容以相同形式统一展示在不同尺寸的终端设备上。
基于同一申请构思,参见图6所示,为本申请实施例提供的一种电子设备600的结构示意图,包括:处理器610、存储器620和总线630,所述存储器620存储有所述处理器610可执行的机器可读指令,当电子设备600运行时,所述处理器610与所述存储器620之间通过所述总线630进行通信,所述机器可读指令被所述处理器610运行时执行如上述实施例中任一所述的题目内容的展示方法的步骤。
具体地,所述机器可读指令被所述处理器610执行时可以执行如下处理:
响应当前终端设备的题目内容展示请求,获取待展示题目内容的标签信息;所述标签信息包括适配信息和图片链接信息;所述适配信息中包括不同尺寸的题目内容图片分别适配的终端设备的尺寸信息,所述题目内容图片中包含所述待展示题目内容;所述图片链接信息中包含所述不同尺寸的题目内容图片所对应的链接信息;
基于所述适配信息和所述当前终端设备的尺寸信息,查找与所述当前终端设备匹配的目标题目内容图片的链接信息;
通过查找的链接信息,获取所述目标题目内容图片;
将所述目标题目内容图片发送至所述当前终端设备,以在所述当前终端设备展示所述目标题目内容图片。
在本申请实施例中,通过响应当前终端设备的题目内容展示请求,获取待展示题目内容的标签信息,其中,标签信息包括适配信息和图片链接信息,这里,适配信息中包括不同尺寸的题目内容图片与终端设备尺寸之间的对应关系信息,进而,基于适配信息和当前终端设备的尺寸信息,可以确定与当前终端设备匹配的目标题目内容图片的标识信息,进一步地,基于与目标题目内容图片的标识信息对应的链接信息,可以获取目标题目内容图片,以使当前终端设备展示目标题目内容图片。基于上述方式,由于事先配置了适配于多个不同尺寸终端设备的题目内容图片,在花费较短时间的前提下,就可以使同一题目内容以相同形式统一展示在不同尺寸的终端设备上。
基于同一申请构思,本申请实施例还提供了一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机程序,所述计算机程序被处理器运行时执行上述实施例提供的题目内容的展示方法的步骤。
具体地,所述存储介质能够为通用的存储介质,如移动磁盘、硬盘等,所述存储介质上的计算机程序被运行时,能够执行上述题目内容的展示方法,由于事先配置了适配于多个不同尺寸终端设备的题目内容图片,在花费较短时间的前提下,就可以使同一题目内容以相同形式统一展示在不同尺寸的终端设备上。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统和装置的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。在本申请所提供的几个实施例中,应所述理解到,所揭露的系统、装置和方法,可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,又例如,多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个处理器可执行的非易失的计算机可读取存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者所述技术方案的部分可以以软件产品的形式体现出来,所述计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:u盘、移动硬盘、只读存储器(read-onlymemory,rom)、随机存取存储器(randomaccessmemory,ram)、磁碟或者光盘等各种可以存储程序代码的介质。
以上仅为本申请的具体实施方式,但本申请的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本申请的保护范围之内。因此,本申请的保护范围应以权利要求的保护范围为准。
1.一种题目内容的展示方法,其特征在于,所述展示方法包括:
响应当前终端设备的题目内容展示请求,获取待展示题目内容的标签信息;所述标签信息包括适配信息和图片链接信息;所述适配信息中包括不同尺寸的题目内容图片分别适配的终端设备的尺寸信息,所述题目内容图片中包含所述待展示题目内容;所述图片链接信息中包含所述不同尺寸的题目内容图片所对应的链接信息;
基于所述适配信息和所述当前终端设备的尺寸信息,查找与所述当前终端设备匹配的目标题目内容图片的链接信息;
通过查找的链接信息,获取所述目标题目内容图片;
将所述目标题目内容图片发送至所述当前终端设备,以在所述当前终端设备展示所述目标题目内容图片。
2.根据权利要求1所述的展示方法,其特征在于,所述基于所述适配信息和所述当前终端设备的尺寸信息,查找与所述当前终端设备匹配的目标题目内容图片的链接信息,包括:
从所述适配信息中包括的不同尺寸的题目内容图片分别适配的终端设备的尺寸信息中,选取小于或等于所述当前终端设备的尺寸,且最接近所述当前终端设备的尺寸的目标尺寸,将所述目标尺寸的终端设备对应的目标题目内容图片的链接信息。
3.根据权利要求1所述的展示方法,其特征在于,所述展示方法还包括预先根据以下步骤生成包含所述待展示题目内容的不同尺寸的题目内容图片:
获取所述待展示题目内容,以及待适配的终端设备尺寸信息;
基于所述待展示题目内容,以及待适配的终端设备尺寸信息,生成包含所述待展示题目内容的不同尺寸的题目内容图片。
4.根据权利要求3所述的展示方法,其特征在于,所述基于所述待展示题目内容,以及待适配的终端设备尺寸信息,生成包含所述待展示题目内容的不同尺寸的题目内容图片,包括:
将所述待展示题目内容按照预设题目模板格式进行排版,并基于排版后的待展示题目内容,以及待适配的终端设备尺寸信息,生成包含所述待展示题目内容的不同尺寸的题目内容图片。
5.根据权利要求1所述的展示方法,其特征在于,所述适配信息中包括不同尺寸的题目内容图片的图片宽度,所述尺寸信息中包括宽度信息,针对所述不同尺寸的题目内容图片中的每个题目内容图片,所述展示方法还包括根据以下步骤确定每个题目内容图片的图片宽度与适配的终端设备的宽度信息之间的对应关系:
根据每个题目内容图片的图片宽度和预设的展示边距,确定每个题目内容图片适配的终端设备的宽度信息。
6.根据权利要求1所述的展示方法,其特征在于,针对所述不同尺寸的题目内容图片中的每个题目内容图片,所述展示方法还包括根据以下步骤生成每个题目内容图片的链接信息:
将所述待展示题目内容的内容数据进行编码,生成所述待展示题目内容对应的md5码;
根据每个题目内容图片的存储网站、所述待展示题目内容对应的md5码和每个题目内容图片对应的终端设备的尺寸信息,生成每个题目内容图片的链接信息。
7.一种题目内容的展示装置,其特征在于,所述展示装置包括:
第一获取模块,用于响应当前终端设备的题目内容展示请求,获取待展示题目内容的标签信息;所述标签信息包括适配信息和图片链接信息;所述适配信息中包括不同尺寸的题目内容图片分别适配的终端设备的尺寸信息,所述题目内容图片中包含所述待展示题目内容;所述图片链接信息中包含所述不同尺寸的题目内容图片所对应的链接信息;
确定模块,用于基于所述适配信息和所述当前终端设备的尺寸信息,查找与所述当前终端设备匹配的目标题目内容图片的链接信息;
第二获取模块,用于通过查找的链接信息,获取所述目标题目内容图片;
发送模块,用于将所述目标题目内容图片发送至所述当前终端设备,以在所述当前终端设备展示所述目标题目内容图片。
8.根据权利要求7所述的展示装置,其特征在于,所述确定模块,用于根据以下步骤查找与所述当前终端设备匹配的目标题目内容图片的链接信息:
从所述适配信息中包括的不同尺寸的题目内容图片分别适配的终端设备的尺寸信息中,选取小于或等于所述当前终端设备的尺寸,且最接近所述当前终端设备的尺寸的目标尺寸,将所述目标尺寸的终端设备对应的目标题目内容图片的链接信息。
9.一种电子设备,其特征在于,包括:处理器、存储器和总线,所述存储器存储有所述处理器可执行的机器可读指令,当电子设备运行时,所述处理器与所述存储器之间通过所述总线进行通信,所述机器可读指令被所述处理器运行时执行如权利要求1至6任一所述的题目内容的展示方法的步骤。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有计算机程序,所述计算机程序被处理器运行时执行如权利要求1至6任一所述的题目内容的展示方法的步骤。
技术总结