一种前端页面代码敏捷开发的方法技术

本发明专利技术公开了一种前端页面代码敏捷开发的方法，包括以下步骤：S1、首先对常见的组件进行设计，构建带有不同组件元素的前端页面组件数据库；S2、根据预设的模板、根据不同业务填充内容；S3、上传模板，根据文件解析规则解析，生成模板数据；S4、业务实时数据根据模板自动生成页面JSON数据；S5、根据调用请求调取不同的JSON数据拼接到页面。本发明专利技术采用动态拼接页面的方式，根据模板进行完成页面编写，解决了代码生成效率低、工作量大的技术问题。工作量大的技术问题。工作量大的技术问题。

【技术实现步骤摘要】
一种前端页面代码敏捷开发的方法


[0001]本专利技术属于前端页面代码开发
，具体涉及一种前端页面代码敏捷开发的方法。

技术介绍

[0002]前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，合适的动效设计，给用户带来极高的用户体验。前端技术一般分为前端设计和前端开发，前端设计一般可以理解为网站的视觉设计，前端开发则是网站的前台代码实现，包括基本的HTML和CSS以及JavaScript/ajax，最新的高级版本HTML5、CSS3，以及SVG等。
[0003]近年来，随着企业数字化转型的深入，应用类软件对于敏捷开发、快速交付的要求越来越高，目前前端代码的生成方式存在重复劳动部分，导致代码生成效率低、工作量大的技术问题。

技术实现思路

[0004]本专利技术的目的在于提供一种前端页面代码敏捷开发的方法，本专利技术采用动态拼接页面的方式，根据模板进行完成页面编写，解决了代码生成效率低、工作量大本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端页面代码敏捷开发的方法，其特征在于：包括以下步骤：S1、首先对常见的组件进行设计，构建带有不同组件元素的前端页面组件数据库；S2、根据预设的模板、根据不同业务填充内容；S3、上传模板，根据文件解析规则解析，生成模板数据；S4、业务实时数据根据模板自动生成页面JSON数据；S5、根据调用请求调取不同的JSON数据拼接到页面。2.根据权利要求1所述的一种前端页面代码敏捷开发的方法，其特征在于：所述S1中，组件元素包括组件的元素、样式、名称、默认值、数据类型和校验规则等常见规则，通过对业务开发场景的深入理解和实践，对页面开发模式进行抽象总结，并集成到开发工具中，开发人员基于开发工具提供的向导能够快速、低门槛的完成前端页面的开发。3.根据权利要求1所述的一种前端页面代码敏捷开发的方法，其特征在于：所述S2中，利用自定义模板建立新项目，实现对封装后的数据进行后续处理对接。4.根据权利要求1所述的一种前端页面代码敏捷开发的方法，其特征在于：所述S5中，根据用户的不同需求，针对不同环境配置不同参数的脚本，实现一键部署。5.根据权利要求1所述的一种前端页面代码敏捷开发的方法，其特征在于：所述S5中，形成的前端页面中组件的在线维护支持高级用户根据自身需要，按照既有接口调整...

【专利技术属性】
技术研发人员：董俊磊，孙玉敏，刘伯艳，卢春光，宋一帆，
申请(专利权)人：河南职业技术学院，
类型：发明
国别省市：