本发明涉及计算机技术领域,尤其涉及一种配置外观主题风格的方法和装置。
背景技术:
随着智能终端技术的发展,现有用户终端上,用户可通过各种应用程序(app)客户端或浏览器来获取信息。不管是客户端页面还是网页(web)的页面,为了满足用户的个性化审美需求,一般会提供不同的主题配色,也称页面皮肤、背景色调等。
现有技术中,通常是预先设定几种主题配色,供用户选择使用。但是,显然几种有限的选择难以满足众多用户千变万化的需求。
技术实现要素:
为了解决现有技术中外观主题配色难以满足众多用户千变万化的需求的问题,本发明提供一种配置外观风格的方法和装置。
第一方面,本发明提供一种配置外观风格的方法,该方法包括:
获取主题风格或界面单个属性的外观配置数据;
将外观配置数据循环匹配组合成预设的外观数据;
利用postmessage函数,将组合后的外观数据传递到问卷页面;
利用juicer.js模版,实时渲染出问卷页面接收到的外观数据样式。
进一步地,将外观配置数据循环匹配组合成预设的外观数据之后还包括:
将组合后的外观数据存储在本地数据库进行缓存。
进一步地,将组合后的外观数据存储在本地数据库进行缓存包括:
利用localstorage或indexdb方法完成组合后的外观数据的缓存。
进一步地,利用juicer.js模版,实时渲染出问卷页面接收到的外观数据样式包括:
利用缓存在本地数据库的外观数据,实时渲染问卷页面。
第二方面,本发明提供一种配置外观风格的装置,该装置包括:
获取外观配置数据模块,用于获取主题风格或界面单个属性的外观配置数据;
匹配组合模块,用于将外观配置数据循环匹配组合成预设的外观数据;
传递模块,用于利用postmessage函数,将组合后的外观数据传递到问卷页面;
渲染模块,用于利用juicer.js模版,实时渲染出问卷页面接收到的外观数据样式。
进一步地,匹配组合模块之后还包括:
缓存模块,用于将组合后的外观数据存储在本地数据库进行缓存。
进一步地,缓存模块具体利用localstorage或indexdb方法完成组合后的外观数据的缓存。
进一步地,渲染模块包括:
实时渲染单元,用于利用缓存在本地数据库的外观数据,实时渲染问卷页面。
第三方面,本发明提供一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现第一方面提供的配置外观风格的方法的步骤。
第四方面,本发明提供一种非暂态计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现第一方面提供的配置外观风格的方法的步骤。
本发明提供的一种配置外观风格的方法和装置,可兼容整套的外观主题风格,亦可兼容单个属性的设置外观,通过使用存储在本地缓存的数据直接渲染问卷数据,而无需重新请求数据,减少数据请求,并且做到实时预览,节省时间的目的。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的配置外观风格的方法流程示意图;
图2为本发明另一实施例提供的配置外观风格的方法流程示意图;
图3为本发明实施例提供的配置外观风格的装置框图;
图4为本发明另一实施例提供的配置外观风格的装置框图;
图5为本发明实施例提供的电子设备框图。
具体实施方式
为了使本技术领域的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分的实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。
需要说明的是,本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
用户可通过各种应用程序(app)客户端或浏览器来获取信息。不管是客户端页面还是网页(web)的页面,为了满足用户的个性化审美需求,一般会提供不同的主题配色,但是通常都是预先设定几种主题配色,供用户选择使用,这样导致用户选择余地较少,体验不佳的问题,为了解决上述问题,本发明实施例提供一种配置外观风格的方法,如图1所示,该方法包括:
步骤s101,获取主题风格或界面单个属性的外观配置数据;
步骤s102,将外观配置数据循环匹配组合成预设的外观数据;
步骤s103,利用postmessage函数,将组合后的外观数据传递到问卷页面;
步骤s104,利用juicer.js模版,实时渲染出问卷页面接收到的外观数据样式。
具体为,首先在本发明实施例中要获取主题风格或界面单个属性的外观配置数据,根据预设的外观数据将获取的主题风格或界面单个属性的外观数据进行匹配,得到匹配组合成预设外观数据的配置数据。
使用postmessage函数,将组合后的外观数据传递到问卷页面。在这里,postmessage是windowsapi(应用程序接口)中的一个常用函数,用于将一条消息放入到消息队列中。再利用juicer.js模版,实时渲染出问卷页面接收到的外观数据样式。
本发明提供的一种配置外观风格的方法,可兼容整套的外观主题风格,亦可兼容单个属性的设置外观,通过使用存储在本地缓存的数据直接渲染问卷数据,而无需重新请求数据,减少数据请求,并且做到实时预览,节省时间的目的。
基于上述各实施例的内容,作为一种可选实施例:如图2,将外观配置数据循环匹配组合成预设的外观数据之后还包括:
步骤s1021,将组合后的外观数据存储在本地数据库进行缓存。
具体为,将组合后的外观数据存储至本地缓存,具体的缓存可以使用localstorage,如果数据量较大,也可以存储到indexdb。
基于上述各实施例的内容,作为一种可选实施例:利用juicer.js模版,实时渲染出问卷页面接收到的外观数据样式包括:
利用缓存在本地数据库的外观数据,实时渲染问卷页面。
具体为,刷新页面时,使用存储在本地数据库的外观数据直接渲染问卷页面,而无需重新请求数据,减少数据请求。
根据本发明的再一个方面,本发明实施例提供配置外观风格的装置,参见图3,图3为本发明实施例提供的配置外观风格的装置框图。该装置用于在前述各实施例中完成本发明实施例提供的配置外观风格。因此,在前述各实施例中的本发明实施例提供的配置外观风格的方法中的描述和定义,可以用于本发明实施例中各执行模块的理解。
该装置包括:
获取外观配置数据模块301,用于获取主题风格或界面单个属性的外观配置数据;
匹配组合模块302,用于将外观配置数据循环匹配组合成预设的外观数据;
传递模块303,用于利用postmessage函数,将组合后的外观数据传递到问卷页面;
渲染模块304,用于利用juicer.js模版,实时渲染出问卷页面接收到的外观数据样式。
具体的,本实施例的装置中各模块实现其功能的具体过程可参见对应的方法实施例中的相关描述,此处不再赘述。
本发明提供的一种配置外观风格的装置,可兼容整套的外观主题风格,亦可兼容单个属性的设置外观,通过使用存储在本地缓存的数据直接渲染问卷数据,而无需重新请求数据,减少数据请求,并且做到实时预览,节省时间的目的。
基于上述各实施例的内容,作为一种可选实施例:如图4,匹配组合模块之后还包括:
缓存模块3021,用于将组合后的外观数据存储在本地数据库进行缓存。
具体的,本实施例的装置中各模块实现其功能的具体过程可参见对应的方法实施例中的相关描述,此处不再赘述。
基于上述各实施例的内容,作为一种可选实施例:存模块具体利用localstorage或indexdb方法完成组合后的外观数据的缓存。
具体的,本实施例的装置中各模块实现其功能的具体过程可参见对应的方法实施例中的相关描述,此处不再赘述。
基于上述各实施例的内容,作为一种可选实施例:渲染模块包括:
实时渲染单元,用于利用缓存在本地数据库的外观数据,实时渲染问卷页面。
具体的,本实施例的装置中各模块实现其功能的具体过程可参见对应的方法实施例中的相关描述,此处不再赘述。
图5为本发明实施例提供的电子设备框图,如图5所示,该设备包括:处理器501、存储器502和总线503;
其中,处理器501及存储器502分别通过总线503完成相互间的通信;处理器501用于调用存储器502中的程序指令,以执行上述实施例所提供的配置外观风格的方法,例如包括:获取主题风格或界面单个属性的外观配置数据;将外观配置数据循环匹配组合成预设的外观数据;利用postmessage函数,将组合后的外观数据传递到问卷页面;利用juicer.js模版,实时渲染出问卷页面接收到的外观数据样式。
本发明实施例提供一种非暂态计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现配置外观风格的方法的步骤。例如包括:获取主题风格或界面单个属性的外观配置数据;将外观配置数据循环匹配组合成预设的外观数据;利用postmessage函数,将组合后的外观数据传递到问卷页面;利用juicer.js模版,实时渲染出问卷页面接收到的外观数据样式。
以上所描述的装置实施例仅仅是示意性的,其中作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下,即可以理解并实施。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件。基于这样的理解,上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在计算机可读存储介质中,如rom/ram、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行各个实施例或者实施例的某些部分的方法。
最后,本发明中应用了具体实施例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于本领域的一般技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本发明的限制。
1.一种配置外观风格的方法,其特征在于,所述方法包括:
获取主题风格或界面单个属性的外观配置数据;
将所述外观配置数据循环匹配组合成预设的外观数据;
利用postmessage函数,将组合后的外观数据传递到问卷页面;
利用juicer.js模版,实时渲染出问卷页面接收到的外观数据样式。
2.根据权利要求1所述的方法,其特征在于,所述将所述外观配置数据循环匹配组合成预设的外观数据之后还包括:
将组合后的外观数据存储在本地数据库进行缓存。
3.根据权利要求2所述的方法,其特征在于,所述将组合后的外观数据存储在本地数据库进行缓存包括:
利用localstorage或indexdb方法完成组合后的外观数据的缓存。
4.根据权利要求2所述的方法,其特征在于,所述利用juicer.js模版,实时渲染出问卷页面接收到的外观数据样式包括:
利用缓存在本地数据库的外观数据,实时渲染问卷页面。
5.一种配置外观风格的装置,其特征在于,所述装置包括:
获取外观配置数据模块,用于获取主题风格或界面单个属性的外观配置数据;
匹配组合模块,用于将所述外观配置数据循环匹配组合成预设的外观数据;
传递模块,用于利用postmessage函数,将组合后的外观数据传递到问卷页面;
渲染模块,用于利用juicer.js模版,实时渲染出问卷页面接收到的外观数据样式。
6.根据权利要求5所述的装置,其特征在于,所述匹配组合模块之后还包括:
缓存模块,用于将组合后的外观数据存储在本地数据库进行缓存。
7.根据权利要求6所述的装置,其特征在于,所述缓存模块具体利用localstorage或indexdb方法完成组合后的外观数据的缓存。
8.根据权利要求6所述的装置,其特征在于,所述渲染模块包括:
实时渲染单元,用于利用缓存在本地数据库的外观数据,实时渲染问卷页面。
9.一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现如权利要求1至4任一项所述配置外观风格的方法的步骤。
10.一种非暂态计算机可读存储介质,其上存储有计算机程序,其特征在于,该计算机程序被处理器执行时实现如权利要求1至4任一项所述配置外观风格的方法的步骤。
技术总结