一种基于容器封装的前端UI系统及方法技术方案

本发明专利技术提供了一种基于容器封装的前端UI系统及方法，属于容器封装领域。该基于容器封装的前端UI系统包括：容器、页面以及页面管理器；所述容器能够操作页面内的各个文件对象模型；所述页面是所述容器的继承对象，所述页面具有容器隔离的特性；所述页面管理器用于管理各个页面。利用本发明专利技术能够提高代码的规范性，提高工作效率、准确性、有效性，开发方便，操作简单，更大程度地实现分工开发，各容器间的开发是完全独立隔离的，减少了相互之间的影响。

A Front-end UI System and Method Based on Container Encapsulation

【技术实现步骤摘要】
一种基于容器封装的前端UI系统及方法
本专利技术属于容器封装领域，具体涉及一种基于容器封装的前端UI系统及方法。
技术介绍
Web前端技术包含HTML、CSS、JavaScript，一个系统想要做出易用、美观、高效的系统前端页面，对其研发人员的技术有着较高的要求；且在开源的潮流下前端框架、插件、UI库如井喷般出现在人们的视野中，不同系统独立研发时往往选择了不同的框架，使得员工接触新系统时还要去学习对应的框架，学习成本高、耗时长造成时间与人力资源的浪费。因而迫切需要一款规范、功能丰富，用户体验一致、可迭代升级的web前端框架。
技术实现思路
本专利技术的目的在于解决上述现有技术中存在的难题，提供一种基于容器封装的前端UI系统及方法，提高代码的规范性，提高工作效率、准确性、有效性，开发方便，操作简单。本专利技术是通过以下技术方案实现的：一种基于容器封装的前端UI系统，包括容器、页面以及页面管理器；所述容器能够操作页面内的各个文件对象模型；所述页面是所述容器的继承对象，所述页面具有容器隔离的特性；所述页面管理器用于管理各个页面。所述系统采用页面对象标记各个页面；所述页面对象包括页面内容、页面位本文档来自技高网...

【技术保护点】
1.一种基于容器封装的前端UI系统，其特征在于：所述基于容器封装的前端UI系统包括：容器、页面以及页面管理器；所述容器能够操作页面内的各个文件对象模型；所述页面是所述容器的继承对象，所述页面具有容器隔离的特性；所述页面管理器用于管理各个页面。

【技术特征摘要】
2018.10.18 CN 20181121525161.一种基于容器封装的前端UI系统，其特征在于：所述基于容器封装的前端UI系统包括：容器、页面以及页面管理器；所述容器能够操作页面内的各个文件对象模型；所述页面是所述容器的继承对象，所述页面具有容器隔离的特性；所述页面管理器用于管理各个页面。2.根据权利要求1所述的基于容器封装的前端UI系统，其特征在于：所述系统采用页面对象标记各个页面；所述页面对象包括页面内容、页面位置、页面业务逻辑以及页面js模块引用的基础属性；所述页面对象设定了父页面、子页面、与上一页面的关系属性。3.根据权利要求2所述的基于容器封装的前端UI系统，其特征在于：所述页面管理器包括：页面切换管理模块、页面历史管理模块以及页面状态管理模块；所述页面切换管理模块用于页面之间的切换；所述页面历史管理模块用于管理页面的历史记录；所述页面状态管理模块用于获取页面下的所有活动子页面。4.根据权利要求3所述的基于容器封装的前端UI系统，其特征在于：所述页面切换管理模块包括覆盖切换子模块和替换切换子模块；所述覆盖切换子模块用于保留原页面对象，并将新页面浮于原页面上层；所述替换切换子模块用于将原页面对象销毁，并使用新页面对象代替原页面。5.根据权利要求4所述的基于容器封装的前端UI系统，其特征在于：所述页面历史管理模块包括刷新回退子模块、原样回退子模块及清空历史记录子模块；所述刷新回退子模块...

【专利技术属性】
技术研发人员：孙延海，李佳佳，方璐，
申请(专利权)人：神思旭辉医疗信息技术有限责任公司，
类型：发明
国别省市：山东,37