表單頁面生成方法、裝置、終端及存儲介質制造方法及圖紙

本發明專利技術提供一種表單頁面生成方法，包括：創建字典；接收用戶輸入的待創建表單的多個表單UI控件的控件名稱；從字典中獲取控件名稱對應的多個表單UI控件；將每個表單UI控件劃分為接口層和實現層，并在接口層和實現層之間架構隔離層；將每個表單UI控件對應的接口層中的協議內容拼接成中間語言；基于每個中間語言生成具有實現層的表單UI控件；通過隔離層在實現層中展現具有實現層的表單UI控件；對實現層中的表單UI控件進行渲染，生成表單頁面。本發明專利技術還提供一種表單頁面生成裝置、終端及存儲介質。本發明專利技術通過把表單UI控件的技術實現分離出接口層與實現層，從而分離了控件的配置和渲染，提高瀏覽器的渲染效率，滿足了各種場景的定制需求。

【技術實現步驟摘要】
表單頁面生成方法、裝置、終端及存儲介質
本專利技術涉及計算機
，具體涉及一種表單頁面生成方法、裝置、終端及存儲介質。
技術介紹
表單是用戶向系統提交信息的交互方式之一，它幾乎承擔了網站的信息錄入工作。隨著信息化建設的日益發展，數據的多樣性愈加明顯，也使得表單UI開發工作量日漸增多，因而基于可視化操作界面的表單設計器不僅簡化了表單UI開發的開發工作，而且降低了表單開發的門檻，使得非開發領域的業務人員也能依照業務需求自行設計可交互的表單UI并發布到系統上，從而降低了開發成本，提高了表單的交付效率。然而，市面上的表單設計器僅提供了單一的技術棧，使得生成的表單頁面只能運行于特定技術棧的系統，往往生成的表單頁面也只能發布到指定的第三方系統。這不僅限制了表單的二次開發以滿足更多定制場景，也加大了與現有系統的技術集成難度；另一方面，把表單托管在第三方系統是不利于系統的信息安全。因此，這類表單設計器生成的表單頁面只能解決簡單的表單需求，承擔簡單的信息錄入工作，不利于對其定制開發和動態渲染。
技術實現思路
鑒于以上內容，有必要提出一種表單頁面生成方法、裝置、終端及存儲介質，通過把表單UI控件的技術實現分離出接口層與實現層，從而分離了控件的配置和渲染，提高瀏覽器的渲染效率，滿足了各種場景的定制需求。本專利技術的第一方面提供一種表單頁面生成方法，所述方法包括：創建字典，其中所述字典攜帶有多個歷史表單名稱；接收用戶輸入的待創建表單的多個表單UI控件的控件名稱；從所述字典中獲取所述多個表單UI控件的控件名稱對應的多個表單UI控件；將每個所述表單UI控件劃分為接口層和實現層，其中，每個所述表單UI控件的接口層和實現層之間架構隔離層；將每個所述表單UI控件對應的接口層中的協議內容拼接成中間語言；基于每個所述中間語言生成具有實現層的表單UI控件；通過所述隔離層在所述實現層中展現具有實現層的表單UI控件；對所述實現層中的表單UI控件進行渲染，生成表單頁面。優選的，所述基于每個所述中間語言生成具有實現層的表單UI控件包括：將每個所述中間語言輸入到翻譯器中；調用所述翻譯器從配置中心請求所述中間語言對應的字典并將所述字典設置為激活狀態；調用所述配置中心從注冊表中讀取處于激活狀態的字典對應的表單UI控件；返回所述表單UI控件至所述翻譯器；調用所述翻譯器根據所述表單UI控件從每個所述中間語言中讀取對應的表單UI控件的控件信息，其中，所述表單UI控件的控件信息對應有控件名稱；基于所述表單UI控件的控件名稱將從每個所述中間語言讀取到的第一表單UI控件與所述配置中心從所述注冊表中讀取到的第二表單UI控件進行匹配，其中，所述從每個所述中間語言讀取到的所述第一表單UI控件對應有接口層，所述配置中心從所述注冊表中讀取到的所述第二表單UI控件對應有實現層；關聯相匹配的所述第一表單UI控件的接口層和所述第二表單UI控件的實現層，得到一個對應有接口層和實現層的表單UI控件列表；調用所述翻譯器讀取所述表單UI控件列表中每個所述第二表單UI控件生成具有實現層的表單UI控件。優選的，所述將每個所述表單UI控件對應的接口層中的協議內容拼接成中間語言包括：接收表單畫布中用戶拖曳的表單UI控件；根據所述用戶拖曳的順序讀取所述表單畫布中的表單UI控件；每讀取到一個表單UI控件，將所述表單UI控件對應的接口層中的協議內容拼接成中間語言。優選的，所述通過所述隔離層在所述實現層中展現具有實現層的表單UI控件包括：獲取所述具有實現層的表單UI控件對應的多個渲染版本；注冊所述多個渲染版本至注冊表中，并將所述多個渲染版本的狀態修改為掛起狀態；確定所述注冊表中的一個渲染版本為目標渲染版本，并將所述目標渲染版本配置到所述配置中心；修改所述配置中心中的所述目標渲染版本的狀態為激活狀態；所述翻譯器從所述配置中心中獲取所述狀態為激活狀態對應的渲染版本的實現層信息；在所述實現層中展現所述實現層信息對應的表單UI控件的實現層。優選的，所述對所述實現層中的表單UI控件進行渲染，生成表單頁面包括：對所述實現層中的表單UI控件進行渲染得到表單UI控件的渲染片；基于所述渲染片共同構成整張表單頁面的渲染圖；基于所述渲染圖生成表單頁面。優選的，所述創建字典包括：獲取所述多個歷史表單名稱及每個歷史表單名稱對應的表單UI控件協議層，每個所述表單UI控件協議層是由所述歷史表單名稱對應的多個表單UI控件的接口層組成的，每個所述表單UI控件的接口層攜帶有對應表單UI控件的控件名稱；將所述多個歷史表單名稱作為字典的第一層級，每個所述歷史表單名稱對應的多個表單UI控件的接口層作為字典的第二層級，多個表單UI控件的接口層對應的協議層作為字典的第三層級。優選的，所述將每個所述表單UI控件劃分為接口層和實現層包括：將每個所述表單UI控件創建為瀏覽器能夠原生識別的自定義標簽；調用CustomElements.define傳入所述自定義標簽將每個所述表單UI控件劃分為接口層和實現層。本專利技術的第二方面提供一種表單頁面生成裝置，所述裝置包括：創建模塊，用于創建字典，其中所述字典攜帶有多個歷史表單名稱；接收模塊，用于接收用戶輸入的待創建表單的多個表單UI控件的控件名稱；獲取模塊，用于從所述字典中獲取所述多個表單UI控件的控件名稱對應的多個表單UI控件；劃分模塊，用于將每個所述表單UI控件劃分為接口層和實現層，其中，每個所述表單UI控件的接口層和實現層之間架構隔離層；拼接模塊，用于將每個所述表單UI控件對應的接口層中的協議內容拼接成中間語言；生成模塊，用于基于每個所述中間語言生成具有實現層的表單UI控件；展現模塊，用于通過所述隔離層在所述實現層中展現具有實現層的表單UI控件；渲染模塊，用于對所述實現層中的表單UI控件進行渲染，生成表單頁面。本專利技術的第三方面提供一種終端，所述終端包括處理器，所述處理器用于執行存儲器中存儲的計算機程序時實現所述表單頁面生成方法。本專利技術的第四方面提供一種計算機可讀存儲介質，所述計算機可讀存儲介質上存儲有計算機程序，所述計算機程序被處理器執行時實現所述表單頁面生成方法。綜上所述，本專利技術所述的表單頁面生成方法、裝置、終端及存儲介質，一方面通過將表單UI控件劃分為接口層與實現層，從而分離了表單UI控件的配置和渲染，為定制開發提供了技術基礎，又通過架設隔離層，使得每個控件的實現層彼此獨立、互不干擾，通過切換實現層實現不同渲染結果的目的，提高瀏覽器的渲染效率；最后，將所述表單UI控件對應的接口層中的協議內容翻譯成中間語言，便于后期運用在不同的技術語言中，同時基于所述中間語言生成具有實現層的表單UI控件，在不改變任意表單UI控件協議的條件下對任意表單本文檔來自技高網...

