本發(fā)明涉及界面生成技術領域，特別涉及一種界面的生成方法、系統(tǒng)及后臺服務器。

背景技術：

自互聯網建立以來，網站開發(fā)技術日新月異，但web前端始終離不開瀏覽器，最終還是HTML+JavaScript+CSS這3個核心，圍繞這3個核心而開發(fā)出來大量技術框架或解決方案。

現在JavaScript基本上都能直接或間接實現HTML、CSS的一些功能。如今有一些js庫已經把HTML當作最終輸出目標，用JS重構整個顯示模型。因此，如何利用前端JS處理數據生成界面，是本領域技術人員需要解決的技術問題。

技術實現要素：

本發(fā)明的目的是提供一種界面的生成系統(tǒng)，方法及后臺服務器，能夠將傳統(tǒng)靜態(tài)的HTML頁面用JS控件加后臺數據生成，使前端更加靈活與實時。

為解決上述技術問題，本發(fā)明提供一種界面的生成系統(tǒng)，包括：數據庫，后臺服務器及前端控件；其中，

所述前端控件，用于向所述后臺服務器發(fā)送界面生成請求，并利用所述后臺服務器根據所述界面生成請求返回的界面生成數據生成HTML界面；其中，所述界面生成數據包括：JS文件、界面數據及系統(tǒng)的業(yè)務數據；

所述后臺服務器，用于響應所述界面生成請求從所述數據庫中獲取所述界面生成請求對應的界面生成數據，并將所述界面生成數據發(fā)送給所述前端控件；

所述數據庫，用于存儲界面數據及系統(tǒng)的業(yè)務數據。

其中，所述數據庫還用于存儲所述界面數據與所述系統(tǒng)的業(yè)務數據之間的關聯數據。

其中，所述后臺服務器還用于對所述數據庫中的數據進行修改操作；其中，所述修改操作包括：增加操作、刪除操作、改動操作，查詢操作。

本發(fā)明還提供一種界面的生成方法，包括：

接收前端控件發(fā)送的界面生成請求；

響應所述界面生成請求，從數據庫中獲取所述界面生成請求對應的界面生成數據；

將所述界面生成數據發(fā)送給所述前端控件，使所述前端控件利用所述界面生成數據生成HTML界面；其中，所述界面生成數據包括：JS文件、界面數據及系統(tǒng)的業(yè)務數據。

其中，還包括：

對所述數據庫中的數據進行修改操作；其中，所述修改操作包括：增加操作、刪除操作、改動操作，查詢操作。

其中，所述接收前端控件發(fā)送的界面生成請求，包括：

當檢測到所述數據庫中的數據更新時發(fā)送的界面生成請求。

其中，將所述界面生成數據發(fā)送給所述前端控件，使所述前端控件利用所述界面生成數據生成HTML界面，包括：

將所述界面生成數據發(fā)送給所述前端控件，并利用所述JS控件根據界面數據及系統(tǒng)的業(yè)務數據生成HTML界面。

本發(fā)明還提供一種后臺服務器，包括：

接收模塊，用于接收前端控件發(fā)送的界面生成請求；

響應模塊，用于響應所述界面生成請求，從數據庫中獲取所述界面生成請求對應的界面生成數據；

發(fā)送模塊，用于將所述界面生成數據發(fā)送給所述前端控件，使所述前端控件利用所述界面生成數據生成HTML界面；其中，所述界面生成數據包括：JS文件、界面數據及系統(tǒng)的業(yè)務數據。

其中，還包括：

修改模塊，用于對所述數據庫中的數據進行修改操作；其中，所述修改操作包括：增加操作、刪除操作、改動操作，查詢操作。

其中，所述接收模塊具體為當檢測到所述數據庫中的數據更新時發(fā)送的界面生成請求的模塊。

