一种中台WEB前端的生成方法及装置制造方法及图纸

本发明专利技术提供了一种中台WEB前端的生成方法及装置，该方法包括：确定待生成网页的组件，并获取所述组件的资源；查找所述组件的开发目录，获取所述开发目录中预先存储的与所述组件对应的脚本文件和样式文件；执行所述脚本文件，使得所述组件的资源按照所述样式文件的规定被编辑；在所述待生成网页中合成编辑后的资源。基于本发明专利技术提出的方案，构建待生成网页时，可以针对待生成网页中的通用组件获取到预先存储的与通用组件对应的脚本文件以及样式文件，进而执行脚本文件以编辑组件的资源，并在待生成网页中合成编辑后的资源。使得大大缩减了开发人员的时间成本，提高了待生成网页的生成效率。

【技术实现步骤摘要】
一种中台WEB前端的生成方法及装置
本专利技术涉及计算机
，特别是涉及一种中台WEB前端的生成方法及装置。
技术介绍
目前部门web应用众多，每开发一个产品都要从零重新搭建，步骤包括：CLI初始化项目结构，引入第三方库，引入公共样式、脚本，引入公共组件，开始开发页面等。对于页面的一些共性功能，例如常见的登录、权限、异常报错、表单提交、列表等。每个产品都要重新开发，这给开发人员带来了大量的重复性工作，严重影响产品的开发效率。
技术实现思路
鉴于上述问题，提出了本专利技术以便提供一种克服上述问题或者至少部分地解决上述问题的一种中台WEB前端的生成方法及装置。根据本专利技术的一个方面，提供了一种中台WEB前端的生成方法，该方法包括：确定待生成网页的组件，并获取所述组件的资源；查找所述组件的开发目录，获取所述开发目录中预先存储的与所述组件对应的脚本文件和样式文件；执行所述脚本文件，使得所述组件的资源按照所述样式文件的规定被编辑；在所述待生成网页中合成编辑后的资源。可选地，所述脚本文件用于导入所述样式文件并按照所述样式文件的规定编辑所述资源。可选地，所述确定待生成网页的组件，包括：根据网页获取需求，获取预先存储的与所述网页需求对应的通用网页模板；将所述通用网页模板构建为待生成网页；扫描所述通用网页模板中的组件，确定所述组件作为待生成网页的组件。可选地，所述待生成网页与所述组件对应；所述获取预先存储的与所述组件对应的脚本文件和样式文件，包括：由所述待生成网页确定组件的API；由所述API在所述开发目录中获取预先存储的与所述组件对应的脚本文件和样式文件。可选地，所述开发目录基于所述中台WEB前端中的典型组件创建。可选地，所述开发目录按照Vue前端框架进行组织。可选地，所述脚本文件以及样式文件存储于所述开发目录下以组件名命名的文件夹中。根据本专利技术的另一个方面，还提供了一种中台WEB前端的生成装置，包括：确定模块，配置为确定待生成网页的组件，并获取所述组件的资源；获取模块，配置为查找所述组件的开发目录，获取所述开发目录中预先存储的与所述组件对应的脚本文件和样式文件；执行模块，配置为执行所述脚本文件，使得所述组件的资源按照所述样式文件的规定被编辑；合成模块，配置为在所述待生成网页中合成编辑后的资源。可选地，所述脚本文件用于导入所述样式文件并按照所述样式文件的规定编辑所述资源。可选地，所述确定模块还配置为：根据网页获取需求，获取预先存储的与所述网页需求对应的通用网页模板；将所述通用网页模板构建为待生成网页；扫描所述通用网页模板中的组件，确定作为所述待生成网页的组件。可选地，所述待生成网页与所述组件对应，所述获取模块还配置为：由所述待生成网页确定组件的API；由所述API在所述开发目录中获取预先存储的与所述组件对应的脚本文件和样式文件。可选地，所述开发目录基于所述中台WEB前端中的典型组件创建。可选地，所述开发目录按照Vue前端框架进行组织。可选地，所述脚本文件以及样式文件存储于所述开发目录下以组件名命名的文件夹中。根据本专利技术的再一个方面，还提供了一种计算机存储介质，所述计算机存储介质存储有计算机程序代码，当所述计算机程序代码在计算设备上运行时，导致所述计算设备执行上述任一项所述的中台WEB前端的生成方法。根据本专利技术的又一个方面，还提供了一种计算设备，包括：处理器；存储有计算机程序代码的存储器；当所述计算机程序代码被所述处理器运行时，导致所述计算设备执行上述任一项所述的中台WEB前端的生成方法。在本专利技术实施例中，确定待生成的网页后，会获取组件的资源，进而查找组件的开发目录，开发目录中预先保存有脚本文件和样式文件，脚本文件用于导入样式文件并按照样式文件的规定编辑组件资源，之后执行脚本文件，使组件的资源按照样式文件的规定被编辑，在待生成网页中合成编辑后的资源。基于本专利技术实施例提出的方案，对于网页的通用组件，可以从开发目录中直接获取到与通用组件对应的预先存储的脚本文件以及样式文件，执行脚本文件后，可以使组件资源以样式文件的规定被编辑，进而在待生成网页中合成编辑后的资源。使得大大缩减了开发人员的时间成本，提高了待生成网页的生成效率。上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，而可依照说明书的内容予以实施，并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂，以下特举本专利技术的具体实施方式。根据下文结合附图对本专利技术具体实施例的详细描述，本领域技术人员将会更加明了本专利技术的上述以及其他目的、优点和特征。附图说明通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本专利技术的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：图1示出了根据本专利技术实施例的中台WEB前端的生成方法的流程示意图；图2示出了根据本专利技术实施例的中台WEB前端的生成装置的结构框图；图3示出了根据本专利技术实施例的计算机存储介质的结构框图；图4示出了根据本专利技术实施例的计算设备的结构框图。具体实施方式下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。需要说明的是，在不冲突的前提下本专利技术实施例及可选实施例中的技术特征可以相互结合。为了解决上述问题，本专利技术实施例提出了一种中台WEB前端的生成方法。图1示出了根据本专利技术实施例的中台WEB前端的生成方法的流程示意图。如图1所示，该方法包括：步骤S102：确定待生成网页的组件，并获取组件的资源。步骤S104：查找上述组件的开发目录，获取开发目录中预先存储的与上述组件对应的脚本文件和样式文件。步骤S106：执行上述脚本文件，使得上述组件的资源按照上述样式文件的规定被编辑。步骤S108：在上述待生成网页中合成编辑后的资源。在本专利技术实施例中，确定待生成的网页后，会获取组件的资源，进而查找组件的开发目录，开发目录中预先保存有脚本文件和样式文件，脚本文件用于导入样式文件并按照样式文件的规定编辑组件资源，之后执行脚本文件，使组件的资源按照样式文件的规定被编辑，在待生成网页中合成编辑后的资源。基于本专利技术实施例提出的方案，对于网页的通用组件，可以从开发目录中直接获取到与通用组件对应的预先存储的脚本文件以及样式文件，执行脚本文件后，可以使组件资源以样式文件的规定被编辑，进而在待生成网页中合成编辑后的资源。使得大大缩减本文档来自技高网...