【技術保護點】
1.一種表單頁面生成方法，其特征在于，所述表單頁面生成方法包括：/n創建字典，其中所述字典攜帶有多個歷史表單名稱；/n接收用戶輸入的待創建表單的多個表單UI控件的控件名稱；/n從所述字典中獲取所述多個表單UI控件的控件名稱對應的多個表單UI控件；/n將每個所述表單UI控件劃分為接口層和實現層，其中，每個所述表單UI控件的接口層和實現層之間架構隔離層；/n將每個所述表單UI控件對應的接口層中的協議內容拼接成中間語言；/n基于每個所述中間語言生成具有實現層的表單UI控件；/n通過所述隔離層在所述實現層中展現具有實現層的表單UI控件；/n對所述實現層中的表單UI控件進行渲染，生成表單頁面。/n

【技術特征摘要】
1.一種表單頁面生成方法，其特征在于，所述表單頁面生成方法包括：
創建字典，其中所述字典攜帶有多個歷史表單名稱；
接收用戶輸入的待創建表單的多個表單UI控件的控件名稱；
從所述字典中獲取所述多個表單UI控件的控件名稱對應的多個表單UI控件；
將每個所述表單UI控件劃分為接口層和實現層，其中，每個所述表單UI控件的接口層和實現層之間架構隔離層；
將每個所述表單UI控件對應的接口層中的協議內容拼接成中間語言；
基于每個所述中間語言生成具有實現層的表單UI控件；
通過所述隔離層在所述實現層中展現具有實現層的表單UI控件；
對所述實現層中的表單UI控件進行渲染，生成表單頁面。


