[發明專利]一種基于JS語言的自定義表單方法

在審

• 申請號: 202011306251.4
• 申請日: 2020-11-20
• 公開（公告）號: CN112434236A
• 公開（公告）日: 2021-03-02
• 發明（設計）人: 劉曉;李鐵軍;徐兵兵
• 申請（專利權）人: 山東浪潮商用系統有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F9/445;G06F8/38
• 代理公司: 濟南信達專利事務所有限公司 37100
• 代理人: 闞恭勇

本發明提供一種基于JS語言的自定義表單方法，屬于軟件開發技術領域，本發明基于HTML，JavaScript，CSS語言，通過傳入相關初始化參數，對插件進行控制，在功能菜單完成配置初始化之后，會以成型標簽的形式嵌入到HTML頁面，最后經瀏覽器編輯后生成可輸入表單。可提高應用軟件的開發效率，具備更好的代碼可讀性和維護性。

技術領域

本發明涉及軟件開發技術設備，尤其涉及一種基于JS語言的自定義表單方法。

背景技術

HTML稱為超文本標記語言，是一種標識性的語言。它包括一系列標簽.通過這些標簽可以將網絡上的文檔格式統一，使分散的Internet資源連接為一個邏輯整體。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等。

JavaScript是一種直譯式腳本語言，是一種動態類型、弱類型、基于原型的語言，內置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML網頁上使用，用來給HTML網頁增加動態功能。

CSS層疊樣式表是一種用來表現HTML等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。

當前html頁面的輸入表單形式多為自己拼接的表單內容，通過開發人員手動書寫代碼實現表單功能。

發明內容

基于以上技術問題，本發明提供了一種基于JS語言的自定義表單方法，以提高提高應用軟件的開發效率。

本發明的技術方案是：

一種基于JS語言的自定義表單方法，

基于HTML，JavaScript，CSS語言，通過傳入相關初始化參數，對插件進行控制，在功能菜單完成配置初始化之后，會以成型標簽的形式嵌入到HTML頁面，最后經瀏覽器編輯后生成可輸入表單。

進一步的，

通過對組件對外暴露的參數進行配置，以實現對自定義表達的個性化配置。

初始化配置的參數主要包含功能表單組成部分，其中包括表單輸入內容的個數，內容的默認數據類型，表單的樣式以及表單的整體屬性。

進一步的，

參數為JSON形式的對象，其中包括三個部分，

第一個部分為表單組成部分的數組，其中數組菜單中的每一個元素為一個表單的子元素，包括當前表單元素的名稱、輸入類型、最大長度、正則檢驗、是否必輸項的具體配置。

第二個部分的參數為表單的樣式配置，樣式配置分為系統樣式配置和自定義樣式配置兩個部分。

第三個部分的參數為全局參數配置。

再進一步的，

使用系統樣式配置，對當前的系統進行配置，通過調整主題的顏色，字體大小，實現簡單的樣式修改，系統自帶一種以上不同風格主題API，如扁平，圓潤等等不同風格主題樣式。

如果當前的簡單配置無法滿足需求，可使用自定義配置，通過聲明新的樣式文件對表單實現樣式重構。

參數配置完成后，使用組建的初始化函數(init)將參數對象傳入組件中工具類中進行表單初始化，組件中的JavaScript主要工具類會對JSON參數對象進行數據解析，通過其中包含參數的對應的條件規則進行表單標簽進行拼接，最后對加載全局參數配置生成最終的完整標簽塊，在用戶指定的頁面位置中加載已生成的標簽塊，生成最終表單元素。

本發明的有益效果是

1.提高應用軟件的開發效率；