本發(fā)明所提供的界面的生成系統(tǒng)，包括：數據庫，后臺服務器及前端控件；其中，所述前端控件，用于向所述后臺服務器發(fā)送界面生成請求，并利用所述后臺服務器根據所述界面生成請求返回的界面生成數據生成HTML界面；其中，所述界面生成數據包括：JS文件、界面數據及系統(tǒng)的業(yè)務數據；所述后臺服務器，用于響應所述界面生成請求從所述數據庫中獲取所述界面生成請求對應的界面生成數據，并將所述界面生成數據發(fā)送給所述前端控件；所述數據庫，用于存儲界面數據及系統(tǒng)的業(yè)務數據；

可見，該系統(tǒng)將傳統(tǒng)靜態(tài)的HTML頁面利用js控件驅動后臺數據生成，在沒有瀏覽器的情況下生成界面，使前端更加靈活與實時；本發(fā)明還提供了一種界面的生成方法及后臺服務器，具有上述效果，在此不再贅述。

附圖說明

為了更清楚地說明本發(fā)明實施例或現有技術中的技術方案，下面將對實施例或現有技術描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的實施例，對于本領域普通技術人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據提供的附圖獲得其他的附圖。

圖1為本發(fā)明實施例所提供的界面的生成系統(tǒng)的結構框圖；

圖2為本發(fā)明實施例所提供的界面的生成方法的流程圖；

圖3為本發(fā)明實施例所提供的后臺服務器的結構框圖。

具體實施方式

本發(fā)明的核心是提供一種界面的生成系統(tǒng)，方法及后臺服務器，能夠將傳統(tǒng)靜態(tài)的HTML頁面用JS控件加后臺數據生成，使前端更加靈活與實時。

為使本發(fā)明實施例的目的、技術方案和優(yōu)點更加清楚，下面將結合本發(fā)明實施例中的附圖，對本發(fā)明實施例中的技術方案進行清楚、完整地描述，顯然，所描述的實施例是本發(fā)明一部分實施例，而不是全部的實施例?；诒景l(fā)明中的實施例，本領域普通技術人員在沒有做出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都屬于本發(fā)明保護的范圍。

請參考圖1，圖1為本發(fā)明實施例所提供的界面的生成系統(tǒng)的結構框圖；包括：數據庫300，后臺服務器200及前端控件100；其中，

所述前端控件100，用于向所述后臺服務器200發(fā)送界面生成請求，并利用所述后臺服務器200根據所述界面生成請求返回的界面生成數據生成HTML界面；其中，所述界面生成數據包括：JS文件、界面數據及系統(tǒng)的業(yè)務數據；

其中，界面生成請求可以包括：文件請求和數據請求。

其中，文件請求主要分為：(1)、JS控件文件請求(2)、CSS樣式文件請求(3)、圖片文件請求(4)、少量的HTML界面結構文件請求。

數據請求主要分為三類：(1)、單純的界面數據(2)、業(yè)務數據(3)、與業(yè)務相關的界面數據也即關聯數據。其中，單純的界面數據用于前端控件100使用生產界面；業(yè)務數據用于前端控件100主要實現供用戶使用和查看業(yè)務；與業(yè)務相關的界面數據也是用于前端控件100生成界面的，只不過與業(yè)務關聯有的界面會有別的實現，比如動態(tài)的界面菜單的實現，可見與不可見得實現等功能。由于與業(yè)務相關的界面數據可以間接的實現界面的可設置性。與業(yè)務相關的界面數據可以通過用戶去數據庫300中進行設置，也可以是前端控件100根據用戶使用界面的操作識別獲取到與用戶操作相關的業(yè)務的界面數據。

其中，前端控件100從后臺服務器200端獲取的JS文件形成JS控件，利用該JS控件把請求回來的界面數據及系統(tǒng)的業(yè)務數據(即json數據)生成可見和可交互的HTML界面。

前端控件100會根據返回的界面生成數據生成不同的界面展現給用戶。這樣就可以實現界面的動態(tài)性，根據返回的數據的不同，生成不同的界面和事件展現給用戶。即前端控件100通過對數據的封裝實現界面和用戶交互功能。

所述后臺服務器200，用于響應所述界面生成請求從所述數據庫300中獲取所述界面生成請求對應的界面生成數據，并將所述界面生成數據發(fā)送給所述前端控件100；

