本發(fā)明涉及網(wǎng)頁開發(fā)領(lǐng)域，具體涉及一種基于元數(shù)據(jù)的網(wǎng)頁快速開發(fā)方法。

背景技術(shù)：

元數(shù)據(jù)（metadata）是描述其它數(shù)據(jù)的數(shù)據(jù)（dataaboutotherdata），或者說是用于提供某種資源的有關(guān)信息的結(jié)構(gòu)數(shù)據(jù)（structureddata）。元數(shù)據(jù)是描述信息資源或數(shù)據(jù)等對象的數(shù)據(jù)，其使用目的在于：識別資源；評價資源；追蹤資源在使用過程中的變化；實現(xiàn)簡單高效地管理大量網(wǎng)絡化數(shù)據(jù)；實現(xiàn)信息資源的有效發(fā)現(xiàn)、查找、一體化組織和對使用資源的有效管理。

現(xiàn)有高校網(wǎng)站中的大部分界面都需要html、css、js三個文件合作支撐，才能正常運作。由于網(wǎng)站中幾乎不存在完全相同的兩個網(wǎng)頁，復用同一個文件就很難。當兩個或多個網(wǎng)頁界面或功能相近時，各自的代碼中就會產(chǎn)生很多冗余部分，維護成本很高。當網(wǎng)站頁面很多時，所需請求的文件不論是個數(shù)還是資源量都很大，影響網(wǎng)頁運行性能。

如果想要修改或增減頁面中某些元素時，需要修改對應的文件，當需求頻繁變更時，維護起來費時費力，而且容易漏改等引起新的bug，增加了網(wǎng)站界面的不穩(wěn)定性。

技術(shù)實現(xiàn)要素：

本發(fā)明的目的在于提供一種基于元數(shù)據(jù)的網(wǎng)頁快速開發(fā)方法，解決目前的網(wǎng)頁開發(fā)工作量大，代碼冗余，維護不便的問題。

為解決上述的技術(shù)問題，本發(fā)明采用以下技術(shù)方案：

一種基于元數(shù)據(jù)的網(wǎng)頁快速開發(fā)方法，包括以下步驟：

對頁面元素按照元素類別進行歸類；

將歸類好的頁面元素用元數(shù)據(jù)進行描述，并保存到數(shù)據(jù)庫中；

從數(shù)據(jù)庫中調(diào)用相應的頁面元素，按照配置規(guī)則對頁面進行配置得到完整的網(wǎng)頁。

更進一步的方案是，元素類別分為主類別、數(shù)據(jù)類型類別和展示類別，所述主類別包括布局類、功能類、按鈕類、查詢條件類和表格類，數(shù)據(jù)類型類別包括文本類、數(shù)字類、日期類、時間類、密碼類和郵箱類，展示類別包括下拉框、輸入框、密碼框、文本框、標簽、日期列和時間列。

更進一步的方案是，頁面元素用元數(shù)據(jù)描述的具體方法是：將一種頁面元素作為一條元數(shù)據(jù)，頁面元素的描述作為元數(shù)據(jù)的內(nèi)容。

更進一步的方案是，頁面元素的描述包括元素種類、元素類別、數(shù)據(jù)源、順序、是否必須、是否可空、是否唯一、是否可排序、是否可編輯。

更進一步的方案是，元素種類包括查詢條件、數(shù)據(jù)列和按鈕。

更進一步的方案是，配置規(guī)則包括查詢頁面配置規(guī)則和編輯頁面配置規(guī)則，

查詢頁面配置規(guī)則包括查詢條件配置和表格列配置，

查詢條件配置規(guī)則為將查詢條件的頁面元素按網(wǎng)頁需求設(shè)置為輸入框、下拉框、數(shù)據(jù)源、聯(lián)動組件、默認值、查詢條件名稱中的一種，

表格列的配置規(guī)則為將表格列的頁面元素按照網(wǎng)頁需求對列的名稱、列的顯示順序、列的格式化方式進行設(shè)置；

編輯頁面配置規(guī)則包括編輯列配置，所述編輯列配置規(guī)則為將編輯列的頁面元素按照網(wǎng)頁需求設(shè)置為輸入框、文本框、下拉框、數(shù)據(jù)源、格式校驗方式、提醒語和元數(shù)據(jù)名稱中的一種。

更進一步的方案是，格式驗證方式包括數(shù)據(jù)驗證和參數(shù)驗證。

與現(xiàn)有技術(shù)相比，本發(fā)明的有益效果是：

本發(fā)明繪制網(wǎng)頁界面無需創(chuàng)建html、js、css等三個文件，直接通過對元數(shù)據(jù)進行配置即可，代碼重復利用率高，冗余代碼少。

本發(fā)明可以通過開發(fā)后臺配置中心對頁面元素進行配置，修改頁面顯示元素，無需修改代碼，接近于“傻瓜式”維護，簡單方便又節(jié)省人力，避免了頻繁改動代碼造成紕漏，提高了網(wǎng)站的穩(wěn)定性。

本發(fā)明上線維護只需要維護公共的元數(shù)據(jù)即可，對用戶個性設(shè)置的元數(shù)據(jù)沒有任何影響。新功能元數(shù)據(jù)和元數(shù)據(jù)的修改都很方便。

具體實施方式

為了使本發(fā)明的目的、技術(shù)方案及優(yōu)點更加清楚明白，以下結(jié)合實施例，對本發(fā)明進行進一步詳細說明。應當理解，此處所描述的具體實施例僅僅用以解釋本發(fā)明，并不用于限定本發(fā)明。

一種基于元數(shù)據(jù)的網(wǎng)頁快速開發(fā)方法，包括以下步驟：

