CN110955422A - 一种前端代码生成方法 - Google Patents
一种前端代码生成方法 Download PDFInfo
- Publication number
- CN110955422A CN110955422A CN201911190713.8A CN201911190713A CN110955422A CN 110955422 A CN110955422 A CN 110955422A CN 201911190713 A CN201911190713 A CN 201911190713A CN 110955422 A CN110955422 A CN 110955422A
- Authority
- CN
- China
- Prior art keywords
- template
- code
- generation method
- code generation
- api interface
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/35—Creation or generation of source code model driven
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Stored Programmes (AREA)
Abstract
本发明公开一种前端代码生成方法，所述方法包括：步骤A，编制代码模板；步骤B，导入到x‑Maker；步骤C，生成初始工程；步骤D，设置元数据；步骤E，生成业务代码。该方法提供自定义模型、代码模板调用模板引擎生产“渲染”出代码的工具，替代重复的人工编码工作。解决了现有技术代码生成效率低的问题。
Description
技术领域
本发明属于计算机代码领域，尤其涉及一种前端代码生成方法。
背景技术
随着企业数字化的发展要求，传统未上云的存量系统需要根据云计算的方式进行改造。特别大量的2B系统的中台管理页需要进行数字化改造，而随着人工开发成本的上升，人工开发质量不可控，企业需要能够提高开发效率的工具。
鉴于此，市场上迫切需要一种提高代码生成效率的方法。
发明内容
本发明针对现有技术中存在的问题，提供一种前端代码生成方法，该方法提供自定义模型、代码模板调用模板引擎生产“渲染”出代码的工具，替代重复的人工编码工作。解决了现有技术代码生成效率低的问题。
为实现上述目的，本发明提供的技术方案如下：
提供一种前端代码生成方法，所述方法包括：
步骤A，编制代码模板；
步骤B，导入到x-Maker；
步骤C，生成初始工程；
步骤D，设置元数据；
步骤E，生成业务代码。
进一步地，所述步骤代码模板包括包括API接口、代码片段、工程脚手架模板，以及包括后台管理系统、H5端、PC商城前台三个端；还包括使用前端(EJS)、后端(FreeMarker)两种模板引擎的语法编制模板。
进一步地，所述每一种代码模板添加辨识度较高的预览图——即生成目标页面的效果截图供开发者选择。
进一步地，所述x-Maker通过设定不同的数据源，将元数据实体采集到工具平台上，进行二次加工成“业务模型对象”。
进一步地，所述x-Maker根据“业务模型对象”渲染API接口模板，辅以人工录入的接口描述，生成后端接口API接口，并将API接口描述信息(元数据)，存储至工具平台。
进一步地，所述人工录入页面的“数据控件”，描述输出目标页面的元素(下拉框、单选框、复选框、目录树)的数据来源。
进一步地，所述x-Maker通过“代码生产线”向导式的表单流程，将代码模板、业务模型对象、API接口、数据控件的描述数据，串联成一条标准的可视化流水线。
进一步地，通过所述API接口服务衔接前、后端开发者，在统一的工具平台上，API接口字段变更、字段变化，均在前、后端进行同步，来解决联调困难。
进一步地，所述x-Maker拥有工程、页面、API、SQL四条生产线。
本发明提供了一种前端代码生成方法，该方法提供自定义模型、代码模板调用模板引擎生产“渲染”出代码的工具，替代重复的人工编码工作。解决了现有技术中代码生成效率低的问题。
附图说明
图1为本发明前端代码生成方法的流程图。
具体实施方式
下面结合附图和实施例，对本发明的具体实施方式作进一步详细描述。以下实施例用于说明本发明，但不用来限制本发明的范围。
提供一种前端代码生成方法，所述方法包括：
步骤A，编制代码模板；
步骤B，导入到x-Maker；
步骤C，生成初始工程；
步骤D，设置元数据；
步骤E，生成业务代码。
其中，所述步骤代码模板包括包括API接口、代码片段、工程脚手架模板，以及包括后台管理系统、H5端、PC商城前台三个端；还包括使用前端(EJS)、后端(FreeMarker)两种模板引擎的语法编制模板。
其中，为所述每一种代码模板添加辨识度较高的预览图——即生成目标页面的效果截图供开发者选择。
其中，所述x-Maker通过设定不同的数据源，将元数据实体采集到工具平台上，进行二次加工成“业务模型对象”。
其中，所述x-Maker根据“业务模型对象”渲染API接口模板，辅以人工录入的接口描述，生成后端接口API接口，并将API接口描述信息(元数据)，存储至工具平台。
其中，所述人工录入页面的“数据控件”，描述输出目标页面的元素(下拉框、单选框、复选框、目录树)的数据来源。
其中，所述x-Maker通过“代码生产线”向导式的表单流程，将代码模板、业务模型对象、API接口、数据控件的描述数据，串联成一条标准的可视化流水线。
其中，通过所述API接口服务衔接前、后端开发者，在统一的工具平台上，API接口字段变更、字段变化，均在前、后端进行同步，来解决联调困难。
其中，所述x-Maker拥有工程、页面、API、SQL四条生产线。
实施例
以完成一个品牌管理功能为例，需要有一个前端工程脚手架、品牌列表、品牌编辑页。
1.编制代码模板
分为一个前端工程脚手架模板、列表页模板、一个编辑页模板。模板采用ejs语法。
模板中的变量，在x-Maker平台中根据选择的实体模型经过加工之后产生的json形式的数据，在生成代码时将替换对应的标记位置。
编写好代码模板之后，放置到一个文件夹下，并给模板起一个名字。
2.导入到x-Maker
在x-Maker中，选择插件文件夹导入，将模板插件信息保存至x-Maker内置的嵌入式数据库。
3.生成初始工程
在工程生产线模块，选择已编制好的工程模板，点击“创建”来初始化前端工程。
4.设置元数据
设置“品牌管理”实体模型对应的元数据。
4.1设置数据源。
4.2从数据源采集出品牌实体模型数据，并设置到x-Maker离线数据库中，形成元数据。
5.生成业务代码
5.1通过“API生产线”，选择实体模型，生成后端API接口代码及描述信息，并将API接口信息存储x-Maker内置离线DB，形成元数据。
5.2通过“SQL生产线”生成品牌管理对应的DDLSQL脚本。
5.3.通过“页面生产线”，选择业务模型，选择对应的EJS模板，生成品牌列表页面、品牌编辑页面。
至此，完成了我期望的前端代码，并且已经全部对接上接口，仅需要少量的调整即可完成品牌管理功能的开发。
以上所述仅为本发明的较佳实施例，并不用于限制本发明，凡在本发明的精神和原则内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。
Claims (9)
1.一种前端代码生成方法，其特征在于，所述方法包括：
步骤A，编制代码模板；
步骤B，导入到x-Maker；
步骤C，生成初始工程；
步骤D，设置元数据；
步骤E，生成业务代码。
2.根据权利要求1所述的前端代码生成方法，其特征在于，所述步骤代码模板包括包括API接口、代码片段、工程脚手架模板，以及包括后台管理系统、H5端、PC商城前台三个端；还包括使用前端(EJS)、后端(FreeMarker)两种模板引擎的语法编制模板。
3.根据权利要求2所述的前端代码生成方法，其特征在于，所述每一种代码模板添加辨识度较高的预览图——即生成目标页面的效果截图供开发者选择。
4.根据权利要求1所述的前端代码生成方法，其特征在于，所述x-Maker通过设定不同的数据源，将元数据实体采集到工具平台上，进行二次加工成“业务模型对象”。
5.根据权利要求1所述的前端代码生成方法，其特征在于，所述x-Maker根据“业务模型对象”渲染API接口模板，辅以人工录入的接口描述，生成后端接口API接口，并将API接口描述信息(元数据)，存储至工具平台。
6.根据权利要求5所述前端代码生成方法，其特征在于，所述人工录入页面的“数据控件”，描述输出目标页面的元素(下拉框、单选框、复选框、目录树)的数据来源。
7.根据权利要求1所述的前端代码生成方法，其特征在于，所述x-Maker通过“代码生产线”向导式的表单流程，将代码模板、业务模型对象、API接口、数据控件的描述数据，串联成一条标准的可视化流水线。
8.根据权利要求7所述的前端代码生成方法，其特征在于，通过所述API接口服务衔接前、后端开发者，在统一的工具平台上，API接口字段变更、字段变化，均在前、后端进行同步，来解决联调困难。
9.根据权利要求1所述的前端代码生成方法，其特征在于，所述x-Maker拥有工程、页面、API、SQL四条生产线。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911190713.8A CN110955422A (zh) | 2019-11-28 | 2019-11-28 | 一种前端代码生成方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911190713.8A CN110955422A (zh) | 2019-11-28 | 2019-11-28 | 一种前端代码生成方法 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110955422A true CN110955422A (zh) | 2020-04-03 |
Family
ID=69978735
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911190713.8A Pending CN110955422A (zh) | 2019-11-28 | 2019-11-28 | 一种前端代码生成方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110955422A (zh) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106325833A (zh) * | 2015-06-18 | 2017-01-11 | 中国石油化工股份有限公司 | 一种用于企业信息管理的代码生成方法 |
| CN106371829A (zh) * | 2016-08-24 | 2017-02-01 | 北京邮电大学 | 基于模块化思想的模板框架设计方法及系统 |
| CN108614690A (zh) * | 2018-03-16 | 2018-10-02 | 广州市金度信息科技有限公司 | 基于面向构件与云端的软件开发方法、系统及存储介质 |
| CN108984156A (zh) * | 2018-07-06 | 2018-12-11 | 合肥明高软件技术有限公司 | 一种基于模板的免代码开发的软件自动生成方法及系统 |
-
2019
- 2019-11-28 CN CN201911190713.8A patent/CN110955422A/zh active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106325833A (zh) * | 2015-06-18 | 2017-01-11 | 中国石油化工股份有限公司 | 一种用于企业信息管理的代码生成方法 |
| CN106371829A (zh) * | 2016-08-24 | 2017-02-01 | 北京邮电大学 | 基于模块化思想的模板框架设计方法及系统 |
| CN108614690A (zh) * | 2018-03-16 | 2018-10-02 | 广州市金度信息科技有限公司 | 基于面向构件与云端的软件开发方法、系统及存储介质 |
| CN108984156A (zh) * | 2018-07-06 | 2018-12-11 | 合肥明高软件技术有限公司 | 一种基于模板的免代码开发的软件自动生成方法及系统 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104331285A (zh) | 一种代码自动生成方法及系统 | |
| CN101887365B (zh) | 用于构造基于组件的应用的可执行代码的方法和编译器 | |
| US7856621B2 (en) | Method for synchronization of concurrently modified interdependent semi-derived artifacts | |
| CN104965735A (zh) | 用于生成升级sql脚本的装置 | |
| CN106528512B (zh) | 一种excel概预算表格自动编排方法 | |
| CN113672204A (zh) | 一种接口文档生成方法、系统、电子设备及存储介质 | |
| CN103605845A (zh) | 一种基于装配知识描述的机床夹具库管理系统 | |
| CN103246753A (zh) | 一种根据数据库结构生成实体元数据模型的方法 | |
| CN115358204A (zh) | 一种报表生成方法、装置、电子设备及存储介质 | |
| CN112749151A (zh) | 不同类型数据库间的数据迁移方法、装置及存储介质 | |
| CN111104159A (zh) | 一种基于程序分析和神经网络的注释定位方法 | |
| CN103942280A (zh) | 一种基于数据结构自动生成代码的方法 | |
| CN106383734A (zh) | 一种从代码中提取详细设计的方法 | |
| CN111124380A (zh) | 一种前端代码生成方法 | |
| CN108733332B (zh) | 一种通用的打印模板元数据设计方法 | |
| CN110955422A (zh) | 一种前端代码生成方法 | |
| CN111966350A (zh) | Web前端界面生成方法及装置 | |
| CN109634215B (zh) | 一种基于平面图形编码技术的核电厂操作规程设计方法 | |
| CN108550187B (zh) | 三维地质覆盖层模型的快速重构方法 | |
| CN101364172A (zh) | 一种在Catia V5软件中自动生成工程图框的实现方法 | |
| CN113867714B (zh) | 一种适配多语言的自动代码生成方法 | |
| CN115617773A (zh) | 数据迁移的方法、装置和系统 | |
| CN114139521A (zh) | 基于在线可视化模板文件的生成方法 | |
| CN103377050A (zh) | 一种贴片机程序坐标转换方法 | |
| CN114116779A (zh) | 基于深度学习的电网调控领域信息检索方法、系统和介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20200403 |
|
| RJ01 | Rejection of invention patent application after publication |