《一种基于WEB的增加页面/控件的方法.pdf》由会员分享，可在线阅读，更多相关《一种基于WEB的增加页面/控件的方法.pdf（10页珍藏版）》请在专利查询网上搜索。
1、(10)申请公布号 CN 103646023 A (43)申请公布日 2014.03.19 CN 103646023 A (21)申请号 201310439385.7 (22)申请日 2013.09.24 G06F 17/30(2006.01) (71)申请人 国家电网公司 地址 100031 北京市西城区西长安街 86 号 申请人 国网山西省电力公司太原供电公司 江苏瑞中数据股份有限公司 (72)发明人 张军六 熊莉娟 郭殿奎 宋宏艳 王春龙 张惠敏 尚海燕 原军 (74)专利代理机构 南京知识律师事务所 32207 代理人 汪旭东 (54) 发明名称 一种基于 WEB 的增加页面 / 控件。
2、的方法 (57) 摘要 本发明公开了一种基于 WEB 的增加页面 / 控 件的方法 ：（1） 增加节点页面 ： 控制器将客户请求 发送给树形菜单管理模块 ； 调用 JDBC 接口， 选择 模板保存到关系库中的门户基础表中。（2） 增加控 件 ： 控制器将客户请求发送给控件管理模块 ； 控 件管理模块通过 JDBC 在关系库中的门户基础表 中保存节点 id， 栏目参数。 （3） 页面显示 ： 控制器 将客户请求发送给控件管理模块和树形菜单管理 模块 ； 通过数据访问管理， 获取控件信息和业务 数据 ； 将页面实例化。 本发明实现了在web在线操 作， 在满足电力系统安全要求的基础上， 可实时展 。
3、示实时数据库内的测点信息和关系数据库中的业 务表和门户基础表。 (51)Int.Cl. 权利要求书 1 页 说明书 4 页 附图 4 页 (19)中华人民共和国国家知识产权局 (12)发明专利申请 权利要求书1页 说明书4页 附图4页 (10)申请公布号 CN 103646023 A CN 103646023 A 1/1 页 2 1. 一种基于 WEB 的增加页面 / 控件的方法， 包括以下三个部分 ： （1） 增加节点页面， 其步骤为 ： 客户端通过浏览器发出增加页面节点的请求 ； 控制器接 收请求 ； 控制器将请求同时发送给树形菜单管理模块 ； 树形菜单管理模块调用 JDBC 接口， 通过。
4、 JDBC 将页面 id， 父节点 id， 选择模板保存到关系库中的门户基础表中 ； （2） 增加控件， 其步骤为 ： 客户端通过浏览器发出增加控件的请求 ； 控制器接收请求 ； 控制器将请求同时发送给控件管理模块 ； 控件管理模块通过 JDBC 在关系库中的门户基础 表中保存节点 id， 栏目参数 ； （3） 页面显示， 其步骤如下 ： 客户端通过浏览器发出页面显示的请求 ； 控制器接收请 求 ； 控制器将请求同时发送给控件管理模块和树形菜单管理模块 ； 通过数据访问管理， 根 据节点 id 和控件参数， 分别获取控件信息和业务数据 ； 将页面实例化 ； 页面中需要实时展 示的数据通过数据管。
5、理模块通过 java api 调用实时数据库显示实时状态值或图形。 2. 根据权利要求 1 所述的一种基于 WEB 的增加页面 / 控件的方法， 其特征在于 ： 利用 以 JSP 技术为主的 web 编程技术， 将展示在浏览器上的页面拆分为 A、 B、 C、 D 四个分区 ： A 区 包含一些变化较少的描述文字和一些静态动态图片 ； B 区是一个树形结构， 每个叶节点关 联到一个可展示的svg图， 树形结构可以在线编辑， 让叶节点动态的生成自由大小的SVG图 或者让 C 区形成固定模板， 在创建好的栏目中可以加入叶节点或者加入组件 ； C 区用来展示 树形结构中的叶节点或者一些组件 ； D 区。
6、通常处于影藏状态， 只有页面初始状态或者管理 员选择编辑状态时才会显示出来， D 区主要用来配置页面布局和数据库资源。 3.根据权利要求1或2所述的一种基于WEB的增加页面/控件的方法， 其特征在于 ： 控 制器将客户端通过浏览器发出的请求发送至业务功能层， 所述业务功能层的功能实现包括 菜单管理、 模板管理、 栏目管理、 控件管理、 用户权限管理、 风格管理、 报表组件管理、 WEB 组 件管理、 资源管理、 数据库管理的功能。 权 利 要 求 书 CN 103646023 A 2 1/4 页 3 一种基于 WEB 的增加页面 / 控件的方法 技术领域 0001 本发明涉及一种基于 WEB 。
7、的增加页面 / 控件的方法， 属于电力系统信息化及自动 化技术领域。 背景技术 0002 超级文本标记语言 （英文缩写 ： HTML） 是标准通用标记语言下的一个应用， 也是一 种规范、 一种标准， 它通过标记符号来标记要显示的网页中的各个部分。 网页文件本身是一 种文本文件， 通过在文本文件中添加标记符， 可以告诉浏览器如何显示其中的内容 （如 ： 文 字如何处理， 画面如何安排， 图片如何显示等） 。 0003 Servlet 是一种服务器端的 Java 应用程序， 具有独立于平台和协议的特性， 可以 生成动态的 Web 页面。它担当客户请求 （Web 浏览器或其他 HTTP 客户程序） 。
8、与服务器响应 （HTTP 服务器上的数据库或应用程序） 的中间层。Servlet 是位于 Web 服务器内部的服务器 端的 Java 应用程序， 与传统的从命令行启动的 Java 应用程序不同， Servlet 由 Web 服务器 进行加载， 该 Web 服务器必须包含支持 Servlet 的 Java 虚拟机。 0004 SVG可缩放矢量图形 （Scalable Vector Graphics） 是基于可扩展标记语言 （XML） ， 用于描述二维矢量图形的一种图形格式。 SVG严格遵从XML语法， 并用文本格式的描述性语 言来描述图像内容， 因此是一种和图像分辨率无关的矢量图形格式。 000。
9、5 JSP全名为java server page， 其根本是一个简化的Servlet设计， 他实现了Html 语法中的 java 扩张 （以 形式） 。JSP 与 Servlet 一样， 是在服务器端执行的， 通常返回 给客户端的就是一个 HTML 文本， 因此客户端只要有浏览器就能浏览。Web 服务器在遇到访 问 JSP 网页的请求时， 首先执行其中的程序段， 然后将执行结果连同 JSP 文件中的 HTML 代 码一起返回给客户端。插入的 Java 程序段可以操作数据库、 重新定向网页等， 以实现建立 动态网页所需要的功能。 0006 Tomcat 服务器是一个免费的开放源代码的 Web 应。
10、用服务器， 属于轻量级应用服务 器， 在中小型系统和并发访问用户不是很多的场合下被普遍使用。 0007 JDK （Java Development Kit） 是 Sun Microsystems 针对 Java 开发员的产品。JDK 是整个 Java 的核心， 包括了 Java 运行环境、 Java 工具和 Java 基础类库。 0008 现有电力系统中， 在满足电力系统安全要求的基础上， 不能在线编辑页面控件的 实际运行环境， 自动化调度员或者值班人员不能通过工作站的浏览器对厂站页面 / 控件的 在线添加删除。 发明内容 0009 为了自动化调度员或者值班人员能够通过工作站的浏览器对厂站页面。
11、 / 控件的 在线添加删除， 做到在满足电力系统安全要求的基础上， 创造出在线编辑页面控件的实际 运行环境。本发明提供一种基于 WEB 的增加页面 / 控件的方法， 在实时的电力系统的环境 下， 利用浏览器完成在线增加页面 / 控件的功能。 说 明 书 CN 103646023 A 3 2/4 页 4 0010 本发明的技术方案是 ： 一种基于 WEB 的增加页面 / 控件的方法， 包括以下三个部分 ： （1） 增加节点页面， 其步骤为 ： 客户端通过浏览器发出增加页面节点的请求 ； 控制器接 收请求 ； 控制器将请求同时发送给树形菜单管理模块 ； 树形菜单管理模块调用 JDBC 接口， 通过。
12、 JDBC 将页面 id， 父节点 id， 选择模板保存到关系库中的门户基础表中 ； （2） 增加控件， 其步骤为 ： 客户端通过浏览器发出增加控件的请求 ； 控制器接收请求 ； 控制器将请求同时发送给控件管理模块 ； 控件管理模块通过 JDBC 在关系库中的门户基础 表中保存节点 id， 栏目参数。 0011 （3） 页面显示， 其步骤如下 ： 客户端通过浏览器发出页面显示的请求 ； 控制器接收 请求 ； 控制器将请求同时发送给控件管理模块和树形菜单管理模块 ； 通过数据访问管理， 根据节点 id 和控件参数， 分别获取控件信息和业务数据 ； 将页面实例化 ； 页面中需要实时 展示的数据通过。
13、数据管理模块通过 java api 调用实时数据库显示实时状态值或图形。 0012 进一步， 利用以JSP技术为主的web编程技术， 将展示在浏览器上的页面拆分为A、 B、 C、 D 四个分区 ： A 区包含一些变化较少的描述文字和一些静态动态图片 ； B 区是一个树形 结构， 每个叶节点关联到一个可展示的 svg 图， 树形结构可以在线编辑， 让叶节点动态的生 成自由大小的 SVG 图或者让 C 区形成固定模板， 在创建好的栏目中可以加入叶节点或者加 入组件 ； C 区用来展示树形结构中的叶节点或者一些组件 ； D 区通常处于影藏状态， 只有页 面初始状态或者管理员选择编辑状态时才会显示出来。
14、， D 区主要用来配置页面布局和数据 库资源。 0013 进一步， 控制器将客户端通过浏览器发出的请求发送至业务功能层， 所述业务功 能层的功能实现包括菜单管理、 模板管理、 栏目管理、 控件管理、 用户权限管理、 风格管理、 报表组件管理、 WEB 组件管理、 资源管理、 数据库管理的功能。 0014 本发明的有益效果是 ： 本发明实现了在 web 在线操作， 在线添加页面控件和页面节点， web 在线增减关系库和 实时书库资源， 界面可以固定和非固定的样式显示， 在满足电力系统安全要求的基础上， 可 实时展示实时数据库内的测点信息和关系数据库中的业务表和门户基础表。 附图说明 0015 图。
15、 1 是系统整体架构 ； 图 2 是增加页面节点方案示意图 ； 图 3 是增加控件的方案示意图 ； 图 4 是页面显示方案示意图。 具体实施方式 0016 下面结合附图对本发明作进一步详细说明。 0017 本发明严格遵循电力调度自动化系统的功能规范， 主要利用一种现有的页面组件 嵌套图实现增加页面 / 控件。 0018 本发明利用以JSP技术为主的web编程技术 （模板管理模块， 风格管理模块和横向 菜单管理） 首先将展示在浏览器上的页面拆分为 A、 B、 C、 D 四个分区。A 区包含一些变化较 说 明 书 CN 103646023 A 4 3/4 页 5 少的描述文字和一些静态动态图片 ；。
16、 B 区是一个树形结构， 每个叶节点会关联到一个可展 示的svg图 （如某个具体的一次厂站接线图） ， 树形结构可以在线编辑， 让叶节点动态的生成 自由大小的 SVG 图或者让 C 区形成固定模板 （单栏， 双栏和三栏） ， 在创建好的栏目中可以加 入叶节点或者加入组件 （如一个统计图） ； C 区用来展示树形结构中的叶节点或者一些组件 ； D 区通常处于影藏状态， 只有页面初始状态或者管理员选择编辑状态时才会显示出来， D 区 主要用来配置页面布局和数据库资源。 0019 本发明主要技术方案包括三部分 ： 1. 增加节点页面 ； 2. 增加控件 ； 3. 页面显示。 具体如下 ： 增加节点页。
17、面功能方案如下 ： (1) 客户端通过浏览器发出增加页面节点的请求 ； (2) 控制器接收请求 ； (3) 控制器将请求同时发送给树形菜单管理模块 ； (4) 树形菜单管理模块调用 JDBC 接口， 通过 JDBC 将页面 id， 父节点 id， 选择模板保存 到关系库中门户基础表中。 0020 增加控件的功能方案如下 ： (1) 客户端通过浏览器发出增加控件的请求 ； (2) 控制器接收请求 ； (3) 控制器将请求同时发送给控件管理模块 ； (4) 控件管理模块通过 JDBC 在关系。 0021 库中的门户基础表中保存节点 id， 栏目参数。 0022 页面显示的功能方案如下 ： (1) 。
18、客户端通过浏览器发出页面显示的请求 ； (2) 控制器接收请求 ； (3) 控制器将请求同时发送给控件管理模块和树形菜单管理模块 ； (4)通过数据访问管理， 根据节点id和控件参数， 分别获取控件信息和业务数据。 将页 面实例化。 0023 (5) 页面中需要实时展示的数据通过数据管理模块通过 java api 调用实时数据 库显示实时状态值或图形。 0024 本发明适用于电力行业的 WEB 实时页面控件的添加修改 ； 对于实时性较高的 WEB 访问， 需要单独的 WEB 服务器 ； 具有灵活的 web 界面配置页面和控件的功能 ； 可以通过 web 界面间接的操纵关系数据库和实时数据库增减。
19、数据资源 ； 界面不但有固定的模板， 还可以 自由设置展示厂站图。 0025 附图 1 是整个系统的现场实施图， 图中用户通过浏览器实现对页面节点或者组件 的增加， 页面显示层负责 jsp、 html、 svg 等格式的图形显示。 0026 业务功能有十大模块， 具体功能如下 ： 模板管理 ： 模板是由集成商提供的网页框架。模板管理供用户在创建网页时使用。模 板管理的主要功能包括 ： 安装模板和卸载模板。 0027 栏目管理 ： 主要负责根据控件生成、 设置具体栏目， 一般本系统的栏目都需要相应 控件实例化而来， 控件被设计为带有变量的一个组件， 要使用前必须先给变量赋值， 类似实 说 明 书。
20、 CN 103646023 A 5 4/4 页 6 例化过程， 这里栏目管理功能就负责相应实例化过程。例如 ： 给 lpf 图设置数据源， 为 svg 图设置数据源 , 设置栏目名称等。其中控件由 WEB 组件和报表组件组成。栏目管理子程序 具有以下功能 ： 1、 设置空间所需资源 ； 2、 添加栏目 ； 3、 删除栏目 ； 4、 修改栏目。 0028 控件管理 ： 对门户系统中所有的控件进行管理， 包括 WEB 组件和报表组件两大类。 控件管理的主要功能包括安装控件、 卸载控件 （只能卸载用户自定义的控件） 、 启用控件和 停用控件四个功能。 0029 WEB 组件管理 ： web 组件是展。
21、示门户信息的基本元素， 以控件的形式嵌入到栏目 中， 可供用户选择性添加。在之前栏目管理中实例化的对象就是 WEB 组件。包括曲线图插 件、 柱状图、 表单插件组态插件等 21 种不同的插件形式。 0030 风格管理 ： 用户可对整个门户的界面风格进行管理。包括修改界面的样式和界面 的皮肤。 0031 菜单管理 ： 用于对菜单项目进行管理。 0032 用户权限管理 : 负责验证登录用户的权限级别。 0033 资源管理 ： 负责在线整理数据库资源。 0034 数据库管理 ： 用于对数据库及其数据进行管理。 0035 报表组件管理 ： 用于生成报表并对报表数据的变动进行实时跟踪。 0036 附图 。
22、2 增加页面节点方案示意图。客户端通过浏览器发出增加页面节点请求， 控 制器接收请求， 控制器将请求发送给树形管理模块， 通过jdbc将页面id， 父节点id， 选择模 板保存到门户基础表中。 0037 附图 3 是增加控件方案示意图。客户端通过浏览器发出增加控件的请求， 增加控 件时需要配置相关控件参数， 控制器接收请求， 控制器将请求发送给控制管理模块， 在门户 基础表中保存节点 id， 栏目参数， 控件参数。 0038 附图 4 是页面显示方案示意图。浏览器发出显示请求 （可能是 jsp、 html 和 svg） ， 控制器接收请求， 控制器将请求发送给菜单管理模块和控件管理模块， 调用。
23、 JAVA API 和 JDBC, 根据节点 id， 控件参数， 分别获取控件信息和业务数据。将页面实例化。 0039 应用本发明一种基于 WEB 的增加页面 / 控件的方法时， 需要在 web 服务器上部署 类似Tomcat容器， orcale数据库， JDK安装并配置环境， 配置关系数据库连接池和实时数据 库连接池， 部署门户 war 包， 将样列图片或者控件存储到关系库中。 0040 在客户端使用 IE6 以上版本， 访问 http:/10.20.90.9:8080/crdPortal/index. html（其中 http 是所用协议， 10.20.90.9:8080 是 Tomcat 所在 ip 地址， crdPortal 是应用 名， index.html 是主页） 。 0041 本发明按照现场测试进行说明， 因此凡采用等同替换或等效变换的形式所获得的 技术方案， 均落在本发明的保护范围之内。 说 明 书 CN 103646023 A 6 1/4 页 7 图 1 说 明 书 附 图 CN 103646023 A 7 2/4 页 8 图 2 说 明 书 附 图 CN 103646023 A 8 3/4 页 9 图 3 说 明 书 附 图 CN 103646023 A 9 4/4 页 10 图 4 说 明 书 附 图 CN 103646023 A 10 。