[發明專利]一種前端代碼生成方法

在審

• 申請號: 201911190713.8
• 申請日: 2019-11-28
• 公開（公告）號: CN110955422A
• 公開（公告）日: 2020-04-03
• 發明（設計）人: 李元佳;陳新宇;陳大海
• 申請（專利權）人: 杭州云徙科技有限公司
• 主分類號: G06F8/34
• 分類號: G06F8/34;G06F8/35
• 代理公司: 深圳市興科達知識產權代理有限公司 44260
• 代理人: 許尤慶

本發明公開一種前端代碼生成方法，所述方法包括：步驟A，編制代碼模板；步驟B，導入到x?Maker；步驟C，生成初始工程；步驟D，設置元數據；步驟E，生成業務代碼。該方法提供自定義模型、代碼模板調用模板引擎生產“渲染”出代碼的工具，替代重復的人工編碼工作。解決了現有技術代碼生成效率低的問題。

技術領域

本發明屬于計算機代碼領域，尤其涉及一種前端代碼生成方法。

背景技術

隨著企業數字化的發展要求，傳統未上云的存量系統需要根據云計算的方式進行改造。特別大量的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，編制代碼模板；