CN103646023A - 一种基于web的增加页面/控件的方法 - Google Patents
一种基于web的增加页面/控件的方法 Download PDFInfo
- Publication number
- CN103646023A CN103646023A CN201310439385.7A CN201310439385A CN103646023A CN 103646023 A CN103646023 A CN 103646023A CN 201310439385 A CN201310439385 A CN 201310439385A CN 103646023 A CN103646023 A CN 103646023A
- Authority
- CN
- China
- Prior art keywords
- page
- control
- management
- request
- node
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 17
- 238000007726 management method Methods 0.000 claims description 32
- 230000000712 assembly Effects 0.000 claims description 3
- 238000000429 assembly Methods 0.000 claims description 3
- 238000013523 data management Methods 0.000 claims description 3
- 238000013467 fragmentation Methods 0.000 claims description 3
- 238000006062 fragmentation reaction Methods 0.000 claims description 3
- 230000003068 static effect Effects 0.000 claims description 3
- 238000005259 measurement Methods 0.000 abstract 1
- 230000006870 function Effects 0.000 description 17
- 238000010586 diagram Methods 0.000 description 7
- 230000007423 decrease Effects 0.000 description 2
- 238000009434 installation Methods 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 239000008186 active pharmaceutical agent Substances 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- PWPJGUXAGUPAHP-UHFFFAOYSA-N lufenuron Chemical compound C1=C(Cl)C(OC(F)(F)C(C(F)(F)F)F)=CC(Cl)=C1NC(=O)NC(=O)C1=C(F)C=CC=C1F PWPJGUXAGUPAHP-UHFFFAOYSA-N 0.000 description 1
- 239000003550 marker Substances 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 230000009466 transformation Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/972—Access to data in other repository systems, e.g. legacy data or dynamic Web page generation
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种基于WEB的增加页面/控件的方法：（1）增加节点页面：控制器将客户请求发送给树形菜单管理模块；调用JDBC接口，选择模板保存到关系库中的门户基础表中。（2）增加控件：控制器将客户请求发送给控件管理模块；控件管理模块通过JDBC在关系库中的门户基础表中保存节点id，栏目参数。（3）页面显示：控制器将客户请求发送给控件管理模块和树形菜单管理模块；通过数据访问管理，获取控件信息和业务数据；将页面实例化。本发明实现了在web在线操作，在满足电力***安全要求的基础上，可实时展示实时数据库内的测点信息和关系数据库中的业务表和门户基础表。
Description
技术领域
本发明涉及一种基于WEB的增加页面/控件的方法，属于电力***信息化及自动化技术领域。
背景技术
超级文本标记语言（英文缩写：HTML）是标准通用标记语言下的一个应用，也是一种规范、一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。
Servlet是一种服务器端的Java应用程序，具有独立于平台和协议的特性，可以生成动态的Web页面。它担当客户请求（Web浏览器或其他HTTP客户程序）与服务器响应（HTTP服务器上的数据库或应用程序）的中间层。Servlet是位于Web服务器内部的服务器端的Java应用程序，与传统的从命令行启动的Java应用程序不同，Servlet由Web服务器进行加载，该Web服务器必须包含支持Servlet的Java虚拟机。
SVG可缩放矢量图形（Scalable Vector Graphics）是基于可扩展标记语言（XML），用于描述二维矢量图形的一种图形格式。SVG严格遵从XML语法，并用文本格式的描述性语言来描述图像内容，因此是一种和图像分辨率无关的矢量图形格式。
JSP全名为java server page，其根本是一个简化的Servlet设计，他实现了Html语法中的java扩张（以<%,%>形式）。JSP与Servlet一样，是在服务器端执行的，通常返回给客户端的就是一个HTML文本，因此客户端只要有浏览器就能浏览。Web服务器在遇到访问JSP网页的请求时，首先执行其中的程序段，然后将执行结果连同JSP文件中的HTML代码一起返回给客户端。***的Java程序段可以操作数据库、重新定向网页等，以实现建立动态网页所需要的功能。
Tomcat服务器是一个免费的开放源代码的Web应用服务器，属于轻量级应用服务器，在中小型***和并发访问用户不是很多的场合下被普遍使用。
JDK（Java Development Kit）是Sun Microsystems针对Java开发员的产品。JDK是整个Java的核心，包括了Java运行环境、Java工具和Java基础类库。
现有电力***中，在满足电力***安全要求的基础上，不能在线编辑页面控件的实际运行环境，自动化调度员或者值班人员不能通过工作站的浏览器对厂站页面/控件的在线添加删除。
发明内容
为了自动化调度员或者值班人员能够通过工作站的浏览器对厂站页面/控件的在线添加删除，做到在满足电力***安全要求的基础上，创造出在线编辑页面控件的实际运行环境。本发明提供一种基于WEB的增加页面/控件的方法，在实时的电力***的环境下，利用浏览器完成在线增加页面/控件的功能。
本发明的技术方案是：
一种基于WEB的增加页面/控件的方法，包括以下三个部分：
（1）增加节点页面，其步骤为：客户端通过浏览器发出增加页面节点的请求；控制器接收请求；控制器将请求同时发送给树形菜单管理模块；树形菜单管理模块调用JDBC接口，通过JDBC将页面id，父节点id，选择模板保存到关系库中的门户基础表中；
（2）增加控件，其步骤为：客户端通过浏览器发出增加控件的请求；控制器接收请求；控制器将请求同时发送给控件管理模块；控件管理模块通过JDBC在关系库中的门户基础表中保存节点id，栏目参数。
（3）页面显示，其步骤如下：客户端通过浏览器发出页面显示的请求；控制器接收请求；控制器将请求同时发送给控件管理模块和树形菜单管理模块；通过数据访问管理，根据节点id和控件参数，分别获取控件信息和业务数据；将页面实例化；页面中需要实时展示的数据通过数据管理模块通过java api调用实时数据库显示实时状态值或图形。
进一步，利用以JSP技术为主的web编程技术，将展示在浏览器上的页面拆分为A、B、C、D四个分区：A区包含一些变化较少的描述文字和一些静态动态图片；B区是一个树形结构，每个叶节点关联到一个可展示的svg图，树形结构可以在线编辑，让叶节点动态的生成自由大小的SVG图或者让C区形成固定模板，在创建好的栏目中可以加入叶节点或者加入组件；C区用来展示树形结构中的叶节点或者一些组件；D区通常处于影藏状态，只有页面初始状态或者管理员选择编辑状态时才会显示出来，D区主要用来配置页面布局和数据库资源。
进一步，控制器将客户端通过浏览器发出的请求发送至业务功能层，所述业务功能层的功能实现包括菜单管理、模板管理、栏目管理、控件管理、用户权限管理、风格管理、报表组件管理、WEB组件管理、资源管理、数据库管理的功能。
本发明的有益效果是：
本发明实现了在web在线操作，在线添加页面控件和页面节点，web在线增减关系库和实时书库资源，界面可以固定和非固定的样式显示，在满足电力***安全要求的基础上，可实时展示实时数据库内的测点信息和关系数据库中的业务表和门户基础表。
附图说明
图1是***整体架构；
图2是增加页面节点方案示意图；
图3是增加控件的方案示意图；
图4是页面显示方案示意图。
具体实施方式
下面结合附图对本发明作进一步详细说明。
本发明严格遵循电力调度自动化***的功能规范，主要利用一种现有的页面组件嵌套图实现增加页面/控件。
本发明利用以JSP技术为主的web编程技术（模板管理模块，风格管理模块和横向菜单管理）首先将展示在浏览器上的页面拆分为A、B、C、D四个分区。A区包含一些变化较少的描述文字和一些静态动态图片；B区是一个树形结构，每个叶节点会关联到一个可展示的svg图（如某个具体的一次厂站接线图），树形结构可以在线编辑，让叶节点动态的生成自由大小的SVG图或者让C区形成固定模板（单栏，双栏和三栏），在创建好的栏目中可以加入叶节点或者加入组件（如一个统计图）；C区用来展示树形结构中的叶节点或者一些组件；D区通常处于影藏状态，只有页面初始状态或者管理员选择编辑状态时才会显示出来，D区主要用来配置页面布局和数据库资源。
本发明主要技术方案包括三部分：1.增加节点页面；2.增加控件；3.页面显示。具体如下：
增加节点页面功能方案如下：
(1)客户端通过浏览器发出增加页面节点的请求；
(2)控制器接收请求；
(3)控制器将请求同时发送给树形菜单管理模块；
(4)树形菜单管理模块调用JDBC接口，通过JDBC将页面id，父节点id，选择模板保存到关系库中门户基础表中。
增加控件的功能方案如下：
(1)客户端通过浏览器发出增加控件的请求；
(2)控制器接收请求；
(3)控制器将请求同时发送给控件管理模块；
(4)控件管理模块通过JDBC在关系。
库中的门户基础表中保存节点id，栏目参数。
页面显示的功能方案如下：
(1)客户端通过浏览器发出页面显示的请求；
(2)控制器接收请求；
(3)控制器将请求同时发送给控件管理模块和树形菜单管理模块；
(4)通过数据访问管理，根据节点id和控件参数，分别获取控件信息和业务数据。将页面实例化。
(5)页面中需要实时展示的数据通过数据管理模块通过java api调用实时数据库显示实时状态值或图形。
本发明适用于电力行业的WEB实时页面控件的添加修改；对于实时性较高的WEB访问，需要单独的WEB服务器；具有灵活的web界面配置页面和控件的功能；可以通过web界面间接的操纵关系数据库和实时数据库增减数据资源；界面不但有固定的模板，还可以自由设置展示厂站图。
附图1是整个***的现场实施图，图中用户通过浏览器实现对页面节点或者组件的增加，页面显示层负责jsp、html、svg等格式的图形显示。
业务功能有十大模块，具体功能如下：
模板管理：模板是由集成商提供的网页框架。模板管理供用户在创建网页时使用。模板管理的主要功能包括：安装模板和卸载模板。
栏目管理：主要负责根据控件生成、设置具体栏目，一般本***的栏目都需要相应控件实例化而来，控件被设计为带有变量的一个组件，要使用前必须先给变量赋值，类似实例化过程，这里栏目管理功能就负责相应实例化过程。例如：给lpf图设置数据源，为svg图设置数据源,设置栏目名称等。其中控件由WEB组件和报表组件组成。栏目管理子程序具有以下功能：1、设置空间所需资源；2、添加栏目；3、删除栏目；4、修改栏目。
控件管理：对门户***中所有的控件进行管理，包括WEB组件和报表组件两大类。控件管理的主要功能包括安装控件、卸载控件（只能卸载用户自定义的控件）、启用控件和停用控件四个功能。
WEB组件管理：web组件是展示门户信息的基本元素，以控件的形式嵌入到栏目中，可供用户选择性添加。在之前栏目管理中实例化的对象就是WEB组件。包括曲线图插件、柱状图、表单插件组态插件等21种不同的插件形式。
风格管理：用户可对整个门户的界面风格进行管理。包括修改界面的样式和界面的皮肤。
菜单管理：用于对菜单项目进行管理。
用户权限管理:负责验证登录用户的权限级别。
资源管理：负责在线整理数据库资源。
数据库管理：用于对数据库及其数据进行管理。
报表组件管理：用于生成报表并对报表数据的变动进行实时跟踪。
附图2增加页面节点方案示意图。客户端通过浏览器发出增加页面节点请求，控制器接收请求，控制器将请求发送给树形管理模块，通过jdbc将页面id，父节点id，选择模板保存到门户基础表中。
附图3是增加控件方案示意图。客户端通过浏览器发出增加控件的请求，增加控件时需要配置相关控件参数，控制器接收请求，控制器将请求发送给控制管理模块，在门户基础表中保存节点id，栏目参数，控件参数。
附图4是页面显示方案示意图。浏览器发出显示请求（可能是jsp、html和svg），控制器接收请求，控制器将请求发送给菜单管理模块和控件管理模块，调用JAVA API和JDBC,根据节点id，控件参数，分别获取控件信息和业务数据。将页面实例化。
应用本发明一种基于WEB的增加页面/控件的方法时，需要在web服务器上部署类似Tomcat容器，orcale数据库，JDK安装并配置环境，配置关系数据库连接池和实时数据库连接池，部署门户war包，将样列图片或者控件存储到关系库中。
在客户端使用IE6以上版本，访问http://10.20.90.9:8080/crdPortal/index.html（其中http是所用协议，10.20.90.9:8080是Tomcat所在ip地址，crdPortal是应用名，index.html是主页）。
本发明按照现场测试进行说明，因此凡采用等同替换或等效变换的形式所获得的技术方案，均落在本发明的保护范围之内。
Claims (3)
1.一种基于WEB的增加页面/控件的方法，包括以下三个部分：
（1）增加节点页面，其步骤为：客户端通过浏览器发出增加页面节点的请求；控制器接收请求；控制器将请求同时发送给树形菜单管理模块；树形菜单管理模块调用JDBC接口，通过JDBC将页面id，父节点id，选择模板保存到关系库中的门户基础表中；
（2）增加控件，其步骤为：客户端通过浏览器发出增加控件的请求；控制器接收请求；控制器将请求同时发送给控件管理模块；控件管理模块通过JDBC在关系库中的门户基础表中保存节点id，栏目参数；
（3）页面显示，其步骤如下：客户端通过浏览器发出页面显示的请求；控制器接收请求；控制器将请求同时发送给控件管理模块和树形菜单管理模块；通过数据访问管理，根据节点id和控件参数，分别获取控件信息和业务数据；将页面实例化；页面中需要实时展示的数据通过数据管理模块通过java api调用实时数据库显示实时状态值或图形。
2.根据权利要求1所述的一种基于WEB的增加页面/控件的方法，其特征在于：利用以JSP技术为主的web编程技术，将展示在浏览器上的页面拆分为A、B、C、D四个分区：A区包含一些变化较少的描述文字和一些静态动态图片；B区是一个树形结构，每个叶节点关联到一个可展示的svg图，树形结构可以在线编辑，让叶节点动态的生成自由大小的SVG图或者让C区形成固定模板，在创建好的栏目中可以加入叶节点或者加入组件；C区用来展示树形结构中的叶节点或者一些组件；D区通常处于影藏状态，只有页面初始状态或者管理员选择编辑状态时才会显示出来，D区主要用来配置页面布局和数据库资源。
3.根据权利要求1或2所述的一种基于WEB的增加页面/控件的方法，其特征在于：控制器将客户端通过浏览器发出的请求发送至业务功能层，所述业务功能层的功能实现包括菜单管理、模板管理、栏目管理、控件管理、用户权限管理、风格管理、报表组件管理、WEB组件管理、资源管理、数据库管理的功能。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310439385.7A CN103646023A (zh) | 2013-09-24 | 2013-09-24 | 一种基于web的增加页面/控件的方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310439385.7A CN103646023A (zh) | 2013-09-24 | 2013-09-24 | 一种基于web的增加页面/控件的方法 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN103646023A true CN103646023A (zh) | 2014-03-19 |
Family
ID=50251239
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201310439385.7A Pending CN103646023A (zh) | 2013-09-24 | 2013-09-24 | 一种基于web的增加页面/控件的方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103646023A (zh) |
Cited By (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104102704A (zh) * | 2014-07-08 | 2014-10-15 | 深圳市深信服电子科技有限公司 | ***控件展示方法和装置 |
| CN107562852A (zh) * | 2017-08-28 | 2018-01-09 | 网易乐得科技有限公司 | 一种页面显示方法、介质、装置和计算设备 |
| CN107609053A (zh) * | 2017-08-23 | 2018-01-19 | 北京奇虎科技有限公司 | 一种网页展示方法和装置 |
| CN107817703A (zh) * | 2017-10-30 | 2018-03-20 | 武汉华中数控股份有限公司 | 一种实现工业控制上位机对下位机进行控制的方法 |
| CN108008952A (zh) * | 2017-11-30 | 2018-05-08 | 浙江执御信息技术有限公司 | 移动终端页面动态布局方法及*** |
| CN108733367A (zh) * | 2017-04-21 | 2018-11-02 | 百度在线网络技术（北京）有限公司 | 页面生成方法及页面生成装置 |
| CN111414166A (zh) * | 2019-01-06 | 2020-07-14 | 阿里巴巴集团控股有限公司 | 代码的生成方法、装置、设备及存储介质 |
| CN112417232A (zh) * | 2020-12-01 | 2021-02-26 | 北京致远互联软件股份有限公司 | 一种基于Portal设计器的数据筛选组件 |
| US11182054B2 (en) | 2020-03-27 | 2021-11-23 | Coupang Corp. | Web-browser plugin for consolidating requested disaggregated information |
-
2013
- 2013-09-24 CN CN201310439385.7A patent/CN103646023A/zh active Pending
Cited By (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104102704A (zh) * | 2014-07-08 | 2014-10-15 | 深圳市深信服电子科技有限公司 | ***控件展示方法和装置 |
| CN108733367A (zh) * | 2017-04-21 | 2018-11-02 | 百度在线网络技术（北京）有限公司 | 页面生成方法及页面生成装置 |
| CN107609053A (zh) * | 2017-08-23 | 2018-01-19 | 北京奇虎科技有限公司 | 一种网页展示方法和装置 |
| CN107562852B (zh) * | 2017-08-28 | 2020-12-25 | 网易乐得科技有限公司 | 在浏览器中进行页面显示方法、介质、装置和计算设备 |
| CN107562852A (zh) * | 2017-08-28 | 2018-01-09 | 网易乐得科技有限公司 | 一种页面显示方法、介质、装置和计算设备 |
| CN107817703A (zh) * | 2017-10-30 | 2018-03-20 | 武汉华中数控股份有限公司 | 一种实现工业控制上位机对下位机进行控制的方法 |
| CN108008952A (zh) * | 2017-11-30 | 2018-05-08 | 浙江执御信息技术有限公司 | 移动终端页面动态布局方法及*** |
| CN111414166A (zh) * | 2019-01-06 | 2020-07-14 | 阿里巴巴集团控股有限公司 | 代码的生成方法、装置、设备及存储介质 |
| CN111414166B (zh) * | 2019-01-06 | 2023-04-07 | 阿里巴巴集团控股有限公司 | 代码的生成方法、装置、设备及存储介质 |
| US11182054B2 (en) | 2020-03-27 | 2021-11-23 | Coupang Corp. | Web-browser plugin for consolidating requested disaggregated information |
| TWI813928B (zh) * | 2020-03-27 | 2023-09-01 | 南韓商韓領有限公司 | 實行用於提供要求資訊的網路瀏覽器外掛程式的系統以及經由網路瀏覽器外掛程式提供要求資訊的方法 |
| US11861142B2 (en) | 2020-03-27 | 2024-01-02 | Coupang Corp. | Web-browser plugin for consolidating requested disaggregated information |
| CN112417232A (zh) * | 2020-12-01 | 2021-02-26 | 北京致远互联软件股份有限公司 | 一种基于Portal设计器的数据筛选组件 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103646023A (zh) | 一种基于web的增加页面/控件的方法 | |
| CN109062567B (zh) | 基于b/s结构的信息管理***快速开发平台 | |
| AU2008206688B2 (en) | Method and system for creating IT-oriented server-based web applications | |
| US20040123238A1 (en) | Selectively interpreted portal page layout template | |
| KR101275871B1 (ko) | ＳａａＳ 환경에서의 홈페이지 제작 시스템 및 방법, 그 방법을 컴퓨터에서 실행하기 위한 컴퓨터 프로그램이 기록된, 컴퓨터로 판독 가능한 기록 매체 | |
| US20090282349A1 (en) | System and method for dynamic configuration of components of web interfaces | |
| US20060212822A1 (en) | Configuring a page for drag and drop arrangement of content artifacts in a page development tool | |
| CN103309806B (zh) | 一种快速开发测试的装置及方法 | |
| CN102236544B (zh) | 一种皮肤设计方法及装置 | |
| CN104111826A (zh) | 一种软件项目开发方法及装置 | |
| CN107092589B (zh) | Web服务器***、画面控件显示方法以及演示应用生成方法 | |
| CN105518633A (zh) | Web服务器***、应用开发辅助***、Web服务器***中的多语言支持方法、Web服务器***中的多设备支持方法以及应用开发辅助方法 | |
| CN111008051A (zh) | 基于多维规则的动态布局 | |
| CN113849156B (zh) | OpenHarmony操作***应用的无代码智能开发***及其使用方法 | |
| KR20150078840A (ko) | 모바일 유저인터페이스 개발을 위한 통합 플랫폼을 기록한 저장 매체, 이를 구현하는 플랫폼 제공방법, 및 이를 제공하는 시스템 | |
| US20170212735A1 (en) | Replicating a web technology | |
| CN101902492A (zh) | Web Service服务器、网站建设方法及信息交互方法 | |
| WO2004104751A2 (en) | Web site development software | |
| KR101730070B1 (ko) | ＳａａＳ 환경에서의 웹페이지 서비스 방법, 이를 위한 컴퓨터 프로그램, 그 기록매체 | |
| CN112287255A (zh) | 页面构建方法及装置、计算设备、计算机可读存储介质 | |
| Fujima | Building a meme media platform with a JavaScript MVC framework and HTML5 | |
| JP5766651B2 (ja) | 多言語対応ＷｅｂサーバシステムおよびＷｅｂサーバシステムにおける多言語対応方法 | |
| Sprogis | Dsml tool building platform in web | |
| Yu et al. | Developing a web-based symbolic circuit analysis tool for learning and design aid | |
| JP2014059699A (ja) | デモアプリケーション生成システムおよびデモアプリケーション生成プログラム |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20140319 |