创建复合组件样式的方法、装置和电子设备制造方法及图纸

本发明专利技术提供一种创建复合组件样式的方法、装置和电子设备。方法包括：获取多个样式单元；每个样式单元包括表征单一样式属性的样式代码；响应于样式单元确定指令，从多个样式单元中确定目标样式单元集；基于目标样式单元集创建复合组件的样式。由于每个样式单元包括表征单一样式属性的样式代码，本发明专利技术实施例只需从多个样式单元中确定目标样式单元集，基于目标样式单元集创建复合组件的样式，而不需要创建复合组件时书写大量代码，从而实现快速创建复合组件的样式，提高创建复合组件的样式的效率。率。率。

【技术实现步骤摘要】
创建复合组件样式的方法、装置和电子设备


[0001]本专利技术涉及计算机
，尤其涉及一种创建复合组件样式的方法、装置和电子设备。

技术介绍

[0002]CSS3是CSS(层叠样式表)技术的升级版本。主要包括盒子模型、列表模块、语言模块、背景和边框、文字特效、多栏布局等模块。
[0003]BootStrap是基于CSS3的前端开发框架。BootStrap框架提供一套完整的设计输出，是组件级别的，但正是这样完整的设计，会引发其他问题：例如因为大家都使用了相同的设计，所以没有原创性、自定义空间不大，对某个组件进行重写存在一定的困难。
[0004]例如，如果要使用Bootstrap创建按钮的复合组件，需为按钮的复合组件根据多个样式属性创建较多的代码。此时为按钮做定制化的效率较低。

技术实现思路