其中，響應前端控件100的界面生成請求，并返回json數據與JS文件。進一步后臺服務器200還可以對對數據庫300中的數據進行修改操作，該修改操作可以包括增刪改查等操作。這樣可以保證數據庫300中的數據可以準確體現用戶的需求。即后臺服務器200主要實現界面生成請求的響應、數據的整合、操作數據庫300。實現對數據庫300的操作和靜態(tài)文件請求的響應，對于界面與業(yè)務數據關聯的數據具有一定的處理能力。

所述數據庫300，用于存儲界面數據及系統(tǒng)的業(yè)務數據。

其中，用于存儲前端界面抽象出來的界面數據和該系統(tǒng)的業(yè)務數據。界面數據中可以存放界面上的文字、屬性中的值、事件等；業(yè)務數據中存放的數據和傳統(tǒng)web應用存放的數據一樣。

為了進一步實現前端頁面的動態(tài)性、靈活性，優(yōu)選的，所述數據庫300還用于存儲所述界面數據與所述系統(tǒng)的業(yè)務數據之間的關聯數據。

其中，這里的關聯數據可以體現出用戶的個性化使用習慣，以及用戶的身份區(qū)別等，可以根據關聯數據的內容在前端控件100生成界面時，可以根據數據庫300中每個用戶特殊的關聯數據生成符合用戶習慣的界面，從而可以實現前端頁面的動態(tài)性、靈活性。為了進一步滿足前端界面的實時性，也可以實時獲取數據庫300中更新的關聯數據，并根據關聯數據的內容生成對應的前端界面，從而滿足前端界面的實時性。即實現修改數據庫就改變界面的功能，間接的實現界面的可設置性。

其中，根據數據庫中每個用戶特殊的關聯數據生成符合用戶習慣的界面，即根據用戶的喜好或趨向動態(tài)生成界面。例如，多個菜單中用戶頻繁的使用一個菜單，就可以規(guī)定按使用頻率排序生成界面，把頻繁使用的菜單排在前邊生成。或者根據用戶身份的特殊取生成符合用戶身份的界面，即可以根據不同用戶，不同角色，不同權限的生成不同的界面。沒有操作和查看權限的時候就不返回界面數據，界面上就不會生成對應的功能，以實現權限功能。

基于上述技術方案，本發(fā)明實施例提的界面的生成系統(tǒng)，將傳統(tǒng)靜態(tài)的HTML頁面用JS控件驅動后臺數據生成，滿足前端頁面的動態(tài)性，可很大程度的實現前端的靈活和實時性。

本發(fā)明實施例提供了界面的生成系統(tǒng)，能夠將傳統(tǒng)靜態(tài)的HTML頁面用JS控件加后臺數據生成，使前端更加靈活與實時。

下面對本發(fā)明實施例提供的界面的生成方法及后臺服務器進行介紹，下文描述的界面的生成方法及后臺服務器與上文描述的界面的生成系統(tǒng)可相互對應參照。

請參考圖2，圖2為本發(fā)明實施例所提供的界面的生成方法的流程圖；該方法可以包括：

S100、接收前端控件發(fā)送的界面生成請求；

S110、響應所述界面生成請求，從數據庫中獲取所述界面生成請求對應的界面生成數據；

S120、將所述界面生成數據發(fā)送給所述前端控件，使所述前端控件利用所述界面生成數據生成HTML界面；其中，所述界面生成數據包括：JS文件、界面數據及系統(tǒng)的業(yè)務數據。

基于上述技術方案，可選的，該方法還包括：

對所述數據庫中的數據進行修改操作；其中，所述修改操作包括：增加操作、刪除操作、改動操作，查詢操作。

