一种平台样式规范化系统和方法与流程

1.本技术涉及平台样式统一技术领域，具体而言，涉及一种平台样式规范化系统和方法。


背景技术：

2.目前对于平台所整合的各种应用程序设计规则不一，多系统多平台间的样式不统一，样式设计和使用不规范、主题差异大、整体不统一，不仅会造成用户输入错误信息，而且用户体验也不好，不能更好的体现公司产品标准化，规范化，专业化的特点。
3.针对相关技术中多个平台之间无法共享变量规范平台样式的问题，目前尚未提出有效的解决方案。


技术实现要素：

4.本技术的主要目的在于提供一种平台样式规范化系统和方法，以解决相关技术中多个平台之间无法共享变量规范平台样式的问题。
5.为了实现上述目的，第一方面，本技术提供了一种平台样式规范化系统，该系统包括：信息采集模块，用于采集样式设计信息和系统设计信息，并根据所述样式设计信息得到基础配置信息及根据所述系统设计信息得到系统配置信息；数据解析模块，用于对所述基础配置信息和所述系统配置信息进行解析，得到基础配置文件和系统配置文件；样式文件生成模块，用于根据所述基础配置文件和所述系统配置文件生成样式文件；以及页面配置模块，用于将所述样式文件挂载到页面配置，以规范化所述平台样式。
6.根据本技术的平台样式规范化系统，所述信息采集模块包括：第一信息接收单元，用于接收样式设计信息；第二信息接收单元，用于接收系统设计信息；第一信息处理单元，用于对所述样式设计信息进行分析，得到所述基础配置信息；以及第二信息处理单元，用于对所述系统设计信息进行分析，得到所述系统配置信息。
7.根据本技术的平台样式规范化系统，所述系统设计信息包括静态设计信息，或静态设计信息和动态设计信息；在所述系统设计信息仅包括所述静态设计信息的情况下，所述第二信息处理单元用于对所述静态设计信息进行分析得到所述系统配置信息；以及在所述系统设计信息包括所述静态设计信息和所述动态设计信息的情况下，所述第二信息处理单元用于对所述动态设计信息进行分析得到所述系统配置信息。
8.根据本技术的平台样式规范化系统，所述基础配置信息包括以下至少一个维度的基础配置信息：颜色维度、尺寸维度、字体维度和阴影维度；所述颜色维度包括以下子维度的基础配置信息：明主题颜色子维度和暗主题颜色子维度；所述尺寸维度包括以下子维度的基础配置信息：正常尺寸子维度、大尺寸子维度和小尺寸子维度；所述字体维度包括以下子维度的基础配置信息：字族子维度、字体子维度、字重子维度、字号子维度和行高子维度；所述阴影维度包括以下子维度的基础配置信息：明主题阴影子维度和暗主题阴影子维度；其中，所述数据解析模块还用于对所述至少一个维度的基础配置信息中的每一个子维度的
基础配置信息进行解析得到每一个子维度的基础配置文件，所述样式文件生成模块还用于基于每一个子维度的基础配置文件根据所述系统配置文件生成样式文本。
9.根据本技术的平台样式规范化系统，所述系统配置信息的维度与所述基础配置信息中的维度对应且所述系统配置信息的维度数量小于或等于所述基础配置信息的维度数量。
10.第二方面，本技术还提供了一种平台样式规范化方法，该方法包括：采集样式设计信息和系统设计信息，并根据所述样式设计信息得到基础配置信息及根据所述系统设计信息得到系统配置信息；对所述基础配置信息和所述系统配置信息进行解析，得到基础配置文件和系统配置文件；根据所述基础配置文件和所述系统配置文件生成样式文件；以及将所述样式文件挂载到页面配置，以规范化所述平台样式。
11.根据本技术的平台样式规范化方法，所述根据所述样式设计信息得到基础配置信息及根据所述系统设计信息得到系统配置信息包括：接收样式设计信息和系统设计信息；对所述样式设计信息进行分析，得到所述基础配置信息；以及对所述系统设计信息进行分析，得到所述系统配置信息。
12.根据本技术的平台样式规范化方法，所述系统设计信息包括静态设计信息，或静态设计信息和动态设计信息；在所述系统设计信息仅包括所述静态设计信息的情况下，对所述静态设计信息进行分析得到所述系统配置信息；以及在所述系统设计信息包括所述静态设计信息和所述动态设计信息的情况下，对所述动态设计信息进行分析得到所述系统配置信息。
13.根据本技术的平台样式规范化方法，所述基础配置信息包括以下至少一个维度的基础配置信息：颜色维度、尺寸维度、字体维度和阴影维度；所述颜色维度包括以下子维度的基础配置信息：明主题颜色子维度和暗主题颜色子维度；所述尺寸维度包括以下子维度的基础配置信息：正常尺寸子维度、大尺寸子维度和小尺寸子维度；所述字体维度包括以下子维度的基础配置信息：字族子维度、字体子维度、字重子维度、字号子维度和行高子维度；所述阴影维度包括以下子维度的基础配置信息：明主题阴影子维度和暗主题阴影子维度；所述平台样式规范化方法还包括：对所述至少一个维度的基础配置信息中的每一个子维度的基础配置信息进行解析得到每一个子维度的基础配置文件；以及基于每一个子维度的基础配置文件根据所述系统配置文件生成样式文本。
14.根据本技术的平台样式规范化方法，所述系统配置信息的维度与所述基础配置信息中的维度对应且所述系统配置信息的维度数量小于或等于所述基础配置信息的维度数量。
15.本技术通过对所采集的基础配置信息和系统配置信息进行解析以得到基础配置文件和系统配置文件并生成用于规范平台样式的样式文件，然后将所生成的样式文件挂载到页面配置，从而实现平台样式的统一，通过本技术提供的技术方案可以通过设计的样式规范化、统一化后输出样式文件，实现跨平台间的主题统一、样式统一，为用户提供更好的服务。
附图说明
16.构成本技术的一部分的附图用来提供对本技术的进一步理解，使得本技术的其它
特征、目的和优点变得更明显。本技术的示意性实施例附图及其说明用于解释本技术，并不构成对本技术的不当限定。在附图中：
17.图1是根据本技术实施例提供的平台样式规范化系统的框图。
18.图2是根据本技术实施例提供的平台样式规范化系统的框图。
19.图3是根据本技术实施例提供的平台样式规范化方法的流程图。
具体实施方式
20.为了使本技术领域的人员更好地理解本技术方案，下面将结合本技术实施例中的附图，对本技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本技术一部分的实施例，而不是全部的实施例。基于本技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都应当属于本技术保护的范围。
21.需要说明的是，本技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本技术的实施例。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
22.在本技术中，术语“上”、“下”、“左”、“右”、“前”、“后”、“顶”、“底”、“内”、“外”、“中”、“竖直”、“水平”、“横向”、“纵向”等指示的方位或位置关系为基于附图所示的方位或位置关系。这些术语主要是为了更好地描述本技术及其实施例，并非用于限定所指示的装置、元件或组成部分必须具有特定方位，或以特定方位进行构造和操作。
23.并且，上述部分术语除了可以用于表示方位或位置关系以外，还可能用于表示其他含义，例如术语“上”在某些情况下也可能用于表示某种依附关系或连接关系。对于本领域普通技术人员而言，可以根据具体情况理解这些术语在本技术中的具体含义。
24.另外，术语“多个”的含义应为两个以及两个以上。
25.需要说明的是，在不冲突的情况下，本技术中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本技术。
26.图1是根据本技术实施例提供的平台样式规范化系统的框图，如图1所示，该系统包括信息采集模块10、数据解析模块20、样式文件生成模块30和页面配置模块40。
27.信息采集模块10用于样式设计信息和系统设计信息，并根据所述样式设计信息得到基础配置信息及根据所述系统设计信息得到系统配置信息。样式设计信息例如是设计师设计的用于平台样式的原始设计图纸，系统设计信息是规范化的平台样式的相关信息。基础配置信息可以理解为配置可用的信息库，即可用的样式的集合，基础配置信息是通过对样式设计信息分析得到的机器可识别的信息。系统配置信息可以理解为指定的页面配置的样式，一般来说，系统配置信息中所指定的页面配置的样式可以从基础配置信息中得到，若无法从配置信息中得到，则系统配置信息中会包括所指定的页面配置的样式的生成方式，系统配置信息是通过对系统设计信息得到的机器可识别的信息。
28.数据解析模块20用于对基础配置信息和系统配置信息进行解析，得到基础配置文
件和系统配置文件。具体来说，数据解析模块20对基础配置信息进行解析得到基础配置文件，并对系统配置信息进行解析得到系统配置文件。这里数据解析模块20进行解析的过程实际上是将基础配置信息和系统配置信息转化为机器可读信息，解析的过程为本领域的公知技术，于此不予赘述。
29.文件生成模块30用于基于基础配置文件并根据系统配置文件生成样式文件。样式文件即可以用于进行页面配置的文件，样式文件中包括平台样式的设计文件，基础配置文件中包括配置可用的所有样式的配置文件，系统配置文件中包括平台配置指定的样式，文件生成模块30结合基础配置文件和系统配置文件生成用于平台页面配置的文件，这里称为样式文件。
30.页面配置模块40用于将样式文件挂载到页面配置。将样式文件挂载到页面配置的过程也就是实现采用指定的样式对平台所展示的页面进行配置的过程。挂载过程为本领域技术人员的公知技术，于此不予赘述。
31.图2是根据本技术实施例提供的平台样式规范化系统的框图，如图2所示，信息采集模块10包括第一信息接收单元11、第二信息接收单元12、第一信息处理单元13和第二信息处理单元14，其中，第一信息接收单元11用于接收样式设计信息；第二信息接收单元12用于接收系统设计信息；第一信息处理单元13用于对样式设计信息进行分析，得到基础配置信息；第二信息处理单元14用于对系统设计信息进行分析，得到系统配置信息。
32.样式设计信息一般由设计人员进行设计并输入到系统中，这里将系统(本技术中为第一信息接收单元11)接收到的设计人员的设计文档称为样式设计信息，进一步地，样式设计信息包括多个维度的多种设计，第二信息接收单元12接收到的系统设计信息一般为用户输入至系统中的对平台的指定配置(即下文中所描述的动态设计信息)，如字体为5号字等，此外，系统设计信息也可以是预先设定好的(即下文中所描述的静态设计信息)。
33.第一信息处理单元13对样式设计信息进行分析得到基础配置信息的过程例如可以通过以下方式进行：样式设计信息可以由设计师进行设计，设计可以包括颜色、尺寸、字体和阴影，在设计师设计出图纸之后，可以通过例如ps软件导出包含共性信息的文件，这里共性信息为例如颜色、尺寸、字体和阴影等信息，对包含共性信息的文件按照不同主题进行归类后解析得到机器可识别的共性信息，即颜色、尺寸、字体和阴影，这里包含颜色、尺寸、字体和阴影等的共性信息即为基础配置信息。
34.第二信息处理单元14对系统设计信息进行分析得到系统配置信息的过程例如可以通过以下方式进行：系统设计信息为规范化平台样式的统一信息，通过这个统一信息得到规范化平台样式的颜色、尺寸、字体和阴影等信息，通过解析得到机器可识别的信息，即系统配置信息。
35.以上第一信息处理单元13对样式设计信息进行分析得到基础配置信息的过程和第二信息处理单元14对系统设计信息进行分析得到系统配置信息的过程为现有技术，于此不予赘述。
36.系统设计信息包括静态设计信息，或静态设计信息和动态设计信息；在系统设计信息仅包括静态设计信息的情况下，第二信息处理单元14用于对静态设计信息进行分析得到系统配置信息；在系统设计信息包括静态设计信息和动态设计信息的情况下，第二信息处理单元14用于对动态设计信息进行分析得到系统配置信息。
37.具体来说，系统设计信息所包括的内容有两种情况，第一种情况是系统设计信息仅包括静态设计信息这一种信息，第二种情况是系统设计信息包括静态设计信息和动态设计信息这两种信息，静态设计信息是预先设定好的关于平台配置样式的信息，动态设计信息是实时以自定义的方式接收到的关于平台配置样式的信息。也就是说，在未接收到用户的关于平台配置样式的信息(即未接收到动态设计信息)的情况下，第二信息处理单元14对预先设定好的关于平台配置样式的信息(即静态设计信息)进行分析得到系统配置信息，再经过上文所描述的后续处理最终平台呈现出来的就是依据静态设计信息配置得到的平台样式；在接收到用户的关于平台配置样式的信息(即接收到动态设计信息)的情况下，第二信息处理单元14对所接收到的用户的关于平台配置样式的信息(即动态设计信息)进行分析得到系统配置信息，在经过上文所描述的后续处理最终平台呈现出来的就是依据动态设计信息配置得到的平台样式。
38.基础配置信息包括以下至少一个维度的基础配置信息：颜色维度、尺寸维度、字体维度和阴影维度；颜色维度包括以下子维度的基础配置信息：明主题颜色子维度和暗主题颜色子维度；尺寸维度包括以下子维度的基础配置信息：正常尺寸子维度、大尺寸子维度和小尺寸子维度；字体维度包括以下子维度的基础配置信息：字族子维度、字体子维度、字重子维度、字号子维度和行高子维度；阴影维度包括以下子维度的基础配置信息：明主题阴影子维度和暗主题阴影子维度；其中，数据解析模块还用于对至少一个维度的基础配置信息中的每一个子维度的基础配置信息进行解析得到每一个子维度的基础配置文件，样式文件生成模块还用于基于每一个子维度的基础配置文件根据系统配置文件生成样式文本。
39.针对每一个维度的基础配置信息，均可以生成对应的基础配置文件及对应的样式文件，上文中所描述的样式文件生成模块30生成的样式文件可以理解为包括所有维度的样式信息，更具体来说，针对每一个维度的所有子维度的基础配置信息，可以生成与每一子维度对应的基础配置文件，然后结合系统配置文件针对每一个子维度生成相应的样式文件。
40.下面对颜色、尺寸、字体和阴影这几个维度对应的样式信息的生成进行简要介绍。
41.(1)颜色样式的生成：颜色维度可以包括明主题颜色子维度和暗主题颜色子维度，对于明主题颜色子维度和暗主题颜色子维度分别依据色板生成若干个(如10个)颜色梯度，即颜色维度的样式设计信息，通过分析得到基础配置信息中的明主题颜色子维度的颜色配置和暗主题颜色子维度的颜色配置，即与明主题颜色子维度和暗主题颜色子维度分别对应的的基础配置信息，数据解析模块20对与明主题颜色子维度和暗主题颜色子维度分别对应的的基础配置信息进行解析得到与明主题颜色子维度和暗主题颜色子维度分别对应的基础配置文件，样式文件生成模块20结合系统配置信息中对明主题颜色子维度和暗主题颜色子维度的指定颜色配置生成对应的样式文件。一般来说，系统配置信息中的指定颜色配置可以通过基础配置信息中的颜色配置中得到，特殊情况下，对于系统配置信息中的指定颜色配置无法通过基础配置信息中的颜色配置中得到的情况，系统配置信息中会包括所指定的颜色配置的样式的生成方式，如在基础配置信息中选定哪种颜色配置、进一步对所选定的颜色配置的透明度处理方式、颜色混合方式等。
42.(2)尺寸样式的生成：尺寸维度可以包括正常尺寸子维度、大尺寸子维度和小尺寸子维度，预先接收尺寸的各个子维度的样式设计信息，通过分析得到基础配置信息中的正常尺寸子维度、大尺寸子维度和小尺寸子维度的字体配置，即与正常尺寸子维度、大尺寸子
维度和小尺寸子维度分别对应的基础配置信息，数据解析模块20对与正常尺寸子维度、大尺寸子维度和小尺寸子维度分别对应的基础配置信息进行解析得到与正常尺寸子维度、大尺寸子维度和小尺寸子维度分别对应的基础配置文件，样式文件生成模块30结合系统配置信息中对正常尺寸子维度、大尺寸子维度和小尺寸子维度的指定尺寸配置生成对应的样式文件。
43.(3)字体样式的生成：字体维度可以包括字族子维度、字体子维度、字重子维度、字号子维度和行高子维度，预先接收字体的各个子维度的样式设计信息，通过分析得到基础配置信息中的字族子维度、字体子维度、字重子维度、字号子维度和行高子维度的字体配置，即与字族子维度、字体子维度、字重子维度、字号子维度和行高子维度分别对应的基础配置信息，数据解析模块20对与字族子维度、字体子维度、字重子维度、字号子维度和行高子维度分别对应的基础配置信息进行解析得到与字族子维度、字体子维度、字重子维度、字号子维度和行高子维度分别对应的基础配置文件，样式文件生成模块30结合系统配置信息中对字族子维度、字体子维度、字重子维度、字号子维度和行高子维度的指定字体配置生成对应的样式文件。
44.(4)阴影样式的生成：阴影维度可以包括明主题阴影子维度和暗主题阴影子维度，预先接收阴影的各个子维度的样式设计信息，通过分析得到基础配置信息中的明主题阴影子维度和暗主题阴影子维度的字体配置，即与明主题阴影子维度和暗主题阴影子维度分别对应的基础配置信息，数据解析模块20对与明主题阴影子维度和暗主题阴影子维度分别对应的基础配置信息进行解析得到与明主题阴影子维度和暗主题阴影子维度分别对应的基础配置文件，样式文件生成模块30结合系统配置信息中对明主题阴影子维度和暗主题阴影子维度的指定阴影配置生成对应的样式文件。
45.其中，系统配置信息的维度与基础配置信息中的维度对应且系统配置信息的维度数量小于或等于基础配置信息的维度数量。也就是说，基础配置中所包括的维度覆盖系统配置信息中所包括的维度，也就是说，系统配置信息的维度可以从基础配置信息的维度中找到。例如，在基础配置信息的维度有颜色、尺寸和字体的情况下，系统配置信息的维度可以是颜色、尺寸和字体中的一者或多者。
46.图3是根据本技术实施例提供的平台样式规范化方法的流程图，如图3所示，该方法包括：
47.步骤s301，采集样式设计信息和系统设计信息，并根据样式设计信息得到基础配置信息及根据系统设计信息得到系统配置信息；
48.步骤s302，对基础配置信息和系统配置信息进行解析，得到基础配置文件和系统配置文件；
49.步骤s303，根据基础配置文件和系统配置文件生成样式文件；
50.步骤s304，将样式文件挂载到页面配置，以规范化所述平台样式。
51.其中，根据样式设计信息得到基础配置信息及根据系统设计信息得到系统配置信息包括：接收样式设计信息和系统设计信息；对样式设计信息进行分析，得到基础配置信息；对系统设计信息进行分析，得到系统配置信息。
52.其中，系统设计信息包括静态设计信息，或静态设计信息和动态设计信息；在系统设计信息仅包括静态设计信息的情况下，对静态设计信息进行分析得到系统配置信息；在
系统设计信息包括静态设计信息和动态设计信息的情况下，对动态设计信息进行分析得到系统配置信息。
53.其中，基础配置信息包括以下至少一个维度的基础配置信息：颜色维度、尺寸维度、字体维度和阴影维度；颜色维度包括以下子维度的基础配置信息：明主题颜色子维度和暗主题颜色子维度；尺寸维度包括以下子维度的基础配置信息：正常尺寸子维度、大尺寸子维度和小尺寸子维度；字体维度包括以下子维度的基础配置信息：字族子维度、字体子维度、字重子维度、字号子维度和行高子维度；阴影维度包括以下子维度的基础配置信息：明主题阴影子维度和暗主题阴影子维度；本技术提供的平台样式规范化方法还包括：对至少一个维度的基础配置信息中的每一个子维度的基础配置信息进行解析得到每一个子维度的基础配置文件；基于每一个子维度的基础配置文件根据系统配置文件生成样式文本。
54.其中，系统配置信息的维度与基础配置信息中的维度对应且系统配置信息的维度数量小于或等于基础配置信息的维度数量。
55.需要说明的是，本发明提供的平台样式规范化方法的具体细节及益处与本发明提供的平台样式规范化系统类似，于此不予赘述。
56.通过本技术提供的技术方案，无论是主项目，还是各个子项目都可以共享变量，不需要引入任何依赖，跨系统间实现样式统一，并且可以分别配置，还可以自定义主题，实现部分差异化，大大增加了复用率同时减少了代码冗余。
57.以上所述仅为本技术的优选实施例而已，并不用于限制本技术，对于本领域的技术人员来说，本技术可以有各种更改和变化。凡在本技术的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本技术的保护范围之内。