【技术保护点】
1.一种中台WEB前端的生成方法，包括：/n确定待生成网页的组件，并获取所述组件的资源；/n查找所述组件的开发目录，获取所述开发目录中预先存储的与所述组件对应的脚本文件和样式文件；/n执行所述脚本文件，使得所述组件的资源按照所述样式文件的规定被编辑；/n在所述待生成网页中合成编辑后的资源。/n

【技术特征摘要】
1.一种中台WEB前端的生成方法，包括：
确定待生成网页的组件，并获取所述组件的资源；
查找所述组件的开发目录，获取所述开发目录中预先存储的与所述组件对应的脚本文件和样式文件；
执行所述脚本文件，使得所述组件的资源按照所述样式文件的规定被编辑；
在所述待生成网页中合成编辑后的资源。


2.根据权利要求1所述的方法，其中，所述脚本文件用于导入所述样式文件并按照所述样式文件的规定编辑所述资源。


3.根据权利要求1或2所述的方法，其中，所述确定待生成网页的组件，包括：
根据网页获取需求，获取预先存储的与所述网页需求对应的通用网页模板；
将所述通用网页模板构建为待生成网页；
扫描所述通用网页模板中的组件，确定所述组件作为待生成网页的组件。


4.根据权利要求1或2所述的方法，其中，所述待生成网页与所述组件对应；所述获取预先存储的与所述组件对应的脚本文件和样式文件，包括：
由所述待生成网页确定组件的API；
由所述API在所述开发目录中获取预先存储的与所述组件对应的脚本文件和样式文件。


5.根据权利要求1或2所述的方法，其中，所述开发目录基于所...

【专利技术属性】
技术研发人员：马宗超，
申请(专利权)人：北京奇虎科技有限公司，
类型：发明
国别省市：北京;11