基于填空式在線前端邏輯代碼編排方法研究及應用

吳爭榮 梁耀文 徐長飛

摘要：本文探討了模板引擎的概念及模板設計的重要性，分析了模板引擎設計中存在的問題，研究了填空式在線前端邏輯代碼編排方法的應用。

關鍵詞：模板引擎;代碼編排;FreeMarker;模板語言

中圖分類號：TP311.5 文獻標識碼：A 文章編號：1007-9416（2019）12-0043-02

1 技術背景

模板引擎是通過標準的文檔生成，將用戶界面與業務數據相分離，它主要適用于網站模板引擎，文檔主要是指HTML文檔。例如在WEB系統開發過程中，程序開發人員及美工人員要明確自身的工作范圍和職責。同時，在生成代碼時，應通過模板的設置來減輕機械的操作量，提高機械整體的工作效率。模板引擎的產生，是為了滿足設計人員的需求，無需了解如何實現程序邏輯，只需要理解自己的界面呈現。但是設計人員必須要學習模板引擎實用方法，包括模板語法，模板變量，甚至有些變量或參數在設計模板時需要跟程序員協商好，該使用哪些變量、如何使用等等。設想一下，如果模板引擎浮躁到一定程度，無異于要設計人員學習一種新的程序語言，而模板頁面必定會包含一些類似于ASP、PHP一樣的腳本語言，防腐又回到了代碼與界面加載在一起的年代，不同的是，這些都是設計人員來做的。所以，發明人認為，模板引擎不能太復雜，但也必須具備一些程序語言的基本語法語句，比如：判斷語句、循環語句等等。目前一般的CMS系統所謂的模板標簽功能，其解析過程襯不上什么模板引擎，一個好的模板引擎，應該具有通用性、靈活性、拓展性，當然在一個具體的應用中，設計適合自己的模板引擎，就是最好的模板引擎。

2 存在的問題

綜上分析，在模板引擎設計中仍存在的技術問題：（1）現有前端業務應用開發效率低。（2）現有前端模板引擎拓展能力差。為了解決以問題，需要構建填空式在線前端邏輯代碼編排方法，掌握好編排方法的特征，通過對業務應用前端展現的場景梳理，形成前端常用業務應用場景行為模板，以提升業務應用開發效率。同時以靈活的形式為特殊業務邏輯代碼提供擴展能力。

3 編排方法的特征

基于填空式在線前端邏輯代碼編排方法，以在線開發的形式提供前端業務展現、交付等代碼編排能力，通過對業務應用前端展現的場景梳理形成前端常用業務應用場景行為模板，提升業務應用開發效率，提供統一的、高質量的業務實現框架骨干代碼，同時以靈活的整行、多行、插入、行折分等形式提供對特殊業務邏輯代碼的擴展能力;此方法具有如下特征：

（1）以模板庫形式提供豐富的常用場景前端代碼模板，同時為軟件資產沉淀提供模板擴展機制;（2）在線編排，在線運行，實時呈現完整前端業務效果，實現開發與運行同步;（3）統一業務場景實現代碼框架，保障業務應用實現模式一致性;（4）支持整行、多行、填空等多種形式的業務邏輯代碼編排形式;（5）提供動態的在線語法提示與檢查;（6）以web形式提供在線操作，無需任何插件、應用安裝。

4 基于填空式在線前端邏輯代碼編排方法

FreeMarker作為模板引擎中的一種通用工具，其主要是通過數據的改變來生成輸出文本，包括配置文件、HTML網頁和源代碼等。它作為一個Java類庫，可以程序員嵌入開發產品的組件，故它并不是直接面向最終用戶。

模板編寫是一種專用的語言，也稱為FreeMarker Template Language（FTL）。它并不需要在真實編程語言中將準備數據（包括數據庫查詢和業務運算）顯示出來，而是其模板可以顯示已準備的數據。在以上模板中，可以通過MVC（模型視圖控制器）模式的方式來展示相應的數據，見圖1所示。

對于動態網頁而言，以上模式是一種流行模式。它不僅可以輔助Java程序員將出網頁設計師分離出來，且可以減少設計人員的工作量，如不需要采用模板中的復雜邏輯，它可以自動修改頁面的樣式，不需要程序員重新編譯代碼。

FreeMarker設計是在MVC模式中所采用的Web開發框架，并能夠生成HTML頁面，其不需要與Servlet或HTML進行綁定，且不與任意Web綁定，其主要應用于非Web環境當中。

當前，對于FreeMarker來說，主要具有以下特點：

（1）通用性。FreeMarker可生成XML、HTML、Java源代碼等各種文本。不需要與Servlet進行綁定，且容易嵌入到產品當中。采用了插件式載入器，故可以從本地文件、數據庫等載入模板。用戶可以根據需求生成文本，如可以將文本保存到本地文件，同時可以利用Email發送文件，且可以從Web返回至瀏覽器。（2）模板語言。FreeMarker采用了循環結構，以else/include、if/elseif等常用的指令為主。在FreeMarker模板中，可以根據需求進行變量創建。在任何地方，可利用模板引擎來復雜表達式來表示指定值。可根據位置參數和嵌套內容進行宏命名。可利用名字空間構建可重用的宏庫，同時還可以將工程劃分為不同的模塊，以避免名字出現沖突。可輸出轉換塊，如能夠在模板中生成輸出，實現HTML轉換與壓縮，另外，還可以根據自己的轉換進行定義。（3）通用數據模型。FreeMarker作為一種模板引擎，它不是通過Java對象直接反射，而是利用Java對象進行插件式對象封裝，并可以在模板中以變量方式將它顯示。可使用接口的方式來表示XML文檔、SQL查詢結果和JavaBean等對象，以便于模板開發過程中使用。且它不會受到技術細節的影響。（4）Web準備。可在模板語言中構建WebHTML轉義的結構。能夠以JSP的替代的身份集成至Model2 Web應用框架中。且可以支持JSP標記庫。采用了MVC設計模式，可實現可視化設計，且能夠利用程序邏輯進行頁面設計。（5）智能的國際化和本地化。FreeMarker實現了字符集智能化，其內部使用UNICODE。實現了數字格式、日期和時間本地化敏感。采用非US字符集，可將它作為變量名。同時還可以以不同語言來構建相同模板。（6）XML處理能力。以2.3版本為例，可通過<#recurse>和<#visit>等指令進行遍歷XML樹遞歸。可以通過模板進行XML對象模型訪問。

5 結語

綜上所述，基于填空式在線前端邏輯代碼編排方法，以在線開發的形式提供前端業務展現、交付等代碼編排能力，通過對業務應用前端展現的場景梳理形成前端常用業務應用場景行為模板，提升業務應用開發效率，提供統一的、高質量的業務實現框架骨干代碼，同時以靈活的整行、多行、插入、行折分等形式提供對特殊業務邏輯代碼的擴展能力。

Research and Application of? On-line Front-end Logic Code Arrangement Method based on Fill in Blank

WU Zheng-rong， LIANG Yao-wen， XU Chang-fei

（China Southern Power Grid Co.， Ltd.， Guangzhou? Guangdong? 510623）

Abstract：This paper discusses the concept of template engine and the importance of template design， analyzes the problems in template engine design， and studies the application of fill in front-end logic code arrangement method.

Key words：template engine; coding; FreeMarker; template language