前端工程模板库构建方法和装置、电子设备、存储介质与流程

技术特征：
1.一种前端工程模板库构建方法，其特征在于，包括：按照业务逻辑和功能构建文件层级，并根据所述文件层级生成模板库目录结构；按照组件的调整需求对ui组件库中待调整ui组件进行调整；根据组件的功能需求生成对应的功能组件；生成预设规则的调用接口，所述调用接口用于根据所述目录结构调用所述ui组件和所述功能组件。2.根据权利要求1所述的前端工程模板库构建方法，其特征在于，所述组件的调整需求为修改要求，所述按照组件的调整需求对ui组件库中待调整ui组件进行调整，包括：根据所述目录结构获取所述待调整ui组件的目录位置；在所述目录位置根据所述修改要求对所述待调整ui组件进行修改。3.根据权利要求1所述的前端工程模板库构建方法，其特征在于，所述组件的调整需求为：span值调整需求；当所述待调整ui组件为布局类组件时，所述按照组件的调整需求对ui组件库中待调整ui组件进行调整，包括：根据所述span值调整需求获取所述布局类组件的组件数量；根据所述组件数量计算栅格化数量；根据所述栅格化数量对所述布局类组件的span值进行调整。4.根据权利要求1所述的前端工程模板库构建方法，其特征在于，当所述待调整ui组件为表单类组件时，所述组件的调整需求包括：表单宽度计算需求、表单校验需求、表单修改标记需求或表单绑定优化需求中的一种或多种。5.根据权利要求4所述的前端工程模板库构建方法，其特征在于，所述按照组件的调整需求对ui组件库中待调整ui组件进行调整，包括如下之一：当所述组件的调整需求为表单宽度计算需求时，获取每一个所述表单类组件的宽度，并根据所述宽度选取得到最大宽度，利用事件广播消息发送所述最大宽度至每一个所述表单类组件，以使得所述表单类组件根据所述最大宽度进行宽度调整；当所述组件的调整需求为表单校验需求时，获取校验器的message消息，并按照所述message消息对所述表单类组件进行校验；或，获取所述表单类组件的placeholder信息，并按照所述placeholder信息对所述表单类组件进行校验；或，获取所述表单类组件的label消息，并按照所述label消息对所述表单类组件进行校验；当所述组件的调整需求为表单修改标记需求时，获取所述表单类组件的修改信息，并对所述修改信息进行修改标记显示；当所述组件的调整需求为表单绑定优化需求时，获取所述表单类组件的关联表单信息，并在所述表单类组件中引用所述关联表单信息。6.根据权利要求1至5任一项所述的前端工程模板库构建方法，其特征在于，所述根据组件的功能需求生成对应的功能组件，包括：获取组件的功能需求，所述功能需求包括：区域需求、审批需求或树形选择需求中的一种或多种；根据所述功能需求生成对应的功能组件，所述功能组件包括：区域组件、审批链组件或树形选择穿梭组件中的一种或多种。
7.根据权利要求1至5任一项所述的前端工程模板库构建方法，其特征在于，还包括：获取后台接口信息；将所述后台接口信息配置在urls目录下进行统一注册。8.一种前端工程模板库构建装置，其特征在于，包括：目录结构构建模块，用于按照业务逻辑和功能构建文件层级，并根据所述文件层级生成模板库目录结构；组件调整模块，用于按照组件的调整需求对ui组件库中待调整ui组件进行调整；功能组件生成模块，用于根据组件的功能需求生成对应的功能组件；组件调用模块，用于生成预设规则的调用接口，所述调用接口用于根据所述目录结构调用所述ui组件和所述功能组件。9.一种电子设备，其特征在于，包括：至少一个存储器；至少一个处理器；至少一个程序；所述程序被存储在存储器中，处理器执行所述至少一个程序以实现：如权利要求1至7任一项所述的方法。10.一种存储介质，所述存储介质为计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机可执行指令，所述计算机可执行指令用于使计算机执行：如权利要求1至7任一项所述的方法。

技术总结
本发明实施例提供前端工程模板库构建方法和装置、电子设备、存储介质，涉及涉及软件开发技术领域。前端工程模板库构建方法，包括：按照业务逻辑和功能构建文件层级，并根据文件层级生成模板库目录结构；按照组件的调整需求对UI组件库中待调整UI组件进行调整，并根据组件的功能需求生成对应的功能组件；生成预设规则的调用接口，调用接口用于根据目录结构调用UI组件和功能组件。本实施例通过对UI组件库中待调整UI组件进行调整，根据组件的功能需求生成对应的功能组件，在原有组件的基础上进行定制和调整，避免大量重复性操作，提高组件定制化效率，利用预设规则的调用接口进行统一的接口调用管理，以便方便地对组件进行维护和更新。以便方便地对组件进行维护和更新。以便方便地对组件进行维护和更新。


技术研发人员：张志军 魏尧东 林广川
受保护的技术使用者：平安科技（深圳）有限公司
技术研发日：2022.02.22
技术公布日：2022/5/20