前端工程模板库构建方法和装置、电子设备、存储介质制造方法及图纸

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

【技术实现步骤摘要】
前端工程模板库构建方法和装置、电子设备、存储介质


[0001]本专利技术涉及软件开发
,尤其涉及前端工程模板库构建方法和装置、电子设备和存储介质。

技术介绍

[0002]前端即运行在PC端、移动端等浏览器上展现给用户浏览的网页。前端技术指通过浏览器到用户端计算机的统称,存贮于服务器端的统称为后端技术。前端开发主要职能就是把网站的界面更好地呈现给用户。前端技术一般分为前端设计和前端开发,前端设计一般可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括基本的HTML和CSS以及JavaScript/ajax,现在最新的高级版本HTML5、CSS3,以及SVG等。
[0003]随着前端技术的发展以及HTML5、CSS3、Node.JS等技术的广泛应用,各类前端框架类库层出不穷,可以利用框架类库快速搭建新项目。但是相关技术中,框架类库功能比较单一,如果需要进行组件定制时,操作比较复杂,需要做大量重复性操作,效率低下,另外没有统一的接口调用管理,不方便维护和更新。

技术实现思路

[0004]本专利技术实施例的主要目本文档来自技高网...

【技术保护点】

【技术特征摘要】
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消息对所述表单类组件进行校验;或,获取所述表单类组件的Place...

【专利技术属性】
技术研发人员:张志军魏尧东林广川
申请(专利权)人:平安科技深圳有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1