[0005]本专利技术提供一种创建复合组件样式的方法、装置和电子设备，用以解决现有技术中创建复合组件的效率较低的缺陷。
[0006]本专利技术提供一种创建复合组件样式的方法，包括：
[0007]获取多个样式单元；每个所述样式单元包括表征单一样式属性的样式代码；
[0008]响应于样式单元确定指令，从所述多个样式单元中确定目标样式单元集；
[0009]基于所述目标样式单元集创建复合组件的样式。
[0010]根据本专利技术提供的一种创建复合组件样式的方法，所述基于所述目标样式单元创建复合组件的样式之后，还包括：
[0011]响应于样式单元确定指令，从所述多个样式单元中确定第一目标样式单元；
[0012]利用所述第一目标样式单元替换所述目标样式单元集中的待替换样式单元，得到第一成品样式单元集；
[0013]基于所述第一成品样式单元集创建所述复合组件的样式。
[0014]根据本专利技术提供的一种创建复合组件样式的方法，所述基于所述目标样式单元创建复合组件的样式之后，还包括：
[0015]响应于样式单元确定指令，从所述多个样式单元中确定待添加样式单元；
[0016]添加所述待添加样式单元至所述目标样式单元集中，得到第二成品样式单元集；
[0017]基于所述第二成品样式单元集创建所述复合组件的样式。
[0018]根据本专利技术提供的一种创建复合组件样式的方法，所述基于所述目标样式单元创建复合组件的样式之后，还包括：
[0019]响应于样式单元确定指令，确定所述目标样式单元集中的待删除样式单元；
[0020]删除所述待删除样式单元，得到第三成品样式单元集；
[0021]基于所述第三成品样式单元集创建所述复合组件的样式。
[0022]根据本专利技术提供的一种创建复合组件样式的方法，所述基于所述目标样式单元集创建复合组件的样式之后，还包括：
[0023]重复利用所述目标样式单元集创建新复合组件的样式。
[0024]根据本专利技术提供的一种创建复合组件样式的方法，每个所述样式单元是通过视觉效果进行命名的。
[0025]本专利技术还提供一种创建复合组件样式的装置，包括：
[0026]样式单元获取模块，用于获取多个样式单元；每个所述样式单元包括表征单一样式属性的样式代码；
[0027]目标样式单元集确定模块，用于响应于样式单元确定指令，从所述多个样式单元中确定目标样式单元集；
[0028]第一创建模块，用于基于所述目标样式单元集创建复合组件的样式。
[0029]本专利技术还提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如上述任一种所述创建复合组件样式的方法。
[0030]本专利技术还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如上述任一种所述创建复合组件样式的方法。
[0031]本专利技术还提供一种计算机程序产品，包括计算机程序，所述计算机程序被处理器执行时实现如上述任一种所述创建复合组件样式的方法。
[0032]本专利技术提供的创建复合组件样式的方法、装置和电子设备，由于每个所述样式单元包括表征单一样式属性的样式代码，本专利技术实施例只需从多个样式单元中确定目标样式单元集，基于目标样式单元集创建所述复合组件的样式，而不需要创建复合组件时书写大量代码，从而实现快速创建复合组件的样式，提高创建复合组件的样式的效率。
附图说明
[0033]为了更清楚地说明本专利技术或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0034]图1是本专利技术提供的创建复合组件样式的方法的流程示意图之一；
[0035]图2是本专利技术提供的创建复合组件样式的方法的流程示意图之二；
[0036]图3是本专利技术提供的创建复合组件样式的方法的流程示意图之三；
[0037]图4是本专利技术提供的创建复合组件样式的方法的流程示意图之四；
[0038]图5是本专利技术提供的创建复合组件样式的方法的流程示意图之五；
[0039]图6是本专利技术提供的创建复合组件样式的装置的结构示意图；
[0040]图7是本专利技术提供的电子设备的结构示意图。
具体实施方式
[0041]为使本专利技术的目的、技术方案和优点更加清楚，下面将结合本专利技术中的附图，对本专利技术中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，
而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。
[0042]现有方法中使用Bootstrap创建按钮，需将class设置为btn
‑
primary、btn
‑
danger等等。此时按钮做定制化的效率较低。
[0043]例如按钮会有btn
‑
primary、btn
‑
danger类，分别代表主按钮样式、警告按钮样式。每一种按钮，都需要定义一次按钮类。在使用时，需要根据情境、语义选择应使用的类名和代码，如下表1所示：
[0044]表1
[0045][0046][0047]可见，现有方法需为按钮的复合组件根据多个样式属性创建较多的代码。此时为按钮做定制化的效率较低。
[0048]鉴于此，本专利技术实施例提供一种创建复合组件样式的方法，用以解决现有技术中创建复合组件的效率较低的缺陷。
[0049]下面结合图1
‑
图5描述本专利技术的创建复合组件样式的方法。请参照图1，本专利技术提供一种创建复合组件样式的方法，包括：
[0050]步骤100、获取多个样式单元。每个样式单元包括表征单一样式属性的样式代码。
[0051]电子设备获取多个样式单元。每个样式单元本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种创建复合组件样式的方法，其特征在于，包括：获取多个样式单元；每个所述样式单元包括表征单一样式属性的样式代码；响应于样式单元确定指令，从所述多个样式单元中确定目标样式单元集；基于所述目标样式单元集创建复合组件的样式。2.根据权利要求1所述的创建复合组件样式的方法，其特征在于，所述基于所述目标样式单元创建复合组件的样式之后，还包括：响应于样式单元确定指令，从所述多个样式单元中确定第一目标样式单元；利用所述第一目标样式单元替换所述目标样式单元集中的待替换样式单元，得到第一成品样式单元集；基于所述第一成品样式单元集创建所述复合组件的样式。3.根据权利要求1所述的创建复合组件样式的方法，其特征在于，所述基于所述目标样式单元创建复合组件的样式之后，还包括：响应于样式单元确定指令，从所述多个样式单元中确定待添加样式单元；添加所述待添加样式单元至所述目标样式单元集中，得到第二成品样式单元集；基于所述第二成品样式单元集创建所述复合组件的样式。4.根据权利要求1所述的创建复合组件样式的方法，其特征在于，所述基于所述目标样式单元创建复合组件的样式之后，还包括：响应于样式单元确定指令，确定所述目标样式单元集中的待删除样式单元；删除所述待删除样式单元，得到第三成品样式单元集；基于所述第三成品样式单元集创建所述复合组件的样式。5.根据权利要求1所述的创建复合组件样式的方法，其特征在于，所述基于所述目标样式单元...

【专利技术属性】
技术研发人员：付佳媚，刘强，李铧犁，
申请(专利权)人：北京航天云路有限公司，
类型：发明
国别省市：