一种前端页面生成方法和系统技术方案

本发明专利技术提供一种前端页面生成方法和系统，根据预设格式模板规定的格式上传编写的代码片段；将代码片段自动插入前端预置模板中形成前端页面。用于按照要求的格式上传代码片段，代码片段自动插入模板中形成前端页面，提高页面开发效率，降低页面开发的繁琐性，降低页面开发的错误率。开发的错误率。开发的错误率。

【技术实现步骤摘要】
一种前端页面生成方法和系统


[0001]本专利技术涉及网页开发
，尤其涉及一种前端页面生成方法和系统。

技术介绍

[0002]在日常开发图表类界面的过程中，常常需要开发人员人工书写图表代码，并将其逻辑严丝合缝地找到逻辑段的上下文位置，把接入数据的地方开放给其父级组件，以及配合好父组件的样式和逻辑，使得整个页面完整且自洽。这一过程会随着界面复杂程度的增加而愈发繁琐和重复，特别是面对一个具有较多图表的页面的开发任务的时候，开发效率较低，且容易出错。

技术实现思路

[0003]基于上述问题，本专利技术提供一种前端页面生成方法和系统，旨在解决现有技术中页面开发效率低且容易出错等技术问题。
[0004]一种前端页面生成方法，包括：
[0005]步骤A1，根据预设格式模板规定的格式上传编写的代码片段；
[0006]步骤A2，将代码片段自动插入前端预置模板中形成前端页面。
[0007]进一步的，预设格式模板预留有数据钩子；
[0008]前端预置模板预留有代码接收位置和上下文代码；
[000本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端页面生成方法，其特征在于，包括：步骤A1，根据预设格式模板规定的格式上传编写的代码片段；步骤A2，将所述代码片段自动插入前端预置模板中形成前端页面。2.如权利要求1所述的一种前端页面生成方法，其特征在于，所述预设格式模板预留有数据钩子；所述前端预置模板预留有代码接收位置和上下文代码；所述步骤A2包括：步骤A21，根据预留的所述代码接收位置接收所述代码片段；步骤A22，根据所述数据钩子使所述代码片段连接所述前端预置模板中的上下文代码，形成所述前端页面。3.如权利要求1所述的一种前端页面生成方法，其特征在于，在所述步骤A1之后并且所述步骤A2之前还包括：步骤B1，将上传的所述代码片段进行封装；所述步骤A2包括：将封装后的所述代码片段插入所述前端预置模板中。4.如权利要求1所述的一种前端页面生成方法，其特征在于，在所述步骤A1之后并且所述步骤A2之前还包括：步骤B2，对上传的所述代码片段进行安全性校验。5.如权利要求1所述的一种前端页面生成方法，其特征在于，所述前端预置模板包括可配置的内容项，在所述步骤A1之前还包括：步骤B0，对所述前端预置模板中可配置的所述内容项进行配置形成当前的前端预置模板；在所述步骤A2中，将所述代码片段自动插入当前的所述前端预置模板中形成所述前端页面。6.一种前端页面生成系统，其特征在于，使用如权利要求1
‑
5任意一项所述的一种前端页面生成方法，包括：上传模...

【专利技术属性】
技术研发人员：徐佳伦，梁林聪，朱仁，温骏炎，
申请(专利权)人：宁波美象信息科技有限公司，
类型：发明
国别省市：