[發(fā)明專利]一種基于容器封裝的前端UI系統(tǒng)及方法

在審

• 申請(qǐng)?zhí)枺?/td>: 201910299077.6
• 申請(qǐng)日: 2019-04-15
• 公開(kāi)（公告）號(hào): CN110109665A
• 公開(kāi)（公告）日: 2019-08-09
• 發(fā)明（設(shè)計(jì)）人: 孫延海;李佳佳;方璐
• 申請(qǐng)（專利權(quán)）人: 神思旭輝醫(yī)療信息技術(shù)有限責(zé)任公司
• 主分類號(hào): G06F8/38
• 分類號(hào): G06F8/38;G06F8/30
• 代理公司: 北京中索知識(shí)產(chǎn)權(quán)代理有限公司 11640
• 代理人: 商金婷

1.一種基于容器封裝的前端UI系統(tǒng)，其特征在于：所述基于容器封裝的前端UI系統(tǒng)包括：容器、頁(yè)面以及頁(yè)面管理器；

所述容器能夠操作頁(yè)面內(nèi)的各個(gè)文件對(duì)象模型；

所述頁(yè)面是所述容器的繼承對(duì)象，所述頁(yè)面具有容器隔離的特性；

所述頁(yè)面管理器用于管理各個(gè)頁(yè)面。

2.根據(jù)權(quán)利要求1所述的基于容器封裝的前端UI系統(tǒng)，其特征在于：所述系統(tǒng)采用頁(yè)面對(duì)象標(biāo)記各個(gè)頁(yè)面；

所述頁(yè)面對(duì)象包括頁(yè)面內(nèi)容、頁(yè)面位置、頁(yè)面業(yè)務(wù)邏輯以及頁(yè)面js模塊引用的基礎(chǔ)屬性；

所述頁(yè)面對(duì)象設(shè)定了父頁(yè)面、子頁(yè)面、與上一頁(yè)面的關(guān)系屬性。

3.根據(jù)權(quán)利要求2所述的基于容器封裝的前端UI系統(tǒng)，其特征在于：所述頁(yè)面管理器包括：頁(yè)面切換管理模塊、頁(yè)面歷史管理模塊以及頁(yè)面狀態(tài)管理模塊；所述頁(yè)面切換管理模塊用于頁(yè)面之間的切換；

所述頁(yè)面歷史管理模塊用于管理頁(yè)面的歷史記錄；

所述頁(yè)面狀態(tài)管理模塊用于獲取頁(yè)面下的所有活動(dòng)子頁(yè)面。

4.根據(jù)權(quán)利要求3所述的基于容器封裝的前端UI系統(tǒng)，其特征在于：所述頁(yè)面切換管理模塊包括覆蓋切換子模塊和替換切換子模塊；

所述覆蓋切換子模塊用于保留原頁(yè)面對(duì)象，并將新頁(yè)面浮于原頁(yè)面上層；

所述替換切換子模塊用于將原頁(yè)面對(duì)象銷毀，并使用新頁(yè)面對(duì)象代替原頁(yè)面。

5.根據(jù)權(quán)利要求4所述的基于容器封裝的前端UI系統(tǒng)，其特征在于：所述頁(yè)面歷史管理模塊包括刷新回退子模塊、原樣回退子模塊及清空歷史記錄子模塊；

所述刷新回退子模塊用于進(jìn)行頁(yè)面回退和銷毀回退頁(yè)面，并重新加載回退頁(yè)面的上一頁(yè)面；

所述原樣回退子模塊用于進(jìn)行頁(yè)面回退和銷毀回退頁(yè)面，并打開(kāi)回退頁(yè)面的上一頁(yè)面；

所述清空歷史記錄子模塊用于清空所有的歷史記錄，即查找每個(gè)頁(yè)面下的非活動(dòng)子頁(yè)面，并銷毀所有非活動(dòng)子頁(yè)面。

6.權(quán)利要求1-5任一項(xiàng)所述的基于容器封裝的前端UI系統(tǒng)的使用方法，其特征在于：所述方法包括：

(1)頁(yè)面生成步驟；

(2)頁(yè)面切換步驟；

(3)返回上一頁(yè)面步驟；

(4)清空歷史記錄步驟。

7.根據(jù)權(quán)利要求6所述的方法，其特征在于：所述步驟(1)的操作包括：

在容器內(nèi)對(duì)文件對(duì)象模型進(jìn)行隔離查找，將符合條件的文件對(duì)象模型組成集合；

頁(yè)面接受所述符合條件的文件對(duì)象模型后，搭建根頁(yè)面，并定義根容器，然后加載內(nèi)部容器；

在頁(yè)面原生內(nèi)容外添加一個(gè)標(biāo)簽，所述標(biāo)簽用于標(biāo)注該頁(yè)面的名稱和編號(hào)，將組合后的內(nèi)容加載到瀏覽器中，即生成頁(yè)面。

8.根據(jù)權(quán)利要求7所述的方法，其特征在于：所述步驟(2)的操作包括：

覆蓋切換步驟：保留原頁(yè)面對(duì)象，并將新頁(yè)面浮于原頁(yè)面上層；

或者替換切換步驟：將原頁(yè)面對(duì)象銷毀，并使用新頁(yè)面對(duì)象代替原頁(yè)面對(duì)象。

9.根據(jù)權(quán)利要求8所述的方法，其特征在于：所述步驟(3)的操作包括：

刷新回退步驟：頁(yè)面回退和銷毀回退頁(yè)面，并重新加載回退頁(yè)面的上一頁(yè)面；

或者原樣回退步驟：頁(yè)面回退和銷毀回退頁(yè)面，并打開(kāi)回退頁(yè)面的上一頁(yè)面。

10.根據(jù)權(quán)利要求9所述的方法，其特征在于：所述步驟(4)的操作包括：

查找每個(gè)頁(yè)面下的非活動(dòng)子頁(yè)面，并銷毀所有非活動(dòng)子頁(yè)面。