其中，這里的數據區(qū)分界面數據、關聯數據與業(yè)務數據的修改。界面數據一般不會修改，自由網站維護人員維護網站的時候可以修改；關聯數據這個是關聯用戶的數據，個性話界面用的，根據用戶的操作可自動獲取這些修改數據，亦可自定義這些數據；業(yè)務數據和傳統(tǒng)的web網站中的業(yè)務數據是一樣的。即只有當界面需要改動的時候，開發(fā)人員可以用管理系統(tǒng)進行修改，實現修改界面數據達到修改用戶界面的效果；關聯數據是用來實現用戶界面的個性、用戶的權限等功能，要想不同的用戶角色有不同的界面需要記錄用戶與界面之間的關聯關系，這些關聯關系都存儲在關聯數據中，也可以把界面的編輯開發(fā)給用戶，讓用戶自定自己喜歡的界面和布局，這些數據都要存儲在關聯數據中；業(yè)務數據與傳統(tǒng)的web系統(tǒng)的業(yè)務數據是一樣的。

可選的，所述接收前端控件發(fā)送的界面生成請求，包括：

當檢測到所述數據庫中的數據更新時發(fā)送的界面生成請求。

其中，界面生成請求是可以根據用戶的操作(自動捕捉、自定義等方式)發(fā)送修改或者界面生成請求；也可以當檢測到數據庫中的數據更新時，發(fā)送界面生成請求；或者僅當關聯數據更新時發(fā)送的界面生成請求。

可選的，將所述界面生成數據發(fā)送給所述前端控件，使所述前端控件利用所述界面生成數據生成HTML界面，包括：

將所述界面生成數據發(fā)送給所述前端控件，并利用所述JS控件根據界面數據及系統(tǒng)的業(yè)務數據生成HTML界面。

請參考圖3，圖3為本發(fā)明實施例所提供的后臺服務器的結構框圖；該后臺服務器可以包括：

接收模塊201，用于接收前端控件發(fā)送的界面生成請求；

響應模塊202，用于響應所述界面生成請求，從數據庫中獲取所述界面生成請求對應的界面生成數據；

發(fā)送模塊203，用于將所述界面生成數據發(fā)送給所述前端控件，使所述前端控件利用所述界面生成數據生成HTML界面；其中，所述界面生成數據包括：JS文件、界面數據及系統(tǒng)的業(yè)務數據。

基于上述技術方案，可選的，該后臺服務器還包括：

修改模塊，用于對所述數據庫中的數據進行修改操作；其中，所述修改操作包括：增加操作、刪除操作、改動操作，查詢操作。

基于上述技術方案，可選的，所述接收模塊具體為當檢測到所述數據庫中的數據更新時發(fā)送的界面生成請求的模塊。

說明書中各個實施例采用遞進的方式描述，每個實施例重點說明的都是與其他實施例的不同之處，各個實施例之間相同相似部分互相參見即可。對于實施例公開的裝置而言，由于其與實施例公開的方法相對應，所以描述的比較簡單，相關之處參見方法部分說明即可。

專業(yè)人員還可以進一步意識到，結合本文中所公開的實施例描述的各示例的單元及算法步驟，能夠以電子硬件、計算機軟件或者二者的結合來實現，為了清楚地說明硬件和軟件的可互換性，在上述說明中已經按照功能一般性地描述了各示例的組成及步驟。這些功能究竟以硬件還是軟件方式來執(zhí)行，取決于技術方案的特定應用和設計約束條件。專業(yè)技術人員可以對每個特定的應用來使用不同方法來實現所描述的功能，但是這種實現不應認為超出本發(fā)明的范圍。

結合本文中所公開的實施例描述的方法或算法的步驟可以直接用硬件、處理器執(zhí)行的軟件模塊，或者二者的結合來實施。軟件模塊可以置于隨機存儲器(RAM)、內存、只讀存儲器(ROM)、電可編程ROM、電可擦除可編程ROM、寄存器、硬盤、可移動磁盤、CD-ROM、或技術領域內所公知的任意其它形式的存儲介質中。

以上對本發(fā)明所提供的界面的生成方法、系統(tǒng)及后臺服務器進行了詳細介紹。本文中應用了具體個例對本發(fā)明的原理及實施方式進行了闡述，以上實施例的說明只是用于幫助理解本發(fā)明的方法及其核心思想。應當指出，對于本技術領域的普通技術人員來說，在不脫離本發(fā)明原理的前提下，還可以對本發(fā)明進行若干改進和修飾，這些改進和修飾也落入本發(fā)明權利要求的保護范圍內。