[发明专利]基于B/S架构的网页页面显示方法及终端

说明书

技术领域

本发明涉及网页显示领域，尤其涉及一种基于B/S架构的网页页面显示方法及终端。

背景技术

目前的Web界面多以树形菜单和列表为主来组织内容，多为左侧树形菜单，右侧内容面板的结构。在一个页面中，同一时间只能查看一组内容，要查看不同内容时，需要通过树形菜单来回切换。同时，此模式还有每次切换都要重新加载内容、重新渲染界面的弊端。即浪费了处理性能和网络带宽，有增加了响应延迟。

发明内容

本发明的目的是：提出了一种基于B/S架构的网页页面显示方法,可以在一个页面中同时显示多个主窗口，每个主窗口中可包含多个面板，每个面板内可包含多个属性页，同时显示多级数据，并且在执行窗口切换时，无需重新渲染界面。

为了实现上述目的，本发明的技术方案是：

一种基于B/S架构的网页页面显示方法，包括以下步骤：

步骤一，在网页浏览器中获得用户指令；

步骤二，根据所述用户指令，可在一个页面内同时打开多个主窗口，并可任意调整所述多个主窗口的大小或位置，使多个主窗口平铺于一个页面内。

进一步的，可对所述步骤二中多个主窗口执行最大化、最小化和平铺的操作。

进一步的，所述主窗口中还设有面板图标区，所述面板栏图标区中包含多个面板图标及其文字说明，用户可通过点击或触摸相应的图标及文字说明来激活一个面板，激活的面板的内容将显示在当前主窗口中的面板内容区内。

进一步的，所述主窗口中的面板内容区内，包含多个属性页，用户可通过点击或触摸相应的标签来激活一个属性页,激活的属性页内容将显示在当前属性页标签下。

进一步的，所述主窗口中还设有隐藏按钮，用于隐藏所述面板图标区；所述面板图标区隐藏后形成面板侧边栏；点击所述面板侧边栏，弹出临时面板图标区；所述面板侧边栏上还设有展开按钮，点击展开按钮，恢复面板图标区。

进一步的，每个打开的主窗口在页面底部均设有栏目模块，点击栏目模块就弹出相应的主窗口至最外层。

一种基于B/S架构的网页页面显示终端，包括多个控件和布局容器；所述布局容器对位于其中的多个控件进行统一排布；所述布局容器可相互嵌套；每个控件均带有四周边距、纵向最小尺寸、纵向最大尺寸、横向最小尺寸、横向最大尺寸、纵向弹性系数、横向弹性系数以及对齐方式的布局属性。

本发明由于采用了上述技术，使之与现有技术相比具有的积极效果是：本发明可以在一个页面中同时显示多个主窗口，每个主窗口中可包含多个面板，每个面板内可包含多个属性页，同时显示多级数据，并且在执行窗口切换时，无需重新渲染界面。

附图说明

图1是本发明基于B/S架构的网页页面显示方法的流程图。

图2是使用本发明基于B/S架构的网页页面显示方法的第一种显示图。

图3是使用本发明基于B/S架构的网页页面显示方法的第二种显示图。

图4是使用本发明基于B/S架构的网页页面显示方法的第三种显示图。

图5是使用本发明基于B/S架构的网页页面显示方法的第四种显示图。

图6是使用本发明基于B/S架构的网页页面显示方法的第五种显示图。

图7是使用本发明基于B/S架构的网页页面显示方法的第六种显示图。

图8是使用本发明基于B/S架构的网页页面显示方法的第七种显示图。

图9是使用本发明基于B/S架构的网页页面显示方法的第八种显示图。

图10是使用本发明基于B/S架构的网页页面显示方法的第九种显示图。

具体实施方式

以下结合附图进一步说明本发明的实施例。

请参见图1所示，一种基于B/S架构的网页页面显示方法，包括以下步骤：

步骤一，在网页浏览器中获得用户指令；该指令是指打开网页后，在网页上显示的主窗口图标及其文字的指令。

步骤二，根据所述用户指令，可在一个页面内同时打开多个主窗口，并可任意调整所述多个主窗口的大小或位置，使多个主窗口平铺于一个页面内。具体的，根据用户点击网页上显示的主窗口图标或者其对应的文字指令，即可打开主窗口。可以同时点击多个主窗口图标来打开多个主窗口，并根据用户需求调整主窗口的大小和位置，使多个主窗口以相互层叠、纵向平铺、横向平铺或纵向横向结合平铺的形式同时显示在在一个页面上，具体如图2、3、4、5所示。

请参见图2至图5所示，在每个主窗口中设置有最大化、最小化和关闭的按钮，可对所述步骤二中多个主窗口执行最大化、最小化、关闭等操作。