CN103646023A - Page and control increasing method based on WEB - Google Patents
Page and control increasing method based on 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
Abstract
The invention discloses a page and control increasing method based on a WEB. The method includes the steps of (1) increasing node pages, (2) increasing controls, and (3) displaying the pages, wherein in the first step, a controller sends a client request to a tree menu management module, a JDBC interface is called, and a template is selected to be stored in a portal base table in a relation library; in the second step, the controller sends the client request to a control management module, and the control management module stores a node id and a column parameter in the portal base table in the relation library through JDBC; in the third step, the controller sends the client request to the control management module and the tree menu management module, control information and service data are obtained through data access management, and instantiation of the pages is achieved. The method achieves web online operation, and on the basis that safety requirements of a power system are met, measurement point information in a real-time database and service lists and the portal base table in a relation database can be displayed in real time.
Description
Technical field
A kind of method that the present invention relates to the increase page/control based on WEB, belongs to electric power information and technical field of automation.
Background technology
(english abbreviation: being HTML) application under standard generalized markup language, is also a kind of standard, a kind of standard, it carrys out the various piece in webpage that mark will show by label symbol to supertext markup language.Web page files itself is a kind of text, by add marker character in text, can tell how browser shows content (as: how word is processed, and how picture arranges, and how picture shows etc.) wherein.
Servlet is a kind of java application of server end, has the characteristic that is independent of platform and agreement, can generate the dynamic Web page.It takes on the middle layer of client requests (Web browser or other HTTP CLIENT PROGRAM) and server response (database on http server or application program).Servlet is the java application that is positioned at the server end of Web server inside, different from traditional java application from start up with command-line options, Servlet is loaded by Web server, and this Web server must comprise the Java Virtual Machine of supporting Servlet.
SVG scalable vector graphics (Scalable Vector Graphics) is based on extend markup language (XML), for describing a kind of graphical format of two-dimension vector graphics.SVG strictly defers to XML grammer, and carrys out Description Image content with the descriptive language of text formatting, is therefore a kind of and the irrelevant vector graphics format of image resolution ratio.
JSP is java server page by name entirely, and it is the Servlet design of a simplification at all, and he has realized the java expansion (with <%, %> form) in Html grammer.JSP is the same with Servlet, at server end, carries out, and what conventionally return to client is exactly a html text, as long as so client have browser just can browse.Web server, when running into the request of access JSP webpage, is first carried out program segment wherein, then execution result is returned to client together with the HTML code in jsp file.The java applet section of inserting can operating database, redirect webpage etc., to realize, sets up the needed function of dynamic web page.
Tomcat server is the Web Application Server of a free open source code, belongs to lightweight application server, under middle-size and small-size system and concurrent users are not a lot of occasion, is not commonly used.
JDK(Java Development Kit) be that Sun Microsystems is for the product of Java developer.JDK is the core of whole Java, has comprised Java Runtime Environment, Java instrument and Java MFC.
In existing electric system, meeting on the basis of power system security requirement, actual motion environment that can not online editing page control, automatic dispatching person or operator on duty can not delete the online interpolation of the plant stand page/control by the browser of workstation.
Summary of the invention
For automatic dispatching person or operator on duty can delete the online interpolation of the plant stand page/control by the browser of workstation, accomplish meeting on the basis of power system security requirement, create the actual motion environment of online editing page control.The invention provides a kind of method of the increase page/control based on WEB, under the environment of real-time electric system, utilize browser to complete the function of the online increase page/control.
Technical scheme of the present invention is:
A method for the increase page/control based on WEB, comprises following three parts:
(1) increase the node page, the steps include: that client sends the request that increases page node by browser; Controller receives request; Controller sends to tree menu administration module by request simultaneously; Tree menu administration module calls JDBC interface, and by JDBC, by page id, father node id, selects template to be saved in the door underlying table being related in storehouse;
(2) increase control, the steps include: that client sends the request that increases control by browser; Controller receives request; Controller sends to control administration module by request simultaneously; Control administration module is preserved node i d by JDBC in the door underlying table in being related to storehouse, column parameter.
(3) page shows, its step is as follows: client sends by browser the request that the page shows; Controller receives request; Controller sends to control administration module and tree menu administration module by request simultaneously; By data access, manage, according to node i d and control parameter, obtain respectively control information and business datum; By page instance; In the page, need the data of real-time exhibition by java api, to call real-time data base demonstration real-time status value or figure by data management module.
Further, utilizing and take JSP technology as main web programming technique, is A, B, C, tetra-subregions of D by the page fragmentation being illustrated on browser: A district comprises some and changes less descriptive text and some static dynamic pictures; B district is a tree structure, each leaf node is associated with a svg figure that can show, tree structure can online editing, allows leaf node generate dynamically the SVG figure of free size or to allow C district form fixed form, can add leaf node or add assembly in the column creating; C district is used for showing leaf node or some assemblies in tree structure; State is hidden in shadow conventionally by D district, while only having page original state or keeper to select editing mode, just can show, and D district is mainly used to configure page layout and database resource.
Further, controller sends client request by browser is sent to business function layer, and the function of described business function layer realizes the function that comprises menu management, Template Manager, columns management, control management, user authority management, style management, report component management, WEB assembly management, resource management, data base administration.
The invention has the beneficial effects as follows:
The present invention has realized the on-line operation at web, online page control and the page node of adding, web increases and decreases online and is related to storehouse and real-time stack room resource, interface can be fixed with revocable pattern and show, meeting on the basis of power system security requirement measuring point information and the traffic table in relational database and door underlying table in can real-time exhibition real-time data base.
Accompanying drawing explanation
Fig. 1 is entire system framework;
Fig. 2 increases page scheme of nodes schematic diagram;
Fig. 3 is the scheme schematic diagram that increases control;
Fig. 4 is page displaying scheme schematic diagram.
Embodiment
Below in conjunction with accompanying drawing, the present invention is described in further detail.
The present invention strictly follows the functional specification of electric power scheduling automatization system, mainly utilizes the nested figure of a kind of existing page assembly to realize the increase page/control.
Utilization of the present invention be take JSP technology and is that main web programming technique (template management module, style administration module and laterally menu management) is first A, B, C, tetra-subregions of D by the page fragmentation being illustrated on browser.A district comprises some and changes less descriptive text and some static dynamic pictures; B district is a tree structure, each leaf node can be associated with a svg figure (station wiring diagram as concrete in certain) that can show, tree structure can online editing, allowing leaf node generate dynamically the freely SVG of size schemes or allows C district form fixed form (single hurdle, Shuan Lan and three hurdles), in the column creating, can add leaf node or add assembly (as a statistical graph); C district is used for showing leaf node or some assemblies in tree structure; State is hidden in shadow conventionally by D district, while only having page original state or keeper to select editing mode, just can show, and D district is mainly used to configure page layout and database resource.
Main technical schemes of the present invention comprises three parts: increase the node page 1.; 2. increase control; 3. the page shows.Specific as follows:
Increase node page function scheme as follows:
(1) client is sent the request that increases page node by browser;
(2) controller receives request;
(3) controller sends to tree menu administration module by request simultaneously;
(4) tree menu administration module calls JDBC interface, and by JDBC, by page id, father node id, selects template to be saved in to be related in storehouse in door underlying table.
The function scheme that increases control is as follows:
(1) client is sent the request that increases control by browser;
(2) controller receives request;
(3) controller sends to control administration module by request simultaneously;
(4) control administration module by JDBC in relation.
In door underlying table in storehouse, preserve node i d, column parameter.
The function scheme that the page shows is as follows:
(1) client sends by browser the request that the page shows;
(2) controller receives request;
(3) controller sends to control administration module and tree menu administration module by request simultaneously;
(4) by data access, manage, according to node i d and control parameter, obtain respectively control information and business datum.By page instance.
(5) in the page, need the data of real-time exhibition by java api, to call real-time data base demonstration real-time status value or figure by data management module.
The present invention is applicable to the interpolation of the real-time page control of WEB of power industry and revises; For the higher WEB access of real-time, need independent WEB server; There is the function of the web interface configurations page and control flexibly; Can indirectly handle relational database and real-time data base increase and decrease data resource by web interface; Not only there is fixing template at interface, can also freely arrange and show plant stand figure.
Accompanying drawing 1 is the field conduct figure of whole system, and in figure, user realizes the increase to page node or assembly by browser, and the figure that page display layer is responsible for the forms such as jsp, html, svg shows.
Business function has ten large modules, and concrete function is as follows:
Template Manager: the web page frame that template Shi You integrator provides.Template Manager for user when creating webpage.The major function of Template Manager comprises: installation form and unload back(ing) board.
Columns management: main being responsible for generates, arranges concrete column according to control, the column of general native system all needs corresponding control instantiation, control is designed to an assembly with variable, before using, must first give variable assignments, similar instantiation process, columns management function is just responsible for corresponding instantiation process here.For example: to lpf figure, data source is set, for svg figure arranges data source, name of tv column etc. is set.Wherein control is comprised of WEB assembly and report component.Columns management subroutine has following functions: 1, space resource requirement is set; 2, add column; 3, delete column; 4, revise column.
Control management: controls all in gate system is managed, comprise WEB assembly and the large class of report component two.The major function of control management comprises installation control, unloading control (can only unload user-defined control), enables control and four functions of inactive control.
WEB assembly management: web assembly is the fundamental element of showing gateway information, is embedded in column with the form of control, can add for user's selectivity.In columns management before, the object of instantiation is exactly WEB assembly.Comprise 21 kinds of different card format such as curve map plug-in unit, histogram, list plug-in unit configuration plug-in unit.
Style management: user can manage the look & feel of whole door.Comprise and revise the pattern at interface and the skin at interface.
Menu management: for menu item is managed.
User authority management: the Permission Levels of being responsible for checking login user.
Resource management: be responsible for online disposal data base resource.
Data base administration: for database and data thereof are managed.
Report component management: carry out real-time follow-up for generating report forms and to the change of report data.
Accompanying drawing 2 increases page scheme of nodes schematic diagram.Client is sent and is increased the request of page node by browser, and controller receives request, and controller sends to tree-like administration module by request, and by jdbc, by page id, father node id, selects template to be saved in door underlying table.
Accompanying drawing 3 is to increase control scheme schematic diagram.Client is sent the request that increases control by browser, need to configure relevant control parameter while increasing control, and controller receives request, and controller sends to control and management module by request, preserves node i d in door underlying table, column parameter, control parameter.
Accompanying drawing 4 is page displaying scheme schematic diagram.Browser sends and shows request (may be jsp, html and svg), and controller receives request, and controller sends to menu management module and control administration module by request, call JAVA API and JDBC, according to node i d, control parameter, obtains respectively control information and business datum.By page instance.
While applying the method for a kind of increase page/control based on WEB of the present invention, need to be at the similar Tomcat container of web server deploy, orcale database, JDK installs and configuration surroundings, configuration relation database connection pool and real-time data base connection pool, dispose door war bag, sample row picture or control are stored into and be related in storehouse.
In client, use the above version of IE6, access http: // 10.20.90.9:8080/crdPortal/index.html(wherein http is agreement used, 10.20.90.9:8080 be ip address, Tomcat place, crdPortal is apply names, and index.html is homepage).
Therefore the present invention describes according to on-the-spot test, and all employings are equal to and replace or technical scheme that the form of equivalent transformation obtains, within all dropping on protection scope of the present invention.
Claims (3)
1. a method for the increase page/control based on WEB, comprises following three parts:
(1) increase the node page, the steps include: that client sends the request that increases page node by browser; Controller receives request; Controller sends to tree menu administration module by request simultaneously; Tree menu administration module calls JDBC interface, and by JDBC, by page id, father node id, selects template to be saved in the door underlying table being related in storehouse;
(2) increase control, the steps include: that client sends the request that increases control by browser; Controller receives request; Controller sends to control administration module by request simultaneously; Control administration module is preserved node i d by JDBC in the door underlying table in being related to storehouse, column parameter;
(3) page shows, its step is as follows: client sends by browser the request that the page shows; Controller receives request; Controller sends to control administration module and tree menu administration module by request simultaneously; By data access, manage, according to node i d and control parameter, obtain respectively control information and business datum; By page instance; In the page, need the data of real-time exhibition by java api, to call real-time data base demonstration real-time status value or figure by data management module.
2. the method for a kind of increase page/control based on WEB according to claim 1, it is characterized in that: utilizing and take JSP technology as main web programming technique, is A, B, C, tetra-subregions of D by the page fragmentation being illustrated on browser: A district comprises some and changes less descriptive text and some static dynamic pictures; B district is a tree structure, each leaf node is associated with a svg figure that can show, tree structure can online editing, allows leaf node generate dynamically the SVG figure of free size or to allow C district form fixed form, can add leaf node or add assembly in the column creating; C district is used for showing leaf node or some assemblies in tree structure; State is hidden in shadow conventionally by D district, while only having page original state or keeper to select editing mode, just can show, and D district is mainly used to configure page layout and database resource.
3. the method for a kind of increase page/control based on WEB according to claim 1 and 2, it is characterized in that: controller sends client request by browser is sent to business function layer, the function of described business function layer realizes the function that comprises menu management, Template Manager, columns management, control management, user authority management, style management, report component management, WEB assembly management, resource management, data base administration.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310439385.7A CN103646023A (en) | 2013-09-24 | 2013-09-24 | Page and control increasing method based on WEB |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310439385.7A CN103646023A (en) | 2013-09-24 | 2013-09-24 | Page and control increasing method based on WEB |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN103646023A true CN103646023A (en) | 2014-03-19 |
Family
ID=50251239
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201310439385.7A Pending CN103646023A (en) | 2013-09-24 | 2013-09-24 | Page and control increasing method based on WEB |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103646023A (en) |
Cited By (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104102704A (en) * | 2014-07-08 | 2014-10-15 | 深圳市深信服电子科技有限公司 | System control displaying method and system control displaying device |
| CN107562852A (en) * | 2017-08-28 | 2018-01-09 | 网易乐得科技有限公司 | A kind of page display method, medium, device and computing device |
| CN107609053A (en) * | 2017-08-23 | 2018-01-19 | 北京奇虎科技有限公司 | A kind of web page display method and apparatus |
| CN107817703A (en) * | 2017-10-30 | 2018-03-20 | 武汉华中数控股份有限公司 | A kind of method realized Industry Control host computer and be controlled to slave computer |
| CN108008952A (en) * | 2017-11-30 | 2018-05-08 | 浙江执御信息技术有限公司 | Mobile terminal page Dynamic Distribution method and system |
| CN108733367A (en) * | 2017-04-21 | 2018-11-02 | 百度在线网络技术（北京）有限公司 | Page generation method and webpage generating device |
| CN111414166A (en) * | 2019-01-06 | 2020-07-14 | 阿里巴巴集团控股有限公司 | Code generation method, device, equipment and storage medium |
| CN112417232A (en) * | 2020-12-01 | 2021-02-26 | 北京致远互联软件股份有限公司 | Data screening subassembly based on Portal designer |
| 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/en active Pending
Cited By (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104102704A (en) * | 2014-07-08 | 2014-10-15 | 深圳市深信服电子科技有限公司 | System control displaying method and system control displaying device |
| CN108733367A (en) * | 2017-04-21 | 2018-11-02 | 百度在线网络技术（北京）有限公司 | Page generation method and webpage generating device |
| CN107609053A (en) * | 2017-08-23 | 2018-01-19 | 北京奇虎科技有限公司 | A kind of web page display method and apparatus |
| CN107562852B (en) * | 2017-08-28 | 2020-12-25 | 网易乐得科技有限公司 | Method, medium, device and computing equipment for displaying page in browser |
| CN107562852A (en) * | 2017-08-28 | 2018-01-09 | 网易乐得科技有限公司 | A kind of page display method, medium, device and computing device |
| CN107817703A (en) * | 2017-10-30 | 2018-03-20 | 武汉华中数控股份有限公司 | A kind of method realized Industry Control host computer and be controlled to slave computer |
| CN108008952A (en) * | 2017-11-30 | 2018-05-08 | 浙江执御信息技术有限公司 | Mobile terminal page Dynamic Distribution method and system |
| CN111414166A (en) * | 2019-01-06 | 2020-07-14 | 阿里巴巴集团控股有限公司 | Code generation method, device, equipment and storage medium |
| CN111414166B (en) * | 2019-01-06 | 2023-04-07 | 阿里巴巴集团控股有限公司 | Code generation method, device, equipment and storage medium |
| US11182054B2 (en) | 2020-03-27 | 2021-11-23 | Coupang Corp. | Web-browser plugin for consolidating requested disaggregated information |
| TWI813928B (en) * | 2020-03-27 | 2023-09-01 | 南韓商韓領有限公司 | System implementing web-browser plugin for providing requested information and method for providing requested information through web-browser plugin |
| US11861142B2 (en) | 2020-03-27 | 2024-01-02 | Coupang Corp. | Web-browser plugin for consolidating requested disaggregated information |
| CN112417232A (en) * | 2020-12-01 | 2021-02-26 | 北京致远互联软件股份有限公司 | Data screening subassembly based on Portal designer |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103646023A (en) | Page and control increasing method based on WEB | |
| US8700988B2 (en) | Selectively interpreted portal page layout template | |
| AU2008206688B2 (en) | Method and system for creating IT-oriented server-based web applications | |
| CN108154569B (en) | Patrol acquisition method based on object modeling configuration | |
| US8635548B2 (en) | Configuring a page for drag and drop arrangement of content artifacts in a page development tool | |
| CN109062567B (en) | B/S structure-based information management system rapid development platform | |
| US20040215719A1 (en) | Method and system for designing, editing and publishing web page content in a live internet session | |
| KR101275871B1 (en) | System and method for producing homepage in SaaS ENVIRONMENT, A computer-readable storage medium therefor | |
| US20090282349A1 (en) | System and method for dynamic configuration of components of web interfaces | |
| CN104111826A (en) | Software project development method and device | |
| CN103309806B (en) | The device and method of a kind of quick development and testing | |
| CN105518633A (en) | Web server system, application development assistance system, multilingual support method in web server system, multi-device support method in web server system, and application development assistance method | |
| WO2014045826A1 (en) | Web server system, dictionary system, dictionary call method, screen control display method, and demonstration application generation method | |
| CN102236544A (en) | Method and device for designing skins | |
| CN111008051A (en) | Dynamic layout based on multidimensional rules | |
| US20170031877A1 (en) | Web Page Design System | |
| EP3178009A1 (en) | Replicating a web technology | |
| CN113849156B (en) | Codeless intelligent development system applied to OpenHarmony operating system and application method thereof | |
| CN101902492A (en) | Web Service server, website constructing method and information exchange method | |
| WO2004104751A2 (en) | Web site development software | |
| CN114756228A (en) | Page processing method, device, equipment and storage medium | |
| KR101730070B1 (en) | Method for providing webpage in SaaS ENVIRONMENT, Computer program for the same, and Recording medium storing computer program for the same | |
| CN112287255A (en) | Page construction method and device, computing equipment and computer readable storage medium | |
| Fujima | Building a meme media platform with a JavaScript MVC framework and HTML5 | |
| Villanueva et al. | Proxywork: Distributing User Interface Components of Web Applications. |
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 |