软件迭代过程资源复用和一致性方法、系统、介质及设备技术方案

本发明专利技术涉及一种软件迭代过程资源复用和一致性方法、系统、介质及设备，方法包括：为设计规范中的CSS资源定义变量名，为组件资源定义组件代码；建立软件产品项目与所需设计规范的关联关系；选择软件产品项目的设计稿中的一个图层，在软件产品项目所有关联的设计规范中查找所述图层所包含的CSS资源的变量名，以及图层所包含的组件资源的组件代码；在软件产品项目的开发板块显示CSS资源的变量名和组件资源的组件代码。本发明专利技术将设计规范直接落地到实际设计稿上，确保团队中工程师使用颜色、字体等CSS样式的统一性及准确性，减轻了开发人员撰写组件代码的的重复工作，极大地降低了开发人员的工作量，提高了开发效率，降低了后期维护难度。护难度。护难度。

【技术实现步骤摘要】
软件迭代过程资源复用和一致性方法、系统、介质及设备


[0001]本专利技术涉及软件迭代
，尤其涉及一种软件迭代过程资源复用和一致性方法、系统、介质及设备。

技术介绍

[0002]目前，在进行软件产品设计时，通常由设计师使用设计软件参照设计规范构建软件产品所需的组件，从而形成图形化的设计稿；开发人员参照图形化的设计稿用代码还原出设计师所设计的界面，并添加对应的逻辑，最后运行到服务器端供用户访问和使用。
[0003]设计师用设计软件构建设计稿的载体是图层，而开发人员还原设计师所设计的界面的载体是代码；即设计师和开发人员使用的工具和绘制组件的载体均不同，因此，开发人员参照图形化的设计稿用代码还原出设计师所设计的界面时需要进行翻译转换，目前这个过程是通过开发人员人为识别的方式去完成的，后续测试、设计还需要做大量的检查，确保开发人员所写的代码与设计师的设计内容一致。
[0004]也就是说，人为识别的方式会导致开发人员工作量较大，开发效率低下，如果存在极其相似的颜色或组件，会导致误用、错用的情况。且团队中开发人员的开发风格不一致，还会导致的后期维护难等问题。

技术实现思路

