一種Web應(yīng)用的前端頁(yè)面的處理方法及裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及業(yè)務(wù)支撐和數(shù)據(jù)業(yè)務(wù)，尤其涉及一種Web應(yīng)用的前端頁(yè)面的處理方法及裝置。
【背景技術(shù)】
[0002]傳統(tǒng)的web應(yīng)用的權(quán)限管理設(shè)計(jì)方法:在后臺(tái)配置用戶(hù)、角色、組織、資源多個(gè)數(shù)據(jù)表，數(shù)據(jù)接口中按照角色、用戶(hù)、組織查詢(xún)業(yè)務(wù)資源數(shù)據(jù)，把查詢(xún)結(jié)果映射給前端頁(yè)面，頁(yè)面再解析結(jié)果集，加載到文檔對(duì)象模型元素中。
[0003]整個(gè)數(shù)據(jù)查詢(xún)、映射、解析、加載的代碼分布凌亂、權(quán)限策略笨重不靈活，缺乏統(tǒng)一權(quán)限管控，可維護(hù)性很差。尤其是業(yè)務(wù)需求變更時(shí)，需要修改所有的數(shù)據(jù)查詢(xún)接口、控制邏輯和前端頁(yè)面，缺乏可擴(kuò)展性和可移植性。

【發(fā)明內(nèi)容】

