CN111240784A - 配置外观主题风格的方法和装置 - Google Patents
配置外观主题风格的方法和装置 Download PDFInfo
- Publication number
- CN111240784A CN111240784A CN202010021603.5A CN202010021603A CN111240784A CN 111240784 A CN111240784 A CN 111240784A CN 202010021603 A CN202010021603 A CN 202010021603A CN 111240784 A CN111240784 A CN 111240784A
- Authority
- CN
- China
- Prior art keywords
- appearance
- data
- rendering
- style
- combined
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 48
- 238000009877 rendering Methods 0.000 claims abstract description 26
- 230000006870 function Effects 0.000 claims description 14
- 238000004590 computer program Methods 0.000 claims description 5
- 230000003139 buffering effect Effects 0.000 claims description 2
- 238000010586 diagram Methods 0.000 description 5
- 238000004891 communication Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明提供一种实现配置外观风格的方法和装置，其中该方法包括：获取主题风格或界面单个属性的外观配置数据；将外观配置数据循环匹配组合成预设的外观数据；利用postMessage函数，将组合后的外观数据传递到问卷页面；利用juicer.js模版，实时渲染出问卷页面接收到的外观数据样式。本发明提供的一种配置外观风格的方法和装置，可兼容整套的外观主题风格，亦可兼容单个属性的设置外观，通过使用存储在本地缓存的数据直接渲染问卷数据，而无需重新请求数据，减少数据请求，并且做到实时预览，节省时间的目的。
Description
技术领域
本发明涉及计算机技术领域，尤其涉及一种配置外观主题风格的方法和装置。
背景技术
随着智能终端技术的发展，现有用户终端上，用户可通过各种应用程序(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是Windows API(应用程序接口)中的一个常用函数，用于将一条消息放入到消息队列中。再利用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、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行各个实施例或者实施例的某些部分的方法。
最后，本发明中应用了具体实施例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的一般技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。
Claims (10)
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任一项所述配置外观风格的方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010021603.5A CN111240784A (zh) | 2020-01-09 | 2020-01-09 | 配置外观主题风格的方法和装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010021603.5A CN111240784A (zh) | 2020-01-09 | 2020-01-09 | 配置外观主题风格的方法和装置 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111240784A true CN111240784A (zh) | 2020-06-05 |
Family
ID=70869509
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010021603.5A Pending CN111240784A (zh) | 2020-01-09 | 2020-01-09 | 配置外观主题风格的方法和装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111240784A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113361242A (zh) * | 2021-05-24 | 2021-09-07 | 苏州众言网络科技股份有限公司 | 自定义问卷模板的方法及装置 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105103146A (zh) * | 2013-02-10 | 2015-11-25 | 维克斯网有限公司 | 第三方应用通信api |
| CN107145349A (zh) * | 2017-04-28 | 2017-09-08 | 珠海市魅族科技有限公司 | 主题切换方法、装置、计算机装置及计算机可读存储介质 |
| CN108228184A (zh) * | 2018-01-26 | 2018-06-29 | 福建中金在线信息科技有限公司 | 页面样式生成方法、装置、电子设备和计算机存储介质 |
| CN109783182A (zh) * | 2019-02-15 | 2019-05-21 | 百度在线网络技术（北京）有限公司 | 一种页面主题色调的调整方法、装置、设备及介质 |
-
2020
- 2020-01-09 CN CN202010021603.5A patent/CN111240784A/zh active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105103146A (zh) * | 2013-02-10 | 2015-11-25 | 维克斯网有限公司 | 第三方应用通信api |
| CN107145349A (zh) * | 2017-04-28 | 2017-09-08 | 珠海市魅族科技有限公司 | 主题切换方法、装置、计算机装置及计算机可读存储介质 |
| CN108228184A (zh) * | 2018-01-26 | 2018-06-29 | 福建中金在线信息科技有限公司 | 页面样式生成方法、装置、电子设备和计算机存储介质 |
| CN109783182A (zh) * | 2019-02-15 | 2019-05-21 | 百度在线网络技术（北京）有限公司 | 一种页面主题色调的调整方法、装置、设备及介质 |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113361242A (zh) * | 2021-05-24 | 2021-09-07 | 苏州众言网络科技股份有限公司 | 自定义问卷模板的方法及装置 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| WO2017088509A1 (zh) | 一种页面定制化的方法和装置 | |
| CN105630478B (zh) | 一种实现页面切换的方法和装置 | |
| CN105721224B (zh) | 统一资源定位符处理方法、装置和系统 | |
| CN107463563B (zh) | 一种浏览器的信息服务处理方法及装置 | |
| WO2016066147A2 (zh) | 一种用于处理图像的方法与设备 | |
| CN110347946B (zh) | 一种页面展示方法、装置、计算机设备及存储介质 | |
| CN101814021B (zh) | 在远程设备上显示用户界面的方法和系统 | |
| CN107179920A (zh) | 网络引擎启动方法及装置 | |
| CN108959393B (zh) | 动态图片处理方法、装置及存储介质 | |
| CN103870254B (zh) | 一种动态表单的实现方法、客户端及服务器 | |
| CN114268828A (zh) | 大屏页面的处理方法、装置、设备及存储介质 | |
| CN111240784A (zh) | 配置外观主题风格的方法和装置 | |
| WO2018176207A1 (zh) | Web主题切换方法及系统 | |
| CN109218402A (zh) | 端云一体化解决方案 | |
| CN112925969A (zh) | 一种搜索页面的显示方法和装置 | |
| CN104572816A (zh) | 信息处理方法及电子设备 | |
| CN110223367B (zh) | 动画显示方法、装置、终端及存储介质 | |
| CN104243533A (zh) | 在局域网络中进行数据分享与数据同步的方法 | |
| CN115396500B (zh) | 基于专网的服务平台切换方法、系统及电子设备 | |
| CN107977277B (zh) | Erp系统中集成第三方系统的方法、装置及计算机设备 | |
| EP4028909B1 (en) | Method and system of re-associating location mappings for uniform resource identifier named objects | |
| CN111368236A (zh) | 关于个性化装扮的功能的实现方法、装置及设备 | |
| WO2015165072A1 (en) | Translation for web services | |
| CN109814969A (zh) | 用户终端及应用程序显示界面自动切换装置与方法 | |
| CN105721619B (zh) | 网站链接交换方法及装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200605 |