[發明專利]一種基于容器封裝的前端UI系統及方法

在審

• 申請號: 201910299077.6
• 申請日: 2019-04-15
• 公開（公告）號: CN110109665A
• 公開（公告）日: 2019-08-09
• 發明（設計）人: 孫延海;李佳佳;方璐
• 申請（專利權）人: 神思旭輝醫療信息技術有限責任公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F8/30
• 代理公司: 北京中索知識產權代理有限公司 11640
• 代理人: 商金婷

本發明提供了一種基于容器封裝的前端UI系統及方法，屬于容器封裝領域。該基于容器封裝的前端UI系統包括：容器、頁面以及頁面管理器；所述容器能夠操作頁面內的各個文件對象模型；所述頁面是所述容器的繼承對象，所述頁面具有容器隔離的特性；所述頁面管理器用于管理各個頁面。利用本發明能夠提高代碼的規范性，提高工作效率、準確性、有效性，開發方便，操作簡單，更大程度地實現分工開發，各容器間的開發是完全獨立隔離的，減少了相互之間的影響。

技術領域

本發明屬于容器封裝領域，具體涉及一種基于容器封裝的前端UI系統及方法。

背景技術

Web前端技術包含HTML、CSS、JavaScript，一個系統想要做出易用、美觀、高效的系統前端頁面，對其研發人員的技術有著較高的要求；且在開源的潮流下前端框架、插件、UI庫如井噴般出現在人們的視野中，不同系統獨立研發時往往選擇了不同的框架，使得員工接觸新系統時還要去學習對應的框架，學習成本高、耗時長造成時間與人力資源的浪費。因而迫切需要一款規范、功能豐富，用戶體驗一致、可迭代升級的web前端框架。

發明內容

本發明的目的在于解決上述現有技術中存在的難題，提供一種基于容器封裝的前端UI系統及方法，提高代碼的規范性，提高工作效率、準確性、有效性，開發方便，操作簡單。

本發明是通過以下技術方案實現的：

一種基于容器封裝的前端UI系統，包括容器、頁面以及頁面管理器；

所述容器能夠操作頁面內的各個文件對象模型；

所述頁面是所述容器的繼承對象，所述頁面具有容器隔離的特性；

所述頁面管理器用于管理各個頁面。

所述系統采用頁面對象標記各個頁面；

所述頁面對象包括頁面內容、頁面位置、頁面業務邏輯以及頁面js模塊引用的基礎屬性；

所述頁面對象設定了父頁面、子頁面、與上一頁面的關系屬性。

所述頁面管理器包括：頁面切換管理模塊、頁面歷史管理模塊以及頁面狀態管理模塊；

所述頁面切換管理模塊用于頁面之間的切換；

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

所述頁面狀態管理模塊用于獲取頁面下的所有活動子頁面。

所述頁面切換管理模塊包括覆蓋切換子模塊和替換切換子模塊；

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

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

所述頁面歷史管理模塊包括刷新回退子模塊、原樣回退子模塊及清空歷史記錄子模塊；

所述刷新回退子模塊用于進行頁面回退和銷毀回退頁面，并重新加載回退頁面的上一頁面；

所述原樣回退子模塊用于進行頁面回退和銷毀回退頁面，并打開回退頁面的上一頁面；

所述清空歷史記錄子模塊用于清空所有的歷史記錄，即查找每個頁面下的非活動子頁面，并銷毀所有非活動子頁面。

所述系統的使用方法包括：

(1)頁面生成步驟；

(2)頁面切換步驟；

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

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

所述步驟(1)的操作包括：