[發明專利]一種前后臺交互組件通用化的方法

在審

• 申請號: 202010135148.1
• 申請日: 2020-03-02
• 公開（公告）號: CN113342328A
• 公開（公告）日: 2021-09-03
• 發明（設計）人: 王挺;張悅;曾鵬;于海斌
• 申請（專利權）人: 中國科學院沈陽自動化研究所
• 主分類號: G06F8/34
• 分類號: G06F8/34;G06F40/18;G06F40/174
• 代理公司: 沈陽科苑專利商標代理有限公司 21002
• 代理人: 許宗富

1.一種前后臺交互組件通用化的方法，其特征在于，包括以下步驟：

前臺定義搭建框架渲染到界面所需的配置數據并發送給后臺，后臺根據數據格式返回相應配置數據；

前臺發送請求后臺返回配置數據進行封裝，前臺根據封裝后的表單數組在瀏覽器中渲染出設備或變量的表格及表單；

當用戶編輯表單時執行封裝表單驗證方法，用于表單增刪改查提交時進行驗證；

前臺整合表單數據，傳輸用戶編輯的數據值給后臺，后臺循環更新數據庫返回給前臺展示給用戶。

2.根據權利要求1所述的一種前后臺交互組件通用化的方法，其特征在于，所述配置數據包括設備管理表單及變量管理表單的如下表項字段：表項名稱、prop值、表單類型、表單綁定數據，表單提示信息及表單驗證條件；所述表單類型包括輸入框和下拉框，下拉框包括下拉選項；

表項名稱為數采設備屬性，prop值為數采設備屬性的標識，表單綁定數據為實際采集的數采設備屬性的數據值，表單提示信息用于提示用戶編輯內容，表單驗證條件用于判斷是否接受用戶輸入信息。

3.根據權利要求1所述的一種前后臺交互組件通用化的方法，其特征在于，所述設備或變量的表格及表單包括：

靜態表單需要前臺預先渲染表項字段至界面，無需后臺返回該字段；

動態表單需要前臺預先搭建輸入框框架、下拉選框框架，結合后臺返回的數據配置渲染至界面；

表格加載數據時展示的內容：表頭數據源、表格數據源、表格高度、點擊行方法、分頁總條數、當前條數及每頁展示條數。

4.根據權利要求1所述的一種前后臺交互組件通用化的方法，其特征在于，所述封裝為將接收的后臺數據依次存儲在預先定義的空數組中，得到封裝后的表單數組。

5.根據權利要求1所述的一種前后臺交互組件通用化的方法，其特征在于，所述封裝表單驗證方法包括：

循環遍歷封裝好的表單數組中的數據，如果用戶編輯的當前表單與表單數組中的任一數據的prop一致，再遍歷該項數據的表單驗證條件，若符合條件則前臺接受用戶編輯的內容，否則輸出提示提醒用戶該條內容的編輯格式。

6.根據權利要求1所述的一種前后臺交互組件通用化的方法，其特征在于，所述表單驗證條件采用if語句與正則表達式相結合的方式進行判斷，是否包含：“字母或字母+數字組合”、“IP格式”、“整數”、“包含中文”。

7.根據權利要求1所述的一種前后臺交互組件通用化的方法，其特征在于，所述整合的表單數據包括：

對于變量或設備管理表單：將動態表單的表項名稱遍歷出來，再將表項名稱及對應用戶編輯的數據以“鍵值對”的形式傳值給后臺；所述“鍵值對”的形式為{prop值：用戶編輯的數據}；

對于靜態表單中的頻率表項，以“鍵值對”的形式傳值給后臺；所述“鍵值對”的形式為{frequency：用戶編輯的數據}。