CN118069131A - 组件化的界面主题生成方法、装置、设备及介质 - Google Patents
组件化的界面主题生成方法、装置、设备及介质 Download PDFInfo
- Publication number
- CN118069131A CN118069131A CN202410187585.6A CN202410187585A CN118069131A CN 118069131 A CN118069131 A CN 118069131A CN 202410187585 A CN202410187585 A CN 202410187585A CN 118069131 A CN118069131 A CN 118069131A
- Authority
- CN
- China
- Prior art keywords
- theme
- variable
- color
- style
- file
- 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 52
- 230000000694 effects Effects 0.000 claims abstract description 17
- 238000000605 extraction Methods 0.000 claims abstract description 14
- 238000012545 processing Methods 0.000 claims description 19
- 230000002776 aggregation Effects 0.000 claims description 5
- 238000004220 aggregation Methods 0.000 claims description 5
- 238000011426 transformation method Methods 0.000 claims description 4
- 238000006243 chemical reaction Methods 0.000 claims description 3
- 230000000977 initiatory effect Effects 0.000 claims description 3
- 230000001131 transforming effect Effects 0.000 claims description 2
- 239000000758 substrate Substances 0.000 claims 1
- 239000003086 colorant Substances 0.000 abstract description 14
- 239000000284 extract Substances 0.000 abstract description 8
- 238000004590 computer program Methods 0.000 description 14
- 238000004891 communication Methods 0.000 description 8
- 238000010586 diagram Methods 0.000 description 6
- 230000006870 function Effects 0.000 description 4
- 230000003993 interaction Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 238000011161 development Methods 0.000 description 2
- 230000018109 developmental process Effects 0.000 description 2
- 238000002372 labelling Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 238000012790 confirmation Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 239000011521 glass Substances 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000010801 machine learning Methods 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 238000013139 quantization Methods 0.000 description 1
- 230000011218 segmentation Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000001953 sensory effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Landscapes
- Processing Or Creating Images (AREA)
Abstract
本发明提供了组件化的界面主题生成方法、装置、设备及介质。方法包括:获取配置,所述配置包括样式表配置、规则配置和归集规则中的至少一种;将样式表转换成变量版样式表;将样式声明变量化,确定主题色系,确定所述主题色系与文件颜色变量的对应关系;根据所述主题色系与文件颜色变量的对应关系生成变量版文件,生成主题。本发明实施例的方案实现主题定制的样式文件,不依赖固定的结构,也不依赖特定的主题,只要能够读取到配置的样式文件内容或者粘贴的样式文件内容,就可以按照指定的主题算法、指定的提取样式属性分组,进行主题色的提取。通过修改提取后的主题色,刷新预览界面查看效果,也可以下载样式文件部署到实际的目录。
Description
技术领域
本发明涉及计算机技术领域,特别涉及组件化的界面主题生成方法、装置、设备及介质。
背景技术
在开发市场上,交付给客户的产品往往是固定的界面样式。针对最终用户,当前的界面配色可能并不满足实际需求。针对中小企业,在用的固定产品也会有界面定制化需求,所以主题生成工具就应运而生。
但现有的主题工具,主要是针对某一个固定的网站或者产品,与主题工具有实质的绑定关系。
发明内容
本发明实施例提供了组件化的界面主题生成方法、装置、设备及介质,能够针对单个或多个样式文件,提取主题、设置主题。
根据本发明的一方面,提供了一种组件化的界面主题生成方法,包括:
获取配置,所述配置包括样式表配置、规则配置和归集规则中的至少一种;
将样式表转换成变量版样式表;
将样式声明变量化,确定主题色系,确定所述主题色系与文件颜色变量的对应关系;
根据所述主题色系与文件颜色变量的对应关系生成变量版文件,生成主题。
可选的,所述样式表配置,包括:获取所有配置的样式表文件信息,包括指定的样式表链接、指定的样式名、指定的本地待替换路径和样式表内容中的一种或多种;
可选的,所述规则配置,包括:针对设定样式表文件进行合并提取主题色系、提取颜色类型、提取设定属性的颜色值及分组规则和按照设定算法提取主题色系中的一种或多种;
可选的,所述归集规则,包括:归集待提取属性规则,形成全局提取属性规则,按照属性类型,初始化变量,用来保存颜色值和变量名和归集待识别颜色规则,形成全局颜色值规则中的一种或多种。
可选的,所述将样式表转换成变量版样式表,包括:
根据全局提取属性规则,判断当前样式规则是否符合声明,若没有,则处理下一条规则,若有,按照样式声明变量化的方法循环处理所有符合的声明,将所述声明变量化,将样式规则中符合属性规则的部分替换为带变量的写法,保存到临时变量里;
在每种样式规则处理后,在变量中存储颜色值和变量名。
可选的,所述将样式声明变量化,包括:
根据全局颜色值规则,判断当前值的类型;若非HEX类型,则转换为HEX类型,对RGBA类型进行标记;
判断该颜色值是否已存在,如果不存在,根据属性类型,创建新的颜色变量,用变量替换值,如果是RGBA类型,变量前缀增加rgba-后替换值;如果已存在,使用变量替换值,如果是RGBA类型,变量前缀增加rgba-后替换值。
可选的,所述确定主题色系,确定所述主题色系与文件颜色变量的对应关系,包括:
根据待提取属性的分组,合并当前分组下各个样式表对应的所有属性的颜色变量,根据指定的算法,生成主题色系;
按照文件编号,保存每个文件下与该变量对应的颜色值变量,得到所述对应关系。
可选的,该方法还包括:
在确定所述主题色系后改变主题色,根据改变后的所述主题色生成新主题并刷新预览界面查看更改颜色后的界面效果。
可选的,所述在确定所述主题色系后改变主题色,根据改变后的所述主题色生成新主题并刷新预览界面查看更改颜色后的界面效果,包括:
根据主题色系与文件颜色变量的对应关系,修改对应的文件颜色变量;
发起请求,参数为文件编号、对应生成路径和变量定义的集合,服务器端循环处理参数集合,
根据文件编号找到当前目录下的变量版样式表文件,把变量定义转化成样式变量定义;
根据所述变量定义,找到存在RGBA的变量,替换变量版文件中对应的变量;
将所述样式变量定义追加到变量版文件的开始位置,按照指定的路径生成新的样式文件;
生成指定的样式文件后,通知前端界面,更新Iframe链接,刷新预览界面,查看修改主题色系后的界面效果。
根据本发明的另一方面,提供了一种组件化的界面主题生成装置,包括:
获取单元,用于获取配置,所述配置包括样式表配置、规则配置和归集规则中的至少一种;
转换单元,用于将样式表转换成变量版样式表;
变量化单元,用于将样式声明变量化,确定主题色系,确定所述主题色系与文件颜色变量的对应关系;
生成单元,用于根据所述主题色系与文件颜色变量的对应关系生成变量版文件,生成主题。
根据本发明的另一方面,提供了一种电子设备,包括:至少一个存储器和至少一个处理器;
所述至少一个存储器,用于存储机器可读程序;
所述至少一个处理器,用于调用所述机器可读程序,执行上述实施例中任一所述的方法。
根据本发明的另一方面,提供了一种计算机可读介质,所述计算机可读介质上存储有计算机指令,所述计算机指令在被处理器执行时,使所述处理器执行上述实施例中任一所述的方法。
本发明实施例提供了组件化的界面主题生成方法、装置、设备及介质,获取配置,所述配置包括样式表配置、规则配置和归集规则中的至少一种;将样式表转换成变量版样式表;将样式声明变量化,确定主题色系,确定所述主题色系与文件颜色变量的对应关系;根据所述主题色系与文件颜色变量的对应关系生成变量版文件,生成主题。本发明实施例的方案实现主题定制的样式文件,不依赖固定的结构,也不依赖特定的主题,只要能够读取到配置的样式文件内容或者粘贴的样式文件内容,就可以按照指定的主题算法、指定的提取样式属性分组,进行主题色的提取。通过修改提取后的主题色,刷新预览界面查看效果,也可以下载样式文件部署到实际的目录。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明一实施例提供的一种组件化的界面主题生成方法的流程图;
图2是本发明一实施例提供的一种组件化的界面主题生成方法的原理图;
图3是本发明一实施例提供的一种组件化的界面主题生成装置的结构示意图;
图4是实现本发明实施例的组件化的界面主题生成方法的电子设备的结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例,基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本发明保护的范围。
在开发市场上,交付给客户的产品往往是固定的界面样式。针对最终用户,当前的界面配色可能并不满足实际需求。针对中小企业,在用的固定产品也会有界面定制化需求。所以主题生成工具就应运而生。但现有的主题工具,主要是针对某一个固定的网站或者产品,与主题工具有实质的绑定关系。本发明将主题生成独立于产品之外,可以针对单个或多个样式文件,提取主题、设置主题。
另外,主题开发者对颜色进行配置,往往要求立刻看到界面的变更效果。本发明中的主题工具友好的支持了所见即所得的需求,可以通过配置预览页面的链接,看更新后的界面效果。
如图1所示,本发明实施例提供了一种组件化的界面主题生成方法,该方法可以包括以下步骤:
S110、获取配置,所述配置包括样式表配置、规则配置和归集规则中的至少一种。
在本发明实施例中,所述样式表配置,包括:获取所有配置的样式表文件信息,包括指定的样式表链接、指定的样式名、指定的本地待替换路径和样式表内容中的一种或多种;
所述规则配置,包括:针对设定样式表文件进行合并提取主题色系、提取颜色类型、提取设定属性的颜色值及分组规则和按照设定算法提取主题色系中的一种或多种;
所述归集规则,包括:归集待提取属性规则,形成全局提取属性规则,按照属性类型,初始化变量,用来保存颜色值和变量名和归集待识别颜色规则,形成全局颜色值规则中的一种或多种。
S120、将样式表转换成变量版样式表。
在本发明实施例中,步骤S120,具体包括:
根据全局提取属性规则,判断当前样式规则是否有符合声明,若没有,继续处理下一条规则,若有,按照样式声明变量化的方法循环处理所有符合的声明,所述声明变量化,包括样式规则中符合属性规则的部分都被替换为新的带变量的写法,保存到临时变量里;所有样式规则处理后,变量中会存储所有颜色值和变量名。
一个样式表,包括多个样式规则,一个样式规则包括选择器和声明块两部分。声明块内,有多个样式声明。通过识别所有样式规则,找到所有匹配已设置的属性规则的样式规则,然后把声明块内匹配的声明变量化,这样循环处理,把整个样式表转换成变量版样式表,存储在内存中。具体包括:
样式规则:根据全局提取属性规则,判断当前样式规则是否有符合声明。如果没有,继续处理下一条规则。如果有按照下面样式声明变量化的方法循环处理所有符合的声明。
变量化:样式规则中符合属性规则的部分都被替换为新的带变量的写法,保存到临时变量里。所有样式规则处理后,变量中会存储所有颜色值和变量名。
S130、将样式声明变量化,确定主题色系,确定所述主题色系与文件颜色变量的对应关系。
在本发明实施例中,将样式声明变量化,包括:
根据全局颜色值规则,判断当前值的类型;非HEX类型,转换为HEX类型,RGBA需要标记;
判断该颜色值是否已存在,如果不存在,根据属性类型,创建新的颜色变量,用变量替换值,如果是RGBA类型,变量前缀增加rgba-后再替换值;如果已存在,使用变量替换值,如果是RGBA类型,变量前缀增加rgba-后再替换值。
一条样式声明包括属性和值两部分,确认对应的属性规则类型,然后再确认值类型,最后找到颜色变量,进行变量化处理,将替换后的声明保存到临时变量里,具体包括:
确认值类型:根据全局颜色值规则,判断当前值的类型。非HEX类型,转换为HEX类型,RGBA需要标记。
找到颜色变量:判断该颜色值是否已存在,如果不存在,根据属性类型,创建新的颜色变量,用变量替换值,如果是RGBA类型,变量前缀增加rgba-后再替换值。如果已存在,用变量替换值,如果是RGBA类型,变量前缀增加rgba-后再替换值。
S140、根据所述主题色系与文件颜色变量的对应关系生成变量版文件,生成主题。
在本发明实施例中,所述确定主题色系,确定所述主题色系与文件颜色变量的对应关系,包括:
根据待提取属性的分组,合并当前分组下各个样式表对应的所有属性的颜色变量,根据指定的算法,生成主题色系;
按照文件编号,保存每个文件下与该变量对应的颜色值变量,得到所述对应关系。
根据待提取属性的分组,合并当前分组下各个样式表对应的所有属性的颜色变量,根据指定的算法,生成最终主题色系变量。主题色系变量,按照文件编号,保存每个文件下与该变量对应的颜色值变量,这样方便跨文件、跨属性统一控制变量。
在确定了主题色系与文件颜色变量的关系后,发起服务器端请求,根据传递的参数集合,按照文件编号和替换变量后的样式内容,在当前部署目录下生成所有变量版文件。
在本发明实施例中,该方法还可以包括以下步骤:
在确定所述主题色系后改变主题色,根据改变后的所述主题色生成新主题并刷新预览界面查看更改颜色后的界面效果。
在本发明实施例中,在确定所述主题色系后改变主题色,根据改变后的所述主题色生成新主题并刷新预览界面查看更改颜色后的界面效果,包括:
根据主题色系与文件颜色变量的对应关系,修改对应的文件颜色变量;
发起请求,参数为文件编号、对应生成路径和变量定义的集合,服务器端循环处理参数集合,根据文件编号找到当前目录下的变量版样式表文件,把变量定义转化成样式变量定义;根据所述变量定义,找到存在RGBA的变量,替换变量版文件中对应的变量;
将所述样式变量定义追加到变量版文件的开始位置,按照指定的路径生成新的样式文件;
生成指定的样式文件后,通知前端界面,更新Iframe链接,刷新预览界面,查看修改主题色系后的界面效果。
图2是本发明实施例提供的一种组件化的界面主题生成的原理图。本发明利用CSS支持变量的特性,提取多个样式表的内容,根据指定颜色变量个数和算法,提取指定属性的颜色值为变量。最终替换样式表的对应属性的色值内容为颜色变量,生成新的样式表。
本发明利用浏览器的源代码替换功能,按照用户指定的新主题色生成新的样式表,并拷贝到指定的本地替换目录下,然后重新加载界面地址,这样就可以按照新主题色预览界面的实际效果。
本发明实施例的方案主要解决以下技术问题:
1、为任何样式文件提取主题色:本发明不依赖固定的结构,也不依赖特定的主题。只要是读取到的样式文件内容,都可以提取主题色。
2、提取主题色:本发明支持配置提取主题色的方式,可以通过统计个数提取主题色,也支持通过颜色量子化中的中位切分算法提取主题色。
3、在线查看:本发明利用浏览器开发者工具中的源代码替换功能,读取设置的预览界面链接,读取指定替换样式地址,可以在配置主题色后,查看预览界面最终调整效果。
本发明实施例的方案包括以下优点:
1、支持任何网站:只要网站没有跨域安全限制,能够读取到指定的样式文件,或者通过粘贴样式文件具体内容,就可以识别指定文件的主题色。不依赖固定的结构或者主题。
2、自由配置:本发明支持配置提取单个或合并提取多个文件的主题色,也支持配置提取属性比如颜色、边线、文字色等,也支持给属性分组合并提取主题色。
3、所见即所得:用户可以通过提取的主题色调整主题。调整主题后,能够通过查看预览界面应用了新配置的主题色后的实际效果。
本发明实施例的方案公开了主题自由工具的主要实现方法。本发明中实现主题定制的样式文件,不依赖固定的结构,也不依赖特定的主题,只要能够读取到配置的样式文件内容或者粘贴的样式文件内容,就可以按照指定的主题算法、指定的提取样式属性分组,进行主题色的提取。通过修改提取后的主题色,刷新预览界面查看效果,也可以下载样式文件部署到实际的目录。
如图3所示,本发明实施例提供了一种组件化的界面主题生成装置,该装置可以包括:
获取单元310,用于获取配置,所述配置包括样式表配置、规则配置和归集规则中的至少一种;
转换单元320,用于将样式表转换成变量版样式表;
变量化单元330,用于将样式声明变量化,确定主题色系,确定所述主题色系与文件颜色变量的对应关系;
生成单元340,用于根据所述主题色系与文件颜色变量的对应关系生成变量版文件,生成主题。
可以理解的是,本发明实施例示意的结构并不构成对组件化的界面主题生成装置的具体限定。在本发明的另一些实施例中,组件化的界面主题生成装置可以包括比图示更多或者更少的部件,或者组合某些部件,或者拆分某些部件,或者不同的部件布置。图示的部件可以以硬件、软件或者软件和硬件的组合来实现。
上述装置内的各单元之间的信息交互、执行过程等内容,由于与本发明方法实施例基于同一构思,具体内容可参见本发明方法实施例中的叙述,此处不再赘述。
图4示出了可以用来实施本发明的实施例的电子设备10的结构示意图。电子设备旨在表示各种形式的数字计算机,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备(如头盔、眼镜、手表等)和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本发明的实现。
如图4所示,电子设备10包括至少一个处理器11,以及与至少一个处理器11通信连接的存储器,如只读存储器(ROM)12、随机访问存储器(RAM)13等,其中,存储器存储有可被至少一个处理器执行的计算机程序,处理器11可以根据存储在只读存储器(ROM)12中的计算机程序或者从存储单元18加载到随机访问存储器(RAM)13中的计算机程序,来执行各种适当的动作和处理。在RAM 13中,还可存储电子设备10操作所需的各种程序和数据。处理器11、ROM 12以及RAM 13通过总线14彼此相连。输入/输出(I/O)接口15也连接至总线14。
电子设备10中的多个部件连接至I/O接口15,包括:输入单元16,例如键盘、鼠标等;输出单元17,例如各种类型的显示器、扬声器等;存储单元18,例如磁盘、光盘等;以及通信单元19,例如网卡、调制解调器、无线通信收发机等。通信单元19允许电子设备10通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
处理器11可以是各种具有处理和计算能力的通用和/或专用处理组件。处理器11的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的处理器、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。处理器11执行上文所描述的各个方法和处理,例如组件化的界面主题生成方法。
在一些实施例中,组件化的界面主题生成方法可被实现为计算机程序,其被有形地包含于计算机可读存储介质,例如存储单元18。在一些实施例中,计算机程序的部分或者全部可以经由ROM 12和/或通信单元19而被载入和/或安装到电子设备10上。当计算机程序加载到RAM 13并由处理器11执行时,可以执行上文描述的组件化的界面主题生成方法的一个或多个步骤。备选地,在其他实施例中,处理器11可以通过其他任何适当的方式(例如,借助于固件)而被配置为执行组件化的界面主题生成方法。
本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
用于实施本发明的方法的计算机程序可以采用一个或多个编程语言的任何组合来编写。这些计算机程序可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器,使得计算机程序当由处理器执行时使流程图和/或框图中所规定的功能/操作被实施。计算机程序可以完全在机器上执行、部分地在机器上执行,作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
在本发明的上下文中,计算机可读存储介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的计算机程序。计算机可读存储介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。备选地,计算机可读存储介质可以是机器可读信号介质。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
为了提供与用户的交互,可以在电子设备上实施此处描述的系统和技术,该电子设备具有:用于向用户显示信息的显示装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给电子设备。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如,作为数据服务器)、或者包括中间件部件的计算系统(例如,应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将系统的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)、区块链网络和互联网。
计算系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器,又称为云计算服务器或云主机,是云计算服务体系中的一项主机产品,以解决了传统物理主机与VPS服务中,存在的管理难度大,业务扩展性弱的缺陷。
应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本发明中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行,只要能够实现本发明的技术方案所期望的结果,本文在此不进行限制。
上述具体实施方式,并不构成对本发明保护范围的限制。本领域技术人员应该明白的是,根据设计要求和其他因素,可以进行各种修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等,均应包含在本发明保护范围之内。
Claims (10)
1.组件化的界面主题生成方法,其特征在于,包括:
获取配置,所述配置包括样式表配置、规则配置和归集规则中的至少一种;
将样式表转换成变量版样式表;
将样式声明变量化,确定主题色系,确定所述主题色系与文件颜色变量的对应关系;
根据所述主题色系与文件颜色变量的对应关系生成变量版文件,生成主题。
2.根据权利要求1所述的方法,其特征在于,
所述样式表配置,包括:获取所有配置的样式表文件信息,包括指定的样式表链接、指定的样式名、指定的本地待替换路径和样式表内容中的一种或多种;
和/或,所述规则配置,包括:针对设定样式表文件进行合并提取主题色系、提取颜色类型、提取设定属性的颜色值及分组规则和按照设定算法提取主题色系中的一种或多种;
和/或,所述归集规则,包括:归集待提取属性规则,形成全局提取属性规则,按照属性类型,初始化变量,用来保存颜色值和变量名和归集待识别颜色规则,形成全局颜色值规则中的一种或多种。
3.根据权利要求1所述的方法,其特征在于,所述将样式表转换成变量版样式表,包括:
根据全局提取属性规则,判断当前样式规则是否符合声明,若没有,则处理下一条规则,若有,按照样式声明变量化的方法循环处理所有符合的声明,将所述声明变量化,将样式规则中符合属性规则的部分替换为带变量的写法,保存到临时变量里;
在每种样式规则处理后,在变量中存储颜色值和变量名。
4.根据权利要求1所述的方法,其特征在于,所述将样式声明变量化,包括:
根据全局颜色值规则,判断当前值的类型;若非HEX类型,则转换为HEX类型,对RGBA类型进行标记;
判断该颜色值是否已存在,如果不存在,根据属性类型,创建新的颜色变量,用变量替换值,如果是RGBA类型,变量前缀增加rgba-后替换值;如果已存在,使用变量替换值,如果是RGBA类型,变量前缀增加rgba-后替换值。
5.根据权利要求1所述的方法,其特征在于,所述确定主题色系,确定所述主题色系与文件颜色变量的对应关系,包括:
根据待提取属性的分组,合并当前分组下各个样式表对应的所有属性的颜色变量,根据指定的算法,生成主题色系;
按照文件编号,保存每个文件下与该变量对应的颜色值变量,得到所述对应关系。
6.根据权利要求1所述的方法,其特征在于,进一步包括:
在确定所述主题色系后改变主题色;
根据改变后的所述主题色生成新主题并刷新预览界面查看更改颜色后的界面效果。
7.根据权利要求1所述的方法,其特征在于,所述在确定所述主题色系后改变主题色,根据改变后的所述主题色生成新主题并刷新预览界面查看更改颜色后的界面效果,包括:
根据主题色系与文件颜色变量的对应关系,修改对应的文件颜色变量;
发起请求,参数为文件编号、对应生成路径和变量定义的集合,服务器端循环处理参数集合;
根据文件编号找到当前目录下的变量版样式表文件,把变量定义转化成样式变量定义;
根据所述变量定义,找到存在RGBA的变量,替换变量版文件中对应的变量;
将所述样式变量定义追加到变量版文件的开始位置,按照指定的路径生成新的样式文件;
生成指定的样式文件后,通知前端界面,更新Iframe链接,刷新预览界面,查看修改主题色系后的界面效果。
8.组件化的界面主题生成装置,其特征在于,包括:
获取单元,用于获取配置,所述配置包括样式表配置、规则配置和归集规则中的至少一种;
转换单元,用于将样式表转换成变量版样式表;
变量化单元,用于将样式声明变量化,确定主题色系,确定所述主题色系与文件颜色变量的对应关系;
生成单元,用于根据所述主题色系与文件颜色变量的对应关系生成变量版文件,生成主题。
9.电子设备,其特征在于,包括:至少一个存储器和至少一个处理器;
所述至少一个存储器,用于存储机器可读程序;
所述至少一个处理器,用于调用所述机器可读程序,执行权利要求1至7中任一所述的方法。
10.计算机可读介质,其特征在于,所述计算机可读介质上存储有计算机指令,所述计算机指令在被处理器执行时,使所述处理器执行权利要求1至7中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202410187585.6A CN118069131A (zh) | 2024-02-20 | 2024-02-20 | 组件化的界面主题生成方法、装置、设备及介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202410187585.6A CN118069131A (zh) | 2024-02-20 | 2024-02-20 | 组件化的界面主题生成方法、装置、设备及介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN118069131A true CN118069131A (zh) | 2024-05-24 |
Family
ID=91103241
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202410187585.6A Pending CN118069131A (zh) | 2024-02-20 | 2024-02-20 | 组件化的界面主题生成方法、装置、设备及介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN118069131A (zh) |
-
2024
- 2024-02-20 CN CN202410187585.6A patent/CN118069131A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN113808231B (zh) | 信息处理方法及装置、图像渲染方法及装置、电子设备 | |
CN111881385B (zh) | 推送内容生成方法、装置、设备和可读存储介质 | |
CN113342450B (zh) | 页面处理的方法、装置、电子设备及计算机可读介质 | |
CN115511085A (zh) | 一种模型数据处理方法、装置、设备及存储介质 | |
CN116009847A (zh) | 代码生成方法、装置、电子设备及存储介质 | |
CN114168119B (zh) | 代码文件编辑方法、装置、电子设备以及存储介质 | |
CN115687717A (zh) | Grok表达式获取方法、装置、设备及计算机可读存储介质 | |
CN116185389A (zh) | 一种代码生成方法、装置、电子设备及介质 | |
CN118069131A (zh) | 组件化的界面主题生成方法、装置、设备及介质 | |
CN113138760B (zh) | 一种页面生成方法、装置、电子设备和介质 | |
CN113691403A (zh) | 拓扑节点配置方法、相关装置及计算机程序产品 | |
CN112528593A (zh) | 文档处理方法、装置、电子设备及存储介质 | |
CN113254826B (zh) | 转储文件的处理方法及装置 | |
CN113378524B (zh) | 更新文档的存储信息的方法、装置、设备和存储介质 | |
CN114650222B (zh) | 参数配置方法、装置、电子设备和存储介质 | |
CN114818617A (zh) | 一种文档生成方法、装置、设备、介质及产品 | |
CN115981657A (zh) | 代码生成方法、装置、电子设备及可读介质 | |
CN118363978A (zh) | select选择器创建方法、装置、设备及介质 | |
CN118485042A (zh) | 文本的处理方法和装置 | |
CN116841549A (zh) | 图层处理方法、装置、电子设备及存储介质 | |
CN114860312A (zh) | 一种基于信贷业务的移动端适配方法、装置、设备及介质 | |
CN117371416A (zh) | 一种项目文档生成方法、装置、设备及存储介质 | |
CN116991868A (zh) | 数据处理方法、装置、电子设备及存储介质 | |
CN115510838A (zh) | 一种模板生成的方法、装置、电子设备和存储介质 | |
CN117933334A (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 |