2.如權利要求1所述的表單頁面生成方法，其特征在于，所述基于每個所述中間語言生成具有實現層的表單UI控件包括：
將每個所述中間語言輸入到翻譯器中；
調用所述翻譯器從配置中心請求所述中間語言對應的字典，并將所述字典設置為激活狀態；
調用所述配置中心從注冊表中讀取處于激活狀態的字典對應的表單UI控件；
返回所述表單UI控件至所述翻譯器；
調用所述翻譯器根據所述表單UI控件從每個所述中間語言中讀取對應的表單UI控件的控件信息，其中，所述表單UI控件的控件信息對應有控件名稱；
基于所述表單UI控件的控件名稱將從每個所述中間語言讀取到的第一表單UI控件與所述配置中心從所述注冊表中讀取到的第二表單UI控件進行匹配，其中，所述從每個所述中間語言讀取到的所述第一表單UI控件對應有接口層，所述配置中心從所述注冊表中讀取到的所述第二表單UI控件對應有實現層；
關聯相匹配的所述第一表單UI控件的接口層和所述第二表單UI控件的實現層，得到一個對應有接口層和實現層的表單UI控件列表；
調用所述翻譯器讀取所述表單UI控件列表中每個所述第二表單UI控件生成具有實現層的表單UI控件。


3.如權利要求1所述的表單頁面生成方法，其特征在于，所述將每個所述表單UI控件對應的接口層中的協議內容拼接成中間語言包括：
接收表單畫布中用戶拖曳的表單UI控件；
根據所述用戶拖曳的順序讀取所述表單畫布中的表單UI控件；
每讀取到一個表單UI控件，將所述表單UI控件對應的接口層中的協議內容拼接成中間語言。


4.如權利要求1所述的表單頁面生成方法，其特征在于，所述通過所述隔離層在所述實現層中展現具有實現層的表單UI控件包括：
獲取所述具有實現層的表單UI控件對應的多個渲染版本；
注冊所述多個渲染版本至注冊表中，并將所述多個渲染版本的狀態修改為掛起狀態；
確定所述注冊表中的一個渲染版本為目標渲染版本，并將所述目標渲染版本配置到所述配置中心；
修改所述配置...

【專利技術屬性】
技術研發人員：洪篤輝，
申請(專利權)人：平安國際智慧城市科技股份有限公司，
類型：發明
國別省市：廣東;44