CN104699863A - Webpage data display system - Google Patents
Webpage data display system Download PDFInfo
- Publication number
- CN104699863A CN104699863A CN201510163901.7A CN201510163901A CN104699863A CN 104699863 A CN104699863 A CN 104699863A CN 201510163901 A CN201510163901 A CN 201510163901A CN 104699863 A CN104699863 A CN 104699863A
- Authority
- CN
- China
- Prior art keywords
- module
- data display
- data
- webpage
- preset
- 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
Abstract
The invention provides a webpage data display system, and belongs to the field of webpage data presentation. The system comprises a region editing module, a template selection module, a data filtering module, a data filling module and an issuing module. The region editing module divides a plurality of preset data display regions on a blank webpage. The template selection module is provided with a plurality of data display templates in advance and used for selecting the corresponding data display templates according to a preset command and placing all the data display templates into the corresponding data display regions. The data filtering module is used for screening external input webpage data according to a preset condition. The data filling module is used for filling all groups of webpage data into the corresponding data display templates. The issuing module is connected with the data filling module and used for synthesizing and issuing corresponding webpage according to the filling result of the data filling module. By means of the webpage data display system, the development efficiency of data display interfaces can be improved, and the developing cycle of the data display interfaces is shortened.
Description
Technical field
The present invention relates to web data and present field, particularly relate to a kind of web data display systems.
Background technology
The development day crescent of network technology is easy.Network system for mass data in terminal to present needs more flexible, more fast, the technology of easier visualization realizes.
For presenting of a large amount of data, need to use and a kind ofly can show the mode that can respond fast again with web interface and realize.But, editor's web interface needs higher development technique usually, more complicated programming language is adopted to realize, domestic consumer is difficult to when without making and the editing operation of carrying out web interface when long-time professional training, and data itself are changeable, this just adds difficulty for data present in real time.Therefore, the web interface presented in data shows and there is huge contradiction between response fast.
As described above, current those skilled in the art presenting for network data, complicated programming technique is needed to be grasped, such as HTML5 language.And being familiar with and using of this type of technology, be very consuming time and difficult.Because these data have diversity, polytrope, real-time, refresh rate is fast, and the development efficiency of code is lower, whether each exploitation uses used plug-in unit to be all again develop to write code, which results in owing to not having instrument can batch, simply complete development, the construction cycle of a data displaying web page is often longer.
Summary of the invention
Based on the problems referred to above of the prior art, now provide a kind of web data display systems, be intended to reduce web interface manufacture difficulty, make domestic consumer also can make easily and edit web interface.
Said system specifically comprises:
Terrain feature edit module, divides default multiple data display area on a blank webpage;
Stencil-chosen module, connects described terrain feature edit module, is preset with multiple data display template in described stencil-chosen module;
Described stencil-chosen module is used for selecting corresponding described data display template according to the instruction preset, and respectively each described data display template is placed in corresponding described data display area, wherein, the instruction preset can be the fixing instruction pre-set in a program, also can be the instruction of user's data display template relative set as required;
Data filtering module, connect described stencil-chosen module, for screening the web data that outside inputs according to the condition preset, with web data described at least one group that determines to need to show on webpage, wherein, the condition preset refers to judge according to a certain denominator of data, the condition of screening, and owing to can arrange multiple data display area, web data described in corresponding one group of each region, so can show web data described in one or more groups on webpage;
Data stuffing module, connects described stencil-chosen module and described data filtering module respectively, for being packed in corresponding described data display template by often organizing described web data respectively;
Release module, connects described data stuffing module, for the filling result according to described data stuffing module, synthesizes and issues corresponding webpage.
Above-mentioned web data display systems, also comprises user management module, for providing the identification verification function of user, and the operating right of administrative login user.
Above-mentioned web data display systems, also comprises data source configuration module, connects described data filtering module, for the Data Source of the described web data of configuring external input.
Above-mentioned web data display systems, wherein, terrain feature edit module also for marking off at least one menu drawing field territory on webpage; The first menu configuration module is also comprised in web data display systems, wherein be preset with multiple menu facility item, first menu configuration module join domain editor module, for the selection instruction that basis is preset, select corresponding multiple described menu facility item, and show in menu drawing field territory according to the order preset.Wherein, the selection instruction preset refers to the instruction pre-set as required, and e.g., the interpolation of web data, amendment, deletes, and confirms.
Above-mentioned web data display systems, also comprise the second menu configuration module, wherein be preset with multiple operating function, second menu configuration module is used for the selection instruction according to presetting, and respectively to the different corresponding described operating function of input operation configuration of user, wherein user can use right mouse button to open menu, then the interpolation of web data is carried out, amendment, deletes, and confirms.
Above-mentioned web data display systems, wherein terrain feature edit module is also for deleting through dividing the described data display region obtained; And/or new described data display region is added on the webpage through dividing.
Above-mentioned web data display systems, wherein data display template comprises: the described data display template shown in histogram mode; And/or with the described data display template that panel board mode shows; And/or with the described data display template that wheel disc mode shows.
The beneficial effect of technique scheme is: owing to adopting modular exploitation, make user that disparate modules can be used to arrange flexibly, eliminate the development that developer is a large amount of, makes the data of webpage present compiling and becomes quicker, efficiently.
This web data display systems, can according to the template-setup of user, and the data of database input are presented on webpage in patterned mode, and can change according to the real-time change of data.
Therefore, the use of this web data display systems can improve the development efficiency at data exhibiting interface, shorten the cycle of data exhibiting interface development, make more domestic consumer can change data exhibiting pattern according to the demand of oneself, make the data exhibiting based on webpage become simpler.
Accompanying drawing explanation
Fig. 1 is the module diagram of web data display systems of the present invention;
Fig. 2 is the process flow diagram of the painting canvas using web data display systems of the present invention to create.
Embodiment
Below in conjunction with the accompanying drawing in the embodiment of the present invention, be clearly and completely described the technical scheme in the embodiment of the present invention, obviously, described embodiment is only the present invention's part embodiment, instead of whole embodiments.Based on the embodiment in the present invention, the every other embodiment that those of ordinary skill in the art obtain under the prerequisite of not making creative work, all belongs to the scope of protection of the invention.
Below in conjunction with the drawings and specific embodiments, the invention will be further described, but not as limiting to the invention.
As shown in Figure 1, a kind of web data display systems, comprising:
Terrain feature edit module 1, divides default multiple data display area on a blank webpage;
Stencil-chosen module 2, join domain editor module, is preset with multiple data display template in stencil-chosen module;
Stencil-chosen module 2 is for selecting corresponding data display template according to the instruction preset, and respectively each data display template is placed in corresponding data display area, wherein, the instruction preset can be the fixing instruction pre-set in a program, also can be the instruction of user's data display template relative set as required;
Data filtering module 3, connect stencil-chosen module 2, for screening the web data that outside inputs according to the condition preset, to determine at least one web pages data needing to show on webpage, wherein, the condition preset refers to carry out according to a certain denominator of data the condition that judges, screen, a certain denominator can comprise: CPU usage, the utilization rate etc. of SWAP (exchange partition) utilization rate and file system, does not limit the content that denominator specifically comprises in preferred embodiment of the present invention.And owing to can arrange multiple data display area, the corresponding web pages data in each region, so can show one or more groups web data on webpage;
Data stuffing module 4, connects stencil-chosen module 2 and data filtering module 3, respectively for entering in corresponding data display template by every web pages data stuffing respectively;
Release module 5, connection data packing module 4, for the filling result according to data stuffing module 4, synthesizes and issues corresponding webpage.
In an embodiment of the present invention, above-mentioned web data display systems, also comprises user management module 8, for providing the identification verification function of user, and the operating right of administrative login user, comprise the debarkation authentication of user, License Management, subscriber information management, subscriber group information management etc.
In an embodiment of the present invention, above-mentioned web data display systems, also comprises data source configuration module 9, connection data filtering module 3, for the Data Source of the web data of configuring external input.In one embodiment of the present of invention, in multinode monitoring scene, above-mentioned Data Source can for producing the different monitor node of monitor data.
In an embodiment of the present invention, above-mentioned web data display systems, wherein, terrain feature edit module 1 also for marking off at least one menu drawing field territory on webpage; The first menu configuration module 6 is also comprised in web data display systems, wherein be preset with multiple menu facility item, first menu configuration module 6 join domain editor module 1, for the selection instruction that basis is preset, select corresponding multiple menu facility item, and show in menu drawing field territory according to the order preset.Wherein, the selection instruction preset refers to the instruction pre-set as required, and e.g., the interpolation of web data, amendment, deletes, and confirms.Menu facility Xiang Kecheng horizontal stripe shape is positioned at the top of webpage, also can be positioned at the left side of webpage in vertical bar shape, also can be positioned at the right of webpage in vertical bar shape, also can be positioned at the bottom of webpage in horizontal stripe shape.
In preferred embodiment of the present invention, above-mentioned web data display systems, also comprise the second menu configuration module 7, wherein be preset with multiple operating function, the selection instruction that second menu configuration module 7 is preset for basis, respectively corresponding operating function is configured to the different input operation of user, wherein user can use right mouse button to open menu, eject a rectangular window, each order in menu is arranged in order from top to bottom in strip, and order comprises the interpolation of web data, amendment, delete, confirm.
In preferred embodiment of the present invention, above-mentioned web data display systems, wherein terrain feature edit module 1 is also for deleting through dividing the data display region obtained; And/or new data display region is added on the webpage through dividing.Wherein, region can be deleted, and merges, and splits, or interpolation etc.
In preferred embodiment of the present invention, above-mentioned web data display systems, wherein data display template comprises: the data display template shown in histogram mode; And/or with the data display template that panel board mode shows; And/or with the data display template that wheel disc mode shows.Wherein histogram refers to that the size equal proportion according to data shows the rectangular parallelepiped of corresponding height on figure.Panel board refers to a semicircle, which are displayed the scale of 0% to 100%, has a pointer, can vacillate now to the left, now to the right within the scope of it, so as to showing the percentage size of corresponding data.Wheel disc refers to a circular flat, is divided into multiple region above, can show the state of corresponding data in each region.
Fig. 2 is the process flow diagram using data integrated instrument panel configuration instrument of the present invention to create a painting canvas, and its step is as follows:
Step 1: create user, distributing user function privilege;
In preferred embodiment of the present invention, the user management module 8 that application is above described, performs the content described in step 1.
Step 2: new webpage painting canvas, comprises the name of painting canvas, the size of resolution, domain name, Foreground selection etc.;
In preferred embodiment of the present invention, application above-mentioned zone editor module 1, performs the content described in step 2.
Step 3: cutting canvas area, puts painting canvas layout;
In preferred embodiment of the present invention, application above-mentioned zone editor module 1, performs the content described in step 3.
Step 4: the Data Source of configuration painting canvas, comprises database IP, database instance, database user name, database password etc.;
In preferred embodiment of the present invention, the data source configuration module 9 that application is above described, performs the content described in step 4.
Step 5: put into default data display template in each canvas area;
In preferred embodiment of the present invention, applying template selects module 2 to perform the content described in above-mentioned steps 5, in stencil-chosen module 2, preset multiple data display template, and in each canvas area, put into default above-mentioned data display template in patterned mode.
Step 6: be that filtrator is set up in required algorithm data source according to data display template;
In preferred embodiment of the present invention, application data filtering module 3 performs above-mentioned steps 6, to screen data according to corresponding data display template and to filter.
Step 7: make data display template bind filtrator, configuration data shows template parameter.
In preferred embodiment of the present invention, apply above-mentioned data stuffing module 4, perform above-mentioned steps 7.
Step 8: being painting canvas configuration right mouse button menu function, as deleted, confirming.
In preferred embodiment of the present invention, the second menu configuration module 7 described in application above performs above-mentioned steps 8.
Step 9: preserve, issues painting canvas.
In preferred embodiment of the present invention, the release module 5 described in application above performs above-mentioned steps 9.
In a specific embodiment, employ this product development system monitoring view, for the monitoring project of rural credit cooperative.Which use terrain feature edit module 1 and Web-page segmentation is become top left region, lower left region and right area.
Wherein first from data source, input data, then in top left region, employ the wheel disc display mode in data display template, be used for the state of various indexs of the server showing each website, and click each website by left mouse button, and on wheel disc, show the sub-state of selected website.The various index situations of all websites represent by different colors respectively, and as green represents that index is healthy, the alarm of red expression index, yellow expression index is in poor shape, and this is filtered by the different pieces of information of data filtering module 3 to input and reaches.
Region on the right, also using the dynamic dotted line display mode in data display template, the main frame of the main frame of Surveillance center with each website is coupled together with netted form, and according to the difference of connection status, usage data filtering module 3 pairs of lines show different colors.
In lower left region, also using the panel board display mode in data display template, in order to show CPU usage and the SWAP utilization rate of each website respectively, and the selection of each website by left mouse button click aforesaid wheel disc display come.
In lower left region, below panel board display mode, also using the histogram display mode in data display template, in order to show the utilization rate of the file system of the main frame of each website respectively, and the selection of each website also by left mouse button click aforesaid wheel disc display come.Like this, this web data display systems uses mode intuitively to show the various states of each site hosts, is convenient to monitor and safeguard.
In sum, by using web data display systems, user can be allowed easily to use various visual means displaying web page based on data, and avoid loaded down with trivial details programmed tasks.
The foregoing is only preferred embodiment of the present invention; not thereby embodiments of the present invention and protection domain is limited; to those skilled in the art; should recognize and all should be included in the scheme that equivalent replacement done by all utilizations instructions of the present invention and diagramatic content and apparent change obtain in protection scope of the present invention.
Claims (7)
1. a web data display systems, is characterized in that, comprising:
Terrain feature edit module, divides default multiple data display area on a blank webpage;
Stencil-chosen module, connects described terrain feature edit module, is preset with multiple data display template in described stencil-chosen module;
Described stencil-chosen module is used for selecting corresponding described data display template according to the instruction preset, and respectively each described data display template is placed in corresponding described data display area;
Data filtering module, connects described stencil-chosen module, for screening the web data that outside inputs according to the condition preset, with web data described at least one group that determines to need to show on webpage;
Data stuffing module, connects described stencil-chosen module and described data filtering module respectively, for being packed in corresponding described data display template by often organizing described web data respectively;
Release module, connects described data stuffing module, for the filling result according to described data stuffing module, synthesizes and issues corresponding webpage.
2. web data display systems as claimed in claim 1, is characterized in that, also comprise: user management module, for providing the identification verification function of user, and the operating right of administrative login user.
3. web data display systems as claimed in claim 1, is characterized in that, also comprise: data source configuration module, connect described data filtering module, for the Data Source of the described web data of configuring external input.
4. web data display systems as claimed in claim 1, it is characterized in that, described terrain feature edit module also for marking off at least one menu drawing field territory on webpage;
Also comprise in described web data display systems:
First menu configuration module, is wherein preset with multiple menu facility item;
Described first menu configuration module connects described terrain feature edit module, for according to the selection instruction preset, selects corresponding multiple described menu facility item, and shows in described menu drawing field territory according to the order preset.
5. web data display systems as claimed in claim 1, is characterized in that, also comprise:
Second menu configuration module, is wherein preset with multiple operating function;
Described second menu configuration module is used for the selection instruction according to presetting, respectively to the different corresponding described operating function of input operation configuration of user.
6. web data display systems as claimed in claim 1, is characterized in that, described terrain feature edit module also for:
Delete through dividing the described data display region obtained; And/or
New described data display region is added on the webpage through dividing.
7. web data display systems as claimed in claim 1, it is characterized in that, described data display template comprises:
With the described data display template that histogram mode shows; And/or
With the described data display template that panel board mode shows; And/or
With the described data display template that wheel disc mode shows.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510163901.7A CN104699863A (en) | 2015-04-08 | 2015-04-08 | Webpage data display system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510163901.7A CN104699863A (en) | 2015-04-08 | 2015-04-08 | Webpage data display system |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN104699863A true CN104699863A (en) | 2015-06-10 |
Family
ID=53346983
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510163901.7A Pending CN104699863A (en) | 2015-04-08 | 2015-04-08 | Webpage data display system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104699863A (en) |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106528367A (en) * | 2015-09-15 | 2017-03-22 | 阿里巴巴集团控股有限公司 | Object monitoring method and apparatus |
| CN106933931A (en) * | 2015-12-31 | 2017-07-07 | 远光软件股份有限公司 | The display methods and device of a kind of web data |
| CN107515748A (en) * | 2017-08-15 | 2017-12-26 | 上海数聚软件系统股份有限公司 | Report Server Management interface creating method and file sharing method |
| CN108255969A (en) * | 2017-12-26 | 2018-07-06 | 平安科技（深圳）有限公司 | Visual Chart method for implementing page, device, terminal device and storage medium |
| CN108920511A (en) * | 2018-05-30 | 2018-11-30 | 北京奇艺世纪科技有限公司 | A kind of data filling method, device and electronic equipment |
| CN109521928A (en) * | 2018-09-11 | 2019-03-26 | 聚好看科技股份有限公司 | A kind of method for showing interface and device of operation platform |
| CN109753530A (en) * | 2018-12-27 | 2019-05-14 | 石更箭数据科技(上海)有限公司 | A kind of data processing method and its device, medium, terminal |
| CN113673211A (en) * | 2020-05-13 | 2021-11-19 | 百度在线网络技术（北京）有限公司 | Content tag setting method and device, electronic equipment and storage medium |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20010011265A1 (en) * | 1999-02-03 | 2001-08-02 | Cuan William G. | Method and apparatus for deploying data among data destinations for website development and maintenance |
| CN101807209A (en) * | 2010-04-14 | 2010-08-18 | 深圳市同洲电子股份有限公司 | Method and system for manufacturing webpage, client and server |
| KR20130041617A (en) * | 2011-10-17 | 2013-04-25 | 경북대학교 산학협력단 | Meditoloy system for large ontology data and the method |
| CN103631865A (en) * | 2013-11-01 | 2014-03-12 | 北京奇虎科技有限公司 | Webpage generating method and device |
| CN104408155A (en) * | 2014-12-04 | 2015-03-11 | 北京京东尚科信息技术有限公司 | Method and device for generating webpage codes, and system |
-
2015
- 2015-04-08 CN CN201510163901.7A patent/CN104699863A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20010011265A1 (en) * | 1999-02-03 | 2001-08-02 | Cuan William G. | Method and apparatus for deploying data among data destinations for website development and maintenance |
| CN101807209A (en) * | 2010-04-14 | 2010-08-18 | 深圳市同洲电子股份有限公司 | Method and system for manufacturing webpage, client and server |
| KR20130041617A (en) * | 2011-10-17 | 2013-04-25 | 경북대학교 산학협력단 | Meditoloy system for large ontology data and the method |
| CN103631865A (en) * | 2013-11-01 | 2014-03-12 | 北京奇虎科技有限公司 | Webpage generating method and device |
| CN104408155A (en) * | 2014-12-04 | 2015-03-11 | 北京京东尚科信息技术有限公司 | Method and device for generating webpage codes, and system |
Cited By (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106528367A (en) * | 2015-09-15 | 2017-03-22 | 阿里巴巴集团控股有限公司 | Object monitoring method and apparatus |
| CN106528367B (en) * | 2015-09-15 | 2019-01-29 | 阿里巴巴集团控股有限公司 | The monitoring method and device of object |
| CN106933931A (en) * | 2015-12-31 | 2017-07-07 | 远光软件股份有限公司 | The display methods and device of a kind of web data |
| CN107515748A (en) * | 2017-08-15 | 2017-12-26 | 上海数聚软件系统股份有限公司 | Report Server Management interface creating method and file sharing method |
| CN108255969A (en) * | 2017-12-26 | 2018-07-06 | 平安科技（深圳）有限公司 | Visual Chart method for implementing page, device, terminal device and storage medium |
| CN108920511A (en) * | 2018-05-30 | 2018-11-30 | 北京奇艺世纪科技有限公司 | A kind of data filling method, device and electronic equipment |
| CN108920511B (en) * | 2018-05-30 | 2022-04-22 | 北京奇艺世纪科技有限公司 | Data filling method and device and electronic equipment |
| CN109521928A (en) * | 2018-09-11 | 2019-03-26 | 聚好看科技股份有限公司 | A kind of method for showing interface and device of operation platform |
| CN109753530A (en) * | 2018-12-27 | 2019-05-14 | 石更箭数据科技(上海)有限公司 | A kind of data processing method and its device, medium, terminal |
| CN113673211A (en) * | 2020-05-13 | 2021-11-19 | 百度在线网络技术（北京）有限公司 | Content tag setting method and device, electronic equipment and storage medium |
| CN113673211B (en) * | 2020-05-13 | 2023-09-29 | 百度在线网络技术（北京）有限公司 | Content tag setting method, device, electronic equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104699863A (en) | Webpage data display system | |
| Cordeil et al. | IATK: An immersive analytics toolkit | |
| CA2951145C (en) | Page constructor and page constructing method | |
| CN106156350A (en) | The big data analysing method of a kind of visualization and system | |
| CN107704243A (en) | Construction method and device, the computer equipment and storage medium of front-end interface | |
| CN107122175B (en) | Interface creating method and device | |
| CN103778201A (en) | Large-screen visualization display system and method based on procedural model configuration | |
| CN104616207A (en) | Power grid topological visualization system and power grid topological visualization method | |
| CN110851134A (en) | Low-code page design device and page design method | |
| CN105446744A (en) | Internet based display material system and display material making method | |
| JPWO2014064819A1 (en) | System construction support tool and system | |
| CN105096363A (en) | Picture editing method and picture editing device | |
| CN106062711A (en) | Compound controls | |
| CN104866567A (en) | Method and apparatus for presenting business data | |
| CN110086665A (en) | A kind of network topological diagram methods of exhibiting based on jTopo | |
| CN109145034B (en) | Resource presentation method and device and computer terminal | |
| Mei et al. | Datav: Data visualization on large high-resolution displays | |
| CN111984902A (en) | Visual page configuration method, system, computer equipment and storage medium | |
| CN109388791A (en) | Chart Dynamic Display method, apparatus, computer equipment and storage medium | |
| CN109716294A (en) | With the user interface for moving mini label | |
| CN113535165A (en) | Interface generation method and device, electronic equipment and computer readable storage medium | |
| CN115840567A (en) | Application editing method and related equipment | |
| CN107122185A (en) | One kind shows method for the visualization of distribution network parameters category information | |
| CN103795799B (en) | A kind of long-distance monitoring method and system | |
| CN106415416A (en) | Rendering software |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | 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 |
Application publication date: 20150610 |
|
| RJ01 | Rejection of invention patent application after publication |