對頁面元素按照元素類別進行歸類；元素類別分為主類別、數(shù)據(jù)類型類別和展示類別，所述主類別包括布局類、功能類、按鈕類、查詢條件類和表格類，數(shù)據(jù)類型類別包括文本類、數(shù)字類、日期類、時間類、密碼類和郵箱類，展示類別包括下拉框、輸入框、密碼框、文本框、標簽、日期列和時間列。

將歸類好的頁面元素用元數(shù)據(jù)進行描述；頁面元素用元數(shù)據(jù)描述的具體方法是：將一種頁面元素作為一條元數(shù)據(jù)，頁面元素的描述作為元數(shù)據(jù)的內(nèi)容。頁面元素的描述包括元素種類、元素類別、數(shù)據(jù)源、順序、是否必須、是否可空、是否唯一、是否可排序、是否可編輯。元素種類包括查詢條件、數(shù)據(jù)列和按鈕。

從數(shù)據(jù)庫中調(diào)用相應的頁面元素，按照配置規(guī)則對頁面進行配置得到完整的網(wǎng)頁；配置規(guī)則包括查詢頁面配置規(guī)則和編輯頁面配置規(guī)則，查詢頁面配置規(guī)則包括查詢條件配置和表格列配置，查詢條件配置規(guī)則為將查詢條件的頁面元素按網(wǎng)頁需求設(shè)置為輸入框、下拉框、數(shù)據(jù)源、聯(lián)動組件、默認值、查詢條件名稱中的一種，表格列的配置規(guī)則為將表格列的頁面元素按照網(wǎng)頁需求對列的名稱、列的顯示順序、列的格式化方式進行設(shè)置；編輯頁面配置規(guī)則包括編輯列配置，所述編輯列配置規(guī)則為將編輯列的頁面元素按照網(wǎng)頁需求設(shè)置為輸入框、文本框、下拉框、數(shù)據(jù)源、格式校驗方式、提醒語和元數(shù)據(jù)名稱中的一種。格式驗證方式包括數(shù)據(jù)驗證和參數(shù)驗證，前端框架會先驗證輸入數(shù)據(jù)是否正確，后端框架也會驗證輸入的參數(shù)是否正確。

本發(fā)明可以先開發(fā)元數(shù)據(jù)后臺配置中心，用于將網(wǎng)頁元素通過配置中心配置為元數(shù)據(jù)，配置元數(shù)據(jù)的配置項包括表名、名稱、中文名、元素種類、元素類型、數(shù)據(jù)源、順序、是否必須、是否可空、是否唯一、是否可排序、是否可編輯、描述、示例。一般情況下對于元數(shù)據(jù)的配置重點配置項用途描述如下：

名稱：作為前后端通信的name屬性，取值和賦值以此作為唯一標識。

中文名：前端界面要顯示的標簽label。

元素種類：標識元素的具體作用，是查詢條件，還是數(shù)據(jù)列，或者是按鈕授權(quán)等。

元素類型：標識元素的直觀顯示，下拉框、輸入框、多選框、時間框等。

數(shù)據(jù)源：用來索引數(shù)據(jù)的code。如：當將元素類型設(shè)置為“下拉框”時，下拉框需要有數(shù)據(jù)，而這些數(shù)據(jù)就需要用它自己的數(shù)據(jù)源來索引，可以理解為數(shù)據(jù)源就是個通常意義上的“地址”。

順序：標識改元素的顯示順序。如想要切換表格中某兩列的順序，只需要在配置時互換這兩列的原有順序值即可。

在實際的配置過程中，先將網(wǎng)頁頁面進行標識，然后將該網(wǎng)頁的所有的頁面元素通過元數(shù)據(jù)的形式保存到數(shù)據(jù)庫中，對網(wǎng)頁頁面進行配置時，只需要調(diào)用該網(wǎng)頁的所有頁面元素進行配置就可以得到完整的網(wǎng)頁，配置簡單，代碼重復利用率高，冗余代碼少。

對網(wǎng)頁進行快速建立時，首先建立頁面所必須的js文件，在元數(shù)據(jù)后臺配置中心中根據(jù)需求創(chuàng)建該頁面元素元數(shù)據(jù)代號，作為該頁面元素元數(shù)據(jù)的標識，并配置該頁面元素元數(shù)據(jù)代號對應的頁面元素元數(shù)據(jù)并保持到數(shù)據(jù)庫中，元數(shù)據(jù)包括查詢條件、列表項、編輯項三大類，每條數(shù)據(jù)又包括顯示的標簽名稱、元素類別、格式驗證類型、是否必填等信息。

將所需的頁面元素元數(shù)據(jù)配置完成后，通過該頁面元素元數(shù)據(jù)的代號通過http請求傳送給后端數(shù)據(jù)庫獲取已配置好的元數(shù)據(jù)，調(diào)用元數(shù)據(jù)數(shù)組，根據(jù)該頁面的具體信息配置相應的元素，得到完整的網(wǎng)頁。

盡管這里參照本發(fā)明的多個解釋性實施例對本發(fā)明進行了描述，但是，應該理解，本領(lǐng)域技術(shù)人員可以設(shè)計出很多其他的修改和實施方式，這些修改和實施方式將落在本申請公開的原則范圍和精神之內(nèi)。更具體地說，在本申請公開和權(quán)利要求的范圍內(nèi)，可以對主題組合布局的組成部件和/或布局進行多種變型和改進。除了對組成部件和/或布局進行的變形和改進外，對于本領(lǐng)域技術(shù)人員來說，其他的用途也將是明顯的。