网页页面布局动态生成方法

龙源期刊网 http://www.qikan.com.cn

网页页面布局动态生成方法

作者：冯燕 博瑨

来源：《科学家》2017年第11期

摘 要 网页页面布局动态生成方法，实质是解决系统网页页面针对不同用户在同一系统模块页面中所需展现的网页页面内容及侧重點不同，为系统的网页页面展示增加了灵活性、可配置性，使得不同用户可根据自身需求选择页面显示内容并拖拽出所需显示区域的位置和范围。 关键词 网页；页面布局；可配置

中图分类号 TP2 文献标识码 A 文章编号 2095-6363（2017）11-0141-02

值班信息系统主要是解决各级值班数据的录入和显示，由于不同节点对值班数据的需求不同，甚至系统同一页面的数据显示需求也可能不尽相同，这就要求系统对同一页面显示具备多样性。为满足各级节点的不同需求和个性化展示，要求系统数据展现具备灵活性，并且用户可自行配置网页页面布局。传统网页页面布局方式需要对各个应用场景由编程人员专门定制页面布局样式，这将是一个庞大的工作量，同时可能由于编程人员对于不同应用场景的需求并不是十分明确，导致页面布局样式需反复修改。为实现各级节点根据权限不同、需求不同，可对系统页面布局进行动态配置，要求研制一种网页页面布局动态配置方法。

将系统将网页布局的处理、展现与存储进行分离，用户通过配置界面配置父模块对应的子模块以及各子模块展示的区域位置及范围，系统换算并存储用户在页面配置界所配置和拖拽出的区域参数，系统读取并换算父模块所对应各子模块的位置、区域参数展现于相应的网页页面。实现了网页页面布局的编辑、网页页面显示等上层应用展示与页面布局数据存储的分离与对应关系，从而实现各级节点网页页面布局的灵活扩展，以及各网页页面布局的个性化定制[1]。

在网页页面布局动态显示与管理中使用抽象技术、封装技术等将对页面布局的操作分解为强内聚、松耦合的功能模块。对各类不同的网页页面排版数据，通过提取、换算、分类以及通用的网页前台代码，个性化展现网页页面，同时达到网页页面自适应性。 1 具体实现步骤

1.1 建立用于存储网页页面布局的数据库表

为满足网页页面布局的多样性、不确定性要求，同时也为了增加网页页面布局的可扩展性，设计网页页面布局的数据结构如表1所示。

具体步骤：建立数据结构。节点内码和部位号：确保了各级节点各部位页面布局的唯一性。模块号：系统页面二级菜单唯一标识。CSSID：页面布局编辑模块区域的唯一标识。CSS

本文来源：https://www.bwwdw.com/article/jk7x.html