轉換UI 元件模型為前端 Angular 程式碼

Abstract

軟體本質上很容易改變且複雜。為了簡化前端開發，我們提出從 JSON 格式描述語言自動產生 Angular 前端程式碼，稱為 Composition Engine。描述文件透過UI Design Client產生並處理。然後，Composition Engine會解析這些語言，建立對應的描述文檔，從而建立介面元件模型。此後，它將透過相應的模板進行處理以呈現 Angular 前端程式碼。因此，自動化過程將縮短開發時間，從而使軟體開發受益。

Software is easy to change and complex in nature. To streamline the front-end development, we propose an automatic generation of Angular frontend code from a JSON format description language, called Composition Engine. The description documents are generated and processed through the UI Design Client. Then, the Composition Engine will parse these languages to build corresponding description documents to create UI Component Models. Thereafter, it will be processed through the corresponding templates to render Angular frontend code. As a result, the automation process will benefit the software development by reducing development time.