[發明專利]在線設計的動態列表頁面生成方法、生成器及介質

在審

• 申請號: 202011587020.5
• 申請日: 2020-12-28
• 公開（公告）號: CN112650966A
• 公開（公告）日: 2021-04-13
• 發明（設計）人: 南策云;楊小龍;南子康;黃強;丁佳聰
• 申請（專利權）人: 珠海新華通軟件股份有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958;G06F8/38
• 代理公司: 廣州嘉權專利商標事務所有限公司 44205
• 代理人: 張志輝

本發明公開了一種在線設計的動態列表頁面生成方法、生成器及介質，其中方法包括以下步驟：S10、提供列表頁面生成器的前端配置界面，根據用戶配置生成列表數據模型；S20、表單框架根據列表數據模型生成列表HTML頁面。其中，前端配置界面包括工具欄、控件面板、字段面板、網格區域以及屬性面板；工具欄包括數據源導入按鈕，用于導入數據庫表；控件面板包括若干可拖拽的按鈕控件；字段面板包括數據庫表的字段控件；網格區域為行列式布局，包括若干單元格，每個單元格為一個控件。本發明能夠通過簡單的配置、拖放排列，即可智能化生成一個完整的列表頁面程序。

技術領域

本發明涉及計算機信息處理技術領域，特別涉及一種在線設計的動態列表頁面生成方法、生成器及介質。

背景技術

近年來，已經進入互聯網智慧化時代，非計算機專業開發的運維人員需要一種無需開發程序簡單設置即可生成動態列表頁面的技術，傳統的方法是需要專業人員敲打命令代碼深入編程才能開發出來列表頁面。該模式需要專業培訓及編程基礎才能成為專業的程序員，從學習到能開發出來，時間周期非常長。每次編程后，都需要運行一次，多次調試，操作繁瑣。容易搞錯，調試復雜。定制開發頁面，如果數量比較多，就需要非常多的時間編程，效率低下。

網站信息發布及內容管理系統的默認功能是信息發布列表頁面，簡單明了展示和管理，是現階段使用最多的功能之一。尤其是增、刪、改、查的功能，使用起來，多年不改變。然而需要實現這些功能，以前都是需要編寫程序才能實現，暫無其他的科學方法。程序的邏輯就是從數據庫里面調取信息展示，實現查看、刪除功能，同時也實現新增、修改功能。

非計算機開發專業的運維人員如何快速、簡單又便捷的配置列表頁面的字段順序及程序，包括列表頁面的操作功能、常規標準化字段等。能簡單的配置、拖放排列，即可智能化生成一個完整的列表頁面程序。成為我們急需要解決的痛點問題。

發明內容

本發明旨在至少解決現有技術中存在的技術問題之一。為此，本發明提出一種在線設計的動態列表頁面生成，能夠通過簡單的配置、拖放排列，即可智能化生成一個完整的列表頁面程序。

本發明還提出一種在線設計的動態列表頁面生成器。

本發明還提出一種實施上述方法的計算機可讀存儲介質。

根據本發明的第一方面實施例的在線設計的動態列表頁面生成方法，包括：S10、提供列表頁面生成器的前端配置界面，根據用戶配置生成列表數據模型；S20、表單框架根據所述列表數據模型生成列表HTML頁面；其中，所述前端配置界面包括工具欄、控件面板、字段面板、網格區域以及屬性面板；所述工具欄包括數據源導入按鈕，用于導入數據庫表；所述控件面板包括若干可拖拽的按鈕控件；所述字段面板包括所述數據庫表的字段控件；所述網格區域為行列式布局，包括若干單元格，每個所述單元格為一個控件；其中，所述步驟S10包括：S11、設置按鈕控件的事件，并監聽所述按鈕控件的事件，若所述按鈕控件被拖拽至所述網格區域的其中一個單元格，則將所述單元格的屬性修改為所述按鈕控件的屬性S12、響應于所述字段控件被拖拽至所述單元格，將所述單元格與所述字段控件對應的字段關聯，并從數據庫獲取字段數據；S13、根據所述單元格及字段生成列表數據模型。

根據本發明的一些實施例，所述步驟S20包括：S21、響應于發布指令，表單框架獲取所述列表數據模型；S22、根據所述列表數據模型生成HTML頁面。

根據本發明的一些實施例，所述列表數據模型以json數據格式保存，一個單元格對應一個json對象。

根據本發明的一些實施例，所述多個單元格可被配置為一個單元格。

根據本發明的一些實施例，所述屬性面板包括控件類型下拉選擇框、控件標題輸入框以及綁定字段顯示欄。

根據本發明的一些實施例，所述方法還包括：S30、響應于所述按鈕控件被拖拽離開所述單元格，所述單元格恢復默認屬性。