[0004]為了克服網(wǎng)頁(yè)上數(shù)據(jù)查詢(xún)過(guò)程中權(quán)限策略笨重以及業(yè)務(wù)需求變更時(shí)可擴(kuò)展性和可移植性差的問(wèn)題，本發(fā)明實(shí)施例提供了一種Web應(yīng)用的前端頁(yè)面的處理方法及裝置。
[0005]為了解決上述技術(shù)問(wèn)題，本發(fā)明采用如下技術(shù)方案:
[0006]依據(jù)本發(fā)明的一個(gè)方面，提供了一種Web應(yīng)用的前端頁(yè)面的處理方法，所述處理方法包括:加載Web應(yīng)用的網(wǎng)頁(yè)文件的所有模組，其中模組包括:腳本語(yǔ)言文件和DIV層，所述腳本語(yǔ)言文件和DIV層設(shè)置有路由綁定關(guān)系；根據(jù)與所述腳本語(yǔ)言文件路由綁定的DIV層的文檔對(duì)象模型元素和預(yù)先設(shè)置的模型所建立的雙向數(shù)據(jù)綁定，以及預(yù)設(shè)的權(quán)限標(biāo)識(shí)，獲取與所述模組中的DIV層的文檔對(duì)象模型元素對(duì)應(yīng)的模型的相應(yīng)數(shù)據(jù)；將獲取的相應(yīng)數(shù)據(jù)加載到所述模組中的DIV層的文檔對(duì)象模型元素中進(jìn)行渲染和展示。
[0007]可選的，所述處理方法還包括:根據(jù)與所述腳本語(yǔ)言文件路由綁定的DIV層的文檔對(duì)象模型元素和預(yù)先設(shè)置的模型建立雙向數(shù)據(jù)綁定。
[0008]可選的，根據(jù)與所述腳本語(yǔ)言文件路由綁定的DIV層的文檔對(duì)象模型元素和預(yù)先設(shè)置的模型建立雙向數(shù)據(jù)綁定具體包括:
[0009]獲取所述模組的腳本語(yǔ)言文件申請(qǐng)的內(nèi)存空間；
[0010]通過(guò)所述內(nèi)存空間加載來(lái)自所述預(yù)先設(shè)置的模型的數(shù)據(jù)；
[0011]通過(guò)與所述腳本語(yǔ)言文件路由綁定的DIV層的文檔對(duì)象模型元素加載來(lái)自所述內(nèi)存空間的數(shù)據(jù)，實(shí)現(xiàn)與所述腳本語(yǔ)言文件路由綁定的DIV層的文檔對(duì)象模型元素和預(yù)先設(shè)置的模型建立雙向數(shù)據(jù)綁定。
[0012]可選的，所述網(wǎng)頁(yè)文件為超文本標(biāo)記語(yǔ)言文件。
[0013]可選的，加載Web應(yīng)用的網(wǎng)頁(yè)文件的所有模組，具體為:在腳本語(yǔ)言庫(kù)中加載電子健康檔案的網(wǎng)頁(yè)文件的所有模組。
[0014]可選的，所述處理方法還包括:將Web應(yīng)用的單個(gè)網(wǎng)頁(yè)文件與權(quán)限標(biāo)識(shí)進(jìn)行路由綁定，其中每個(gè)權(quán)限標(biāo)識(shí)對(duì)應(yīng)于不同的模組。
[0015]依據(jù)本發(fā)明的另一個(gè)方面，提供了一種Web應(yīng)用的前端頁(yè)面的處理裝置，包括:
[0016]前端模塊，用于加載Web應(yīng)用的網(wǎng)頁(yè)文件的所有模組，其中模組包括:腳本語(yǔ)言文件和DIV層，所述腳本語(yǔ)言文件和DIV層設(shè)置有路由綁定關(guān)系；
[0017]獲取模塊，用于根據(jù)與所述腳本語(yǔ)言文件路由綁定的DIV層的文檔對(duì)象模型元素和預(yù)先設(shè)置的模型所建立的雙向數(shù)據(jù)綁定，以及預(yù)設(shè)的權(quán)限標(biāo)識(shí)，獲取與所述模組中的DIV層的文檔對(duì)象模型元素對(duì)應(yīng)的模型的相應(yīng)數(shù)據(jù)；
[0018]顯示模塊，用于將獲取的相應(yīng)數(shù)據(jù)加載到所述模組中的DIV層的文檔對(duì)象模型元素中進(jìn)行渲染和展示。
[0019]可選的，上述處理裝置還包括:
[0020]綁定模塊，用于根據(jù)與所述腳本語(yǔ)言文件路由綁定的DIV層的文檔對(duì)象模型元素和預(yù)先設(shè)置的模型建立雙向數(shù)據(jù)綁定。
[0021]可選的，上述綁定模塊包括:
[0022]申請(qǐng)單元，用于獲取所述模組的腳本語(yǔ)言文件申請(qǐng)的內(nèi)存空間；
[0023]加載單元，用于通過(guò)所述內(nèi)存空間加載來(lái)自所述預(yù)先設(shè)置的模型的數(shù)據(jù)；
[0024]綁定單元，用于通過(guò)與所述腳本語(yǔ)言文件路由綁定的DIV層的文檔對(duì)象模型元素加載來(lái)自所述內(nèi)存空間的數(shù)據(jù)，實(shí)現(xiàn)與所述腳本語(yǔ)言文件路由綁定的DIV層的文檔對(duì)象模型元素和預(yù)先設(shè)置的模型建立雙向數(shù)據(jù)綁定。
[0025]可選的，上述處理裝置還包括:
[0026]標(biāo)識(shí)綁定模塊，用于將Web應(yīng)用的單個(gè)網(wǎng)頁(yè)文件與權(quán)限標(biāo)識(shí)進(jìn)行路由綁定，其中每個(gè)權(quán)限標(biāo)識(shí)對(duì)應(yīng)于不同的模組。
[0027]本發(fā)明的有益效果是:
[0028]應(yīng)用本發(fā)明實(shí)施例的處理方法及裝置，可以在第一次查詢(xún)業(yè)務(wù)資源數(shù)據(jù)的時(shí)候，數(shù)據(jù)庫(kù)中的所有數(shù)據(jù)通過(guò)預(yù)先設(shè)置的模型加載到腳本語(yǔ)言文件所申請(qǐng)的內(nèi)存空間中，與所述腳本語(yǔ)言文件路由綁定的DIV層的文檔對(duì)象模型元素只需從內(nèi)存空間加載數(shù)據(jù)即可，用戶(hù)通過(guò)瀏覽器加載頁(yè)面并且無(wú)需離開(kāi)此導(dǎo)航頁(yè)面，為用戶(hù)提供更接近一個(gè)本地移動(dòng)或桌面應(yīng)用程序的體驗(yàn)。
【附圖說(shuō)明】
[0029]圖1表示本發(fā)明實(shí)施例中Web應(yīng)用的前端頁(yè)面的處理方法的流程圖之一；
[0030]圖2表示本發(fā)明實(shí)施例中Web應(yīng)用的前端頁(yè)面的處理方法的流程圖之二 ；
[0031]圖3表示本發(fā)明實(shí)施例雙向數(shù)據(jù)綁定的流程圖；
[0032]圖4表示本發(fā)明實(shí)施例中Web應(yīng)用的前端頁(yè)面的處理方法的流程圖之三；
[0033]圖5表示本發(fā)明實(shí)施例實(shí)際查詢(xún)業(yè)務(wù)資源數(shù)據(jù)的流程圖；
[0034]圖6表示本發(fā)明實(shí)施例中Web應(yīng)用的前端頁(yè)面的處理裝置的示意圖；
[0035]圖7表示本發(fā)明實(shí)施例綁定模塊的示意圖。
【具體實(shí)施方式】
[0036]為使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合附圖及具體實(shí)施例對(duì)本發(fā)明進(jìn)行詳細(xì)描述。
[0037]如圖1所示，本發(fā)明實(shí)施例Web應(yīng)用的前端頁(yè)面的處理方法的流程圖之一，包括以下步驟:
[0038]步驟S100、加載Web應(yīng)用的網(wǎng)頁(yè)文件的所有模組，其中模組包括:腳本語(yǔ)言文件和DIV層，腳本語(yǔ)言文件和DIV層設(shè)置有路由綁定關(guān)系。
[0039]應(yīng)當(dāng)說(shuō)明的是，網(wǎng)頁(yè)文件為超文本標(biāo)記語(yǔ)言文件，加載Web應(yīng)用的網(wǎng)頁(yè)文件的所有模組可以理解為在腳本語(yǔ)言庫(kù)中加載電子健康檔案的網(wǎng)頁(yè)文件的所有模組。
[0040]步驟S200、根據(jù)與腳本語(yǔ)言文件路由綁定的DIV層的文檔對(duì)象模型元素和預(yù)先設(shè)置的模型所建立的雙向數(shù)據(jù)綁定，以及預(yù)設(shè)的權(quán)限標(biāo)識(shí)，獲取與模組中的DIV層的文檔對(duì)象模型元素對(duì)應(yīng)的模型的相應(yīng)數(shù)據(jù)。
[0041]應(yīng)當(dāng)說(shuō)明的是，根據(jù)預(yù)設(shè)的權(quán)限標(biāo)識(shí)可將用戶(hù)分為不同的級(jí)別，不同的用戶(hù)級(jí)別可以查看不同的數(shù)據(jù)信息，例如用戶(hù)分為普通用戶(hù)和管理員，普通用戶(hù)只可以獲取自己的數(shù)據(jù)信息，而管理員可以獲取所有人的數(shù)據(jù)信息；體現(xiàn)了權(quán)限策略，避免數(shù)據(jù)解析和轉(zhuǎn)換的代價(jià)，為用戶(hù)提供了更接近一個(gè)本地移動(dòng)或桌面應(yīng)用程序的體驗(yàn)。
[0042]步驟S300、將獲取的相應(yīng)數(shù)據(jù)加載到模組中的DIV層的文檔對(duì)象模型元素中進(jìn)行渲染和展示。
[0043]如圖2所示，本發(fā)明實(shí)施例中與圖1所不同的是，在步驟SlOO之前，該方法還包括以下步驟:
[0044]步驟S500、根據(jù)與腳本語(yǔ)言文件路由綁定的DIV層的文檔對(duì)象模型元素和預(yù)先設(shè)置的模型建立雙向數(shù)據(jù)綁定。
[0045]圖3是圖2的步驟S500的流程圖，步驟S500包括以下步驟:
[0046]步驟S501、獲取模組的腳本語(yǔ)言文件申請(qǐng)的內(nèi)存空間；
[0047]步驟S502、通過(guò)內(nèi)存空間加載來(lái)自預(yù)先設(shè)置的模型的數(shù)據(jù)；
[0048]步驟S503、通過(guò)與腳本語(yǔ)言文件路由綁定的DIV層的文檔對(duì)象模型元素加載來(lái)自?xún)?nèi)存空間的數(shù)據(jù)，實(shí)現(xiàn)與腳本語(yǔ)言文件路由綁定的DIV層的文檔對(duì)象模型元素和預(yù)先設(shè)置的模型建立雙向數(shù)據(jù)綁定。
[0049]應(yīng)當(dāng)說(shuō)明的是，腳本語(yǔ)言文件與同模組下的DIV層路由綁定，腳本語(yǔ)言文件申請(qǐng)得到內(nèi)存空間，內(nèi)存空間加載來(lái)自預(yù)先設(shè)置的模型的數(shù)據(jù)信息(腳本語(yǔ)言文件控制預(yù)先設(shè)置的模型加載數(shù)據(jù)庫(kù)的信息，內(nèi)存空間加載來(lái)自預(yù)先設(shè)置的模型中的數(shù)據(jù)庫(kù)的信息)，DIV層的文檔對(duì)象模型元素加載來(lái)自?xún)?nèi)存空間的數(shù)據(jù)信息，通過(guò)內(nèi)存空間實(shí)現(xiàn)了 DIV層的文檔對(duì)象模型元素和預(yù)先設(shè)置的模型建立雙向數(shù)據(jù)綁定。
[0050]如圖4所示，本發(fā)明實(shí)施例的中Web應(yīng)用的前端頁(yè)面的處理方法的流程圖之三，與圖2所示的處理方法不同的是，圖4中所示的處理方法中步驟S500之前，該處理方法還包括:
[0051]步驟S800、將Web應(yīng)用的單個(gè)網(wǎng)頁(yè)文件與權(quán)限標(biāo)識(shí)進(jìn)行路由綁定，其中每個(gè)權(quán)限標(biāo)識(shí)對(duì)應(yīng)于不同的模組。
[0052]當(dāng)然可以理解的是，在本發(fā)明的實(shí)施例中并不限定步驟S500和步驟S800的先后順序。
[0053]應(yīng)當(dāng)說(shuō)明的是，權(quán)限標(biāo)識(shí)與Web應(yīng)用的單個(gè)網(wǎng)頁(yè)文件路由綁定，例如導(dǎo)航欄與權(quán)限標(biāo)識(shí)路由綁定。不同的權(quán)限標(biāo)識(shí)，對(duì)應(yīng)不同的模組，展示不同的內(nèi)容；例如普通用戶(hù)登錄時(shí)只能查看數(shù)據(jù)信