[0005]本专利技术所要解决的技术问题是针对现有技术存在的问题，提供一种软件迭代过程资源复用和一致性方法、系统、介质及设备。
[0006]为解决上述技术问题，本专利技术实施例提供一种软件迭代过程资源复用和一致性方法，包括：为设计规范中的CSS资源定义变量名，为组件资源定义组件代码；建立软件产品项目与所需设计规范的关联关系；选择所述软件产品项目的设计稿中的一个图层，在所述软件产品项目所有关联的设计规范中查找所述图层所包含的CSS资源的变量名，以及所述图层所包含的组件资源的组件代码，并在所述软件产品项目的开发板块显示所述CSS资源的变量名和所述组件资源的组件代码。
[0007]为解决上述技术问题，本专利技术实施例还提供一种软件迭代过程资源复用和一致性系统，包括：自定义模块，用于为设计规范中的CSS资源定义变量名，为组件资源定义组件代码；关联关系建立模块，用于建立软件产品项目与所需设计规范的关联关系；资源查找模块，用于选择所述软件产品项目的设计稿中的一个图层，在所述软件产品项目所有关联的设计规范中查找所述图层所包含的CSS资源的变量名，以及所述图层所包含的组件资源的组件代码，并在所述软件产品项目的开发板块显示所述CSS资源的变量名和所述组件资源的组件代码。
[0008]为解决上述技术问题，本专利技术实施例还提供一种计算机可读存储介质，包括指令，当所述指令在计算机上运行时，使所述计算机执行上述技术方案所述的软件迭代过程资源复用和一致性方法。
[0009]为解决上述技术问题，本专利技术实施例还提供一种计算机设备，包括存储器、处理器及存储在所述存储器上的并可在所述处理器上运行的计算机程序，所述处理器执行所述程序时实现上述技术方案所述的软件迭代过程资源复用和一致性方法。
[0010]本专利技术的有益效果是：在设计规范中自定义CSS资源的变量名以及组件资源的组件代码，将软件产品项目与所需的设计规范进行关联，将设计规范直接落地到实际设计稿上，从而实现自动识别查找相应的变量名和组件代码，确保团队中工程师使用颜色、字体等CSS样式的统一性及准确性，减轻了开发人员撰写组件代码的的重复工作，极大地降低了开发人员的工作量，提高了开发效率，降低了后期维护难度。
[0011]本专利技术附加的方面及其优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本专利技术实践了解到。
附图说明
[0012]图1为本专利技术实施例提供的软件迭代过程资源复用和一致性方法流程图；
[0013]图2为本专利技术实施例提供的软件产品项目开发板块中规范关联按钮示意图；
[0014]图3为本专利技术实施例提供的设计规范关联列表示意图；
[0015]图4为本专利技术实施例提供的设计规范中项目关联按钮示意图；
[0016]图5为本专利技术实施例提供的软件产品项目列表示意图；
[0017]图6为本专利技术实施例提供的软件迭代过程资源复用和一致性系统框图。
具体实施方式
[0018]以下结合附图对本专利技术的原理和特征进行描述，所举实例只用于解释本专利技术，并非用于限定本专利技术的范围。
[0019]实施例1
[0020]图1为本专利技术实施例提供的一种软件迭代过程资源复用和一致性方法流程图。如图1所示，该方法包括：
[0021]S110，为设计规范中的CSS资源定义变量名，为组件资源定义组件代码；
[0022]设计规范指一个软件开发团队中，所有设计师在进行UI设计时所需遵循的基本原则，例如在颜色使用上，系统的主题色和辅色，深色和浅色等标准色值。
[0023]设计规范中的资源指颜色、字体、图层样式、组件、图标、图片6大分类下的单个具体对象，其中，颜色、字体、图层样式属于CSS资源，组件、图标和图片属于组件资源。例如颜色中的白色便是一个颜色资源，字体中字体类型为微软雅黑、字号为12px、字重为加粗、对齐方式为居中、字体颜色为黑色、字间距为2px、行间距为22px便是一个字体资源，图层样式中阴影为蓝色便是一个图层样式资源，组件、图标与图片则是直接与设计规范插件的宿主sketch的组件和图片资源一致，例如一个矩形。
[0024]S120，建立软件产品项目与所需设计规范的关联关系；
[0025]软件产品项目指存放设计稿、设计资源、产品文档等内容的最小单元。软件产品项目和设计规范之间是多对多的关系，一个项目可以关联多个设计规范，一个设计规范也可以被多个软件产品项目关联。
[0026]S130,选择所述软件产品项目的设计稿中的一个图层，在所述软件产品项目所有
关联的设计规范中查找所述图层所包含的CSS资源的变量名，以及所述图层所包含的组件资源的组件代码；
[0027]S140，在所述软件产品项目的开发板块显示所述CSS资源的变量名和所述组件资源的组件代码。
[0028]上述实施例中，在设计规范中自定义CSS资源的变量名以及组件资源的组件代码，将软件产品项目与所需的设计规范进行关联，将设计规范直接落地到实际设计稿上，从而实现自动识别查找相应的变量名和组件代码，确保团队中工程师使用颜色、字体等CSS样式的统一性及准确性，减轻了开发人员撰写组件代码的的重复工作，极大地降低了开发人员的工作量，提高了开发效率，降低了后期维护难度。
[0029]实施例2
[0030]本专利技术实施例提供的一种软件迭代过程资源复用和一致性方法。该方法包括：S111，在设计规范的图形化界面中选择单个CSS资源后，在右侧的详细面板中自定义与CSS资源的属性值对应的变量名，并存储到后台服务器；在设计规范的图形化界面中选择单个组件资源后，在右侧的详细面板中自定义组件资源的组件代码，并存储到后台服务器。
[0031]S120，建立软件产品项目与所需设计规范的关联关系。
[0032]S130,选择所本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种软件迭代过程资源复用和一致性方法，其特征在于，包括：为设计规范中的CSS资源定义变量名，为组件资源定义组件代码；建立软件产品项目与所需设计规范的关联关系；选择所述软件产品项目的设计稿中的一个图层，在所述软件产品项目所有关联的设计规范中查找所述图层所包含的CSS资源的变量名，以及所述图层所包含的组件资源的组件代码；在所述软件产品项目的开发板块显示所述CSS资源的变量名和所述组件资源的组件代码。2.根据权利要求1所述的方法，其特征在于，所述为设计规范中的CSS资源定义变量名，为组件资源定义组件代码，包括：在设计规范的图形化界面中选择单个CSS资源后，在右侧的详细面板中自定义与CSS资源的属性值对应的变量名，并存储到后台服务器；在设计规范的图形化界面中选择单个组件资源后，在右侧的详细面板中自定义组件资源的组件代码，并存储到后台服务器。3.根据权利要求1所述的方法，其特征在于，所述建立软件产品项目与所需设计规范的关联关系，包括：在软件产品项目的开发板块中，通过设计规范关联按钮打开设计规范列表，选取需要关联的设计规范，将所述软件产品项目的项目ID与所选取的一个或多个设计规范的设计规范ID发生至后台服务器进行关联；或者，在设计规范中，通过项目关联按钮打开软件产品项目列表，选取需要关联的软件产品项目，将所述设计规范的设计规范ID与所选取的一个或多个软件产品项目的项目ID发生至后台服务器进行关联。4.根据权利要求3所述的方法，其特征在于，所述选择所述软件产品项目的设计稿中的一个图层，在所述软件产品项目所有关联的设计规范中查找所述图层所包含的CSS资源的变量名，以及所述图层所包含的组件资源的组件代码，包括：选择所述软件产品项目的设计稿中的一个图层，根据所述软件产品项目的项目ID确定与所述软件产品项目相关联的设计规范；根据所述图层所包含的CSS资源的属性值在所有关联的设计规范的CSS资源分类中进行查找匹配，获取属性值完全匹配的设计规范中的CSS资源的变量名；根据所述图层所包含的组件资源...

【专利技术属性】
技术研发人员：练纯科，靳文文，代金，刘松，
申请(专利权)人：成都摹客科技有限公司，
类型：发明
国别省市：