CN115599367A - Method for collecting and sorting energy big data and establishing visual platform - Google Patents
Method for collecting and sorting energy big data and establishing visual platform Download PDFInfo
- Publication number
- CN115599367A CN115599367A CN202211263612.0A CN202211263612A CN115599367A CN 115599367 A CN115599367 A CN 115599367A CN 202211263612 A CN202211263612 A CN 202211263612A CN 115599367 A CN115599367 A CN 115599367A
- Authority
- CN
- China
- Prior art keywords
- data
- webpage
- language
- information
- library
- 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 27
- 230000000007 visual effect Effects 0.000 title claims abstract description 19
- 230000003993 interaction Effects 0.000 claims abstract description 13
- 238000005516 engineering process Methods 0.000 claims description 43
- 230000006870 function Effects 0.000 claims description 27
- 208000025174 PANDAS Diseases 0.000 claims description 14
- 208000021155 Paediatric autoimmune neuropsychiatric disorders associated with streptococcal infection Diseases 0.000 claims description 14
- 240000004718 Panda Species 0.000 claims description 14
- 235000016496 Panda oleosa Nutrition 0.000 claims description 14
- 230000004044 response Effects 0.000 claims description 14
- 239000003086 colorant Substances 0.000 claims description 10
- 238000012545 processing Methods 0.000 claims description 9
- 238000007405 data analysis Methods 0.000 claims description 8
- 238000012800 visualization Methods 0.000 claims description 8
- 238000013079 data visualisation Methods 0.000 claims description 7
- 238000000605 extraction Methods 0.000 claims description 6
- 230000002452 interceptive effect Effects 0.000 claims description 6
- 238000012216 screening Methods 0.000 claims description 6
- 230000008859 change Effects 0.000 claims description 4
- 238000011161 development Methods 0.000 claims description 4
- 238000004458 analytical method Methods 0.000 claims description 3
- 230000005540 biological transmission Effects 0.000 claims description 3
- 238000004364 calculation method Methods 0.000 claims description 3
- 238000013480 data collection Methods 0.000 claims description 3
- 238000013461 design Methods 0.000 claims description 3
- 238000012423 maintenance Methods 0.000 claims description 3
- 238000013075 data extraction Methods 0.000 claims description 2
- 238000011160 research Methods 0.000 abstract description 4
- 230000003321 amplification Effects 0.000 abstract description 2
- 230000000694 effects Effects 0.000 abstract description 2
- 238000003199 nucleic acid amplification method Methods 0.000 abstract description 2
- 230000009466 transformation Effects 0.000 abstract description 2
- 238000007726 management method Methods 0.000 description 3
- 206010063385 Intellectualisation Diseases 0.000 description 2
- 238000013439 planning Methods 0.000 description 2
- 241000238413 Octopus Species 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 230000003137 locomotive effect Effects 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 230000008569 process Effects 0.000 description 1
- 238000013468 resource allocation Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- 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/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
- G06Q50/06—Energy or water supply
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Business, Economics & Management (AREA)
- Health & Medical Sciences (AREA)
- Economics (AREA)
- Data Mining & Analysis (AREA)
- Human Resources & Organizations (AREA)
- Public Health (AREA)
- Water Supply & Treatment (AREA)
- General Health & Medical Sciences (AREA)
- Computer Security & Cryptography (AREA)
- Marketing (AREA)
- Primary Health Care (AREA)
- Strategic Management (AREA)
- Tourism & Hospitality (AREA)
- General Business, Economics & Management (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention discloses a method for collecting, sorting and establishing a visual platform for energy big data, which comprises the following steps: firstly, determining collected data; secondly, designing the overall architecture of the data acquisition system; thirdly, designing a reasonable structural layout by using a webpage standard markup language; fourthly, customizing the display mode of each part of the webpage; fifthly, customizing and filling the graphics and the animation by adopting an Echarts webpage programming language; sixthly, completing data interaction; has the advantages that: the scientificity, correctness and authority of the data are realized to the maximum extent. The intelligent and efficient query and search of data and results are realized. An energy digital ecosystem for deeply applying energy information data can be constructed, the utilization and sharing efficiency of energy big data is improved, and the digital amplification, superposition and multiplication effects are released; the comprehensive research and judgment on the energy power information is completed, the value innovation of the energy power data is realized, and the digital transformation of companies is promoted.
Description
Technical Field
The invention relates to a method for acquiring, sorting and establishing a visual platform for big data, in particular to a method for acquiring, sorting and establishing a visual platform for energy big data.
Background
At present, with the rapid development of social economy, the construction of a novel power system is deepened continuously, the digitization, the informatization and the intellectualization of the power system are developed continuously, the data volume is further increased, and the traditional data analysis means can not meet the practical requirement that the power industry can acquire information from mass data quickly and intuitively. The application of the big data technology to the power system is an inevitable requirement for digitalization, informatization and intellectualization of the power system and is also a necessary way for constructing a novel power system. The problems that the value of electric power data is mined, information acquisition, information sharing and information display are intelligently completed, and a digital ecosystem for deep application of multi-dimensional information data is constructed are urgently needed to be solved.
Related fields at home and abroad also have mature data acquisition tool software, such as octopus, locomotive collectors and the like, but the tools are complex to use, have no fundamental personnel with longer learning time and difficult automatic acquisition, can not visually present data, can not be well integrated with a system based on a BS framework, and can not be quickly solved when meeting special problems.
Disclosure of Invention
The invention aims to provide a method for acquiring and sorting energy big data and establishing a visual platform, aiming at the problems of difficult acquirement, inaccurate and incomplete information, untimely updating and the like when power enterprise users acquire power information data through the Internet at present.
The invention provides a method for collecting, sorting and establishing a visual platform for energy big data, which comprises the following steps:
the method comprises the following steps that firstly, actual requirements of power enterprise users are determined according to specific requirement information of a power company, specific problem specific analysis is carried out on the basis of the actual requirements, and collected data are determined;
secondly, designing an overall architecture of the data acquisition system based on Python language, wherein the overall architecture is used for acquiring energy data information of a required website, and the overall architecture of a data acquisition system program is divided into an information data acquisition module, a data screening module and a data processing module;
(1) And information data acquisition: the module is a basic module of a data acquisition system, information data of a webpage is used for compiling a data acquisition system program through Python language, a request is sent to a target url by utilizing a requests tool library, and a response of the url is obtained, namely all data of the webpage are acquired;
firstly, a request is made in a mode of accessing a head disguised browser, response data is obtained by a request method with parameters, wherein the parameter data type is a dictionary and is used for automatically coding and splicing query parameters in a url address;
(2) And screening data: because the data acquired by the acquisition module in the data acquisition system program is all information of the target webpage, the Beautiful tool library is utilized to screen out the required key information and delete the redundant irrelevant data;
the Beautifulsoup is a library in Python and is used for analyzing html or xml files, the Beautifulsoup mainly comprises three selectors of a tag selector, a standard selector and a CSS selector, data analysis is performed by adopting the methods of the tag selector and the CSS selector, the tag selector utilizes tags to perform data extraction, if a title extraction function is used for extracting content defined as a title in a document, an object extraction function is used for extracting all content of a first target tag in the document, and if the required content is under any target tag, any object extraction function is used for extracting required information;
(3) And data processing and storing: the module is a core module of the whole data acquisition system, and because in an acquired target website, a small part of information is directly acquired and stored through the response of a requests library; however, in many webpages, the format of the required data is pictures or portable documents, and at this time, the collected data needs to be processed, and the data is converted into an excel file format by using a pandas tool library for storage;
after data are collected through a network data collection system, the data are stored, when the data volume is not large, a pandas library is used, the pandas library is a data analysis tool kit which is based on Python and is further developed on the basis of numerical calculation of an open source of the Python, data statistics and summarization can be directly carried out on a two-dimensional data table structure, the data are written into csv or excel files, and the data are stored into the excel files through the pandas library;
when information data of a target website is collected and when the target information data is a portable document, the portable document on the webpage is downloaded into a local folder, then the portable document file stored in the local folder is read by using a portable document reading library, the data is converted into an intermediary format by using a pandas library method, and finally table information data in the portable document file is written into an excel file;
thirdly, designing and typesetting by adopting html webpage standard markup language, and designing a reasonable structural layout by utilizing the webpage standard markup language in combination with data conditions and display requirements;
html5 is made up of different technologies, and combine a language of the scalable vector graphics, it is "skeleton" as the visualization project of the data, can customize overall layout and typesetting to the webpage, because it is a body architecture part of the visualization technology of the data, can use a simple sentence code to quote other languages of controlling "behavior" into it, so as to realize the meticulous logic property of the overall code, have guaranteed readability, expansibility, terse, modularization of the language of body architecture, because the language technology has more advanced local storage technology, reduce the characteristic of the response time of the application program will bring faster, more convenient experience for users, through the relevant arrangement based on html webpage standard mark language, make users visit from arbitrary terminal station of computer and mobile phone, and as a kind of common platform, users can run and look over the relevant disposition through the web page browser;
fourthly, customizing the display mode of each part of the webpage by adopting a cs language, and setting the fonts, the backgrounds, the positions and the colors of the related blocks uniformly by utilizing a cs technology based on the integral structural design of the webpage so as to realize the unification of simple change and integral attractiveness;
the page is decorated and beautified by using the cs style set, the cs is used as 'clothes' of a data visualization project, functions of defining style structure colors, fonts and positions are brought for a visualization technology, the cs is used as an externally expanded file, a lot of space is saved for an html theme frame part, the cs provides rich appearance styles, such as functions of setting texts, font colors, font styles and background selection, formats set in an html file can be individually designed by using the language, the cs styles are independently stored in a file named as cs, portability and simplicity are kept for the html main body structure file, and only corresponding statements are found in the cs file to be modified when the styles need to be modified;
designing an interactive visual media, selectively designing colors and visual layers, and placing a working area in an editing area for placing visual elements and changing the appearance of a webpage;
fifthly, customizing and filling the graphics and the animation by adopting an Echarts webpage programming language, and modifying the relevant configuration of the example based on an Echarts official gallery to obtain the required graphics and animation;
echarts is a graphic library of JavaScript language, can realize customizing interactive animation, use the file of external js format to put the necessary customized graphics and animation code into it, introduce a simple sentence in html file and realize that displays graphics and animation in the webpage, have guaranteed the tidiness, lightweight of the content of html file;
sixthly, realizing the function of front-end and back-end data interaction by using a flash frame and asynchronous JavaScript and XML technologies, and realizing dynamic and partial reloading updating of front-end and back-end data by using the flash frame and the asynchronous JavaScript and XML technologies to finish data interaction;
flash is a light-weight customization frame that can compile based on Python, has and compares in other more nimble, high-efficient, light characteristics of frame, possess Python's template engine simultaneously, can improve the rate of reusability to the front end code, the maintenance in the later stage of being convenient for and efficiency when improving the development, its theory of operation is: the view function is allocated to the url, when a user accesses the url, the system executes the view function allocated to the url, and the obtained return value is displayed in a browser;
asynchronous JavaScript and XML technology are used as a technology for enabling the webpage interaction function to be better and faster, incremental updating can be rapidly presented in a webpage without refreshing or reloading the whole webpage, rapid response to user operation is achieved, a client/server architecture is created, a client can interact on an image webpage based on the asynchronous JavaScript and XML technology, the efficiency of program interaction can be improved by using the asynchronous JavaScript and XML technology transmission technology, data can be updated in real time after the technology is applied, the processing speed is improved, and the server load is reduced.
The invention has the beneficial effects that:
the method for collecting, sorting and establishing the visual platform of the energy big data can better and more quickly find and process problems in time by monitoring the change of the electric power information data, improve the working capacity, efficiency and level, and comprehensively improve the strategic planning capacity, the resource allocation capacity, the management and control service capacity and the value creation capacity. The method has the following advantages:
(1) The current advanced informatization means is comprehensively utilized, the research result is ensured to be based on powerful information data analysis, and the scientificity, correctness and authority of the data are realized to the maximum extent.
(2) The intelligent energy company intelligent query system can strengthen the intellectual property and information management of energy companies, realize the storage, management and update of data, assist the compiling of annual reports and planning research reports, and realize the intelligent and efficient query and search of data and results.
(3) The energy digital ecosystem for deepening application of energy information data can be constructed, the utilization and sharing efficiency of energy big data is improved, and the digital amplification, superposition and multiplication effects are released; the comprehensive research and judgment on the energy power information is completed, the value innovation of the energy power data is realized, and the digital transformation of companies is promoted.
Drawings
Fig. 1 is a schematic flow chart of a method for acquiring, sorting and establishing a visualization platform for energy big data according to the invention.
Detailed Description
Please refer to fig. 1:
the invention provides a method for collecting, sorting and establishing a visual platform for energy big data, which comprises the following steps:
the method comprises the first step of obtaining specific requirement information of a power company. The actual requirements of power enterprise users are determined, specific problem specific analysis is carried out on the basis of the actual requirements, and collected data are determined.
And secondly, designing an overall architecture of the data acquisition system based on Python language for acquiring the energy data information of the required website, wherein the overall architecture of the data acquisition system program is divided into an information data acquisition module, a data screening module and a data processing module.
(1) Information data acquisition: the module is a basic module of a data acquisition system, information data of a webpage can write a data acquisition system program through Python language, a request is sent to a target url by utilizing a requests tool library, the response of the url is obtained, and all data of the webpage are acquired.
Because part of websites do not allow the data acquisition system program to collect information, firstly, a head disguised browser access mode is adopted to request, response data is obtained by a request method with parameters, wherein the parameter data type is a dictionary, and the parameter data type is used for automatically coding and splicing query parameters in url addresses.
(2) And (3) screening data: because the data acquired by the program acquisition module of the data acquisition system is all information of the target webpage, the Beautiful tool library is utilized to screen out the required key information and delete the redundant irrelevant data.
The beautifuloup is a library in Python and is used for analyzing html or xml files, and mainly comprises three selectors, namely a label selector, a standard selector and a CSS selector. And (4) adopting a label selector and a CSS selector to perform data analysis. The label selector utilizes the labels to extract data, such as extracting a title function to extract the contents defined as a title in the document, and extracting an objective function to extract all the contents of the first target label in the document. Further, if the desired content is under any target label, then any target function may be extracted to extract the desired information.
(3) Data processing and storage: the module is a core module of the whole data acquisition system, and in the acquired target website, a small part of information can be directly acquired and stored through the response of a requests library; however, in many web pages, the format of the required data is pictures or portable documents, and at this time, the collected data needs to be processed, and the data is converted into an excel file format by using a pandas tool library for storage.
After data is collected by the network data collection system, the data is stored. The database is not used here for the time being, considering that the amount of data is not large. Instead, a pandas library is used, which is a data analysis toolkit based on Python and further developed on the basis of an open-source numerical calculation of Python, and can directly perform data statistics and summarization on a two-dimensional data table structure and write data into csv or excel files. And storing the data into an excel file by using a pandas library.
When collecting information data of a target website, a situation that the target information data is a portable document may be encountered. At this time, the portable document on the webpage is downloaded into the local folder, then the portable document reading library is used for reading the portable document file stored in the local folder, the data is converted into the medium format by using the pandas library method, and finally the table information data in the portable document file is written into the excel file.
And thirdly, designing and typesetting by adopting html webpage standard markup language. And designing a reasonable structural layout by using a webpage standard markup language according to the data conditions and the display requirements.
html5 is a language consisting of different technologies and incorporating scalable vector graphics. The method is used as a skeleton of a data visualization project, and can be used for personalized customization of the overall layout and typesetting of the webpage. Because the data visualization system is used as a main framework part of the data visualization technology, other languages for controlling the behavior can be cited in the data visualization system by a simple sentence of code. Therefore, meticulous logic performance of the whole code is realized, and the readability, expansibility, simplicity and modularization related configuration of the main body architecture language are ensured. Because the language technology has a more advanced local storage technology, the characteristic of reducing the response time of the application program brings faster and more convenient experience for users. Through the relevant setting based on the html webpage standard markup language, a user can access from any terminal such as a computer and a mobile phone. As a general platform, the user can run and view the relevant configuration through a web browser.
And fourthly, customizing the display mode of each part of the webpage by adopting a cs language. Based on the overall structural design of the webpage, the cs technology is utilized to uniformly set the fonts, the backgrounds, the positions, the colors and the like of the related blocks, and the unification of simple change and overall attractiveness is realized.
The pages will be decorated and beautified using the cs style set. The css serves as 'clothes' of a data visualization project and brings functions of defining colors, fonts, positions and the like of the style structure for the visualization technology. As an externally extended file, a lot of space is saved for the html theme framework part. The css provides rich appearance styles, such as setting text, font color, font style, background selection, and the like. The format set in the html file can be personalized in that language. The css style is separately stored in a file named css, and portability and simplicity are kept for the html body structure file. When the style needs to be modified, only the corresponding statement is found in the css file to be modified.
An interactive visual medium is designed, and color and visual layers are selected and designed. And a working area is arranged in the editing area and used for placing visual elements and changing the appearance of the webpage.
And fifthly, designing the customized and filled graphics and animations by adopting the Echarts webpage programming language. Based on the Echarts official gallery, the relevant configuration of the examples is modified to obtain the required graphics and animations.
Echarts is a graphics library of JavaScript language, and can realize the customization of interactive animation. The external js format file is used to place the desired customized graphics and animation code into it. And a simple sentence is introduced into the html file to realize the display of the graphics and the animation in the webpage. The neatness and the lightness of the html file content are ensured.
And sixthly, realizing the function of front-end and back-end data interaction by using a flash frame and asynchronous JavaScript and XML technologies. Dynamic and partial reloading updating of front-end and back-end data is realized by using a flash frame and asynchronous JavaScript and XML technologies, and data interaction is completed.
The flash is a lightweight customized frame which can be compiled based on Python, has the characteristics of flexibility, high efficiency and lightness compared with other frames, and has a template engine of Python, so that the reusability of front-end codes can be improved, later maintenance is facilitated, and the development efficiency is improved. The working principle is as follows: and allocating the view function to the url, executing the view function allocated to the url by the system when the user accesses the url, and displaying the acquired return value in the browser.
Asynchronous JavaScript and XML technology are used as a technology for enabling the webpage interaction function to be better and faster, incremental updates can be quickly presented in the webpage without refreshing (reloading) the whole webpage again, and the function of quickly responding to user operation is realized. The invention creates a client/server architecture, and the client can interact on the image webpage based on asynchronous JavaScript and XML technology. The transmission technology using asynchronous JavaScript and XML technology can improve the efficiency of program interaction. After the technology is applied, the data can be updated in real time, the processing speed is improved, and the burden of a server is reduced.
Claims (1)
1. A method for collecting, sorting and establishing a visual platform of energy big data is characterized by comprising the following steps: the method comprises the following steps:
the method comprises the following steps that firstly, actual requirements of power enterprise users are determined according to specific requirement information of a power company, specific problem specific analysis is carried out on the basis of the actual requirements, and collected data are determined;
secondly, designing an overall architecture of a data acquisition system based on Python language, wherein the overall architecture is used for acquiring energy data information of a required website, and the overall architecture of a data acquisition system program is divided into an information data acquisition module, a data screening module and a data processing module;
(1) Acquiring information data: the module is a basic module of a data acquisition system, information data of a webpage is used for compiling a data acquisition system program through Python language, a request is sent to a target url by utilizing a requests tool library, and a response of the url is obtained, namely all data of the webpage are acquired;
firstly, a request is made in a mode of accessing a head disguised browser, response data is obtained by a request method with parameters, wherein the parameter data type is a dictionary and is used for automatically coding and splicing query parameters in a url address;
(2) And screening data: because the data acquired by the acquisition module in the data acquisition system program is all information of the target webpage, the Beautiful tool library is utilized to screen out the required key information and delete the redundant irrelevant data;
the method comprises the steps that Beautifulsoup is a library in Python and used for analyzing html or xml files, the Beautifulsoup is mainly provided with three selectors, namely a tag selector, a standard selector and a CSS selector, data analysis is carried out by adopting methods of the tag selector and the CSS selector, the tag selector utilizes tags to carry out data extraction, if a title extraction function is used for extracting contents defined as titles in a document, an object extraction function is used for extracting all contents of a first target tag in the document, and if the required contents are under any target tag, any object extraction function is used for extracting required information;
(3) And data processing and storing: the module is a core module of the whole data acquisition system, and in the acquired target website, a small part of information is directly acquired and stored through the response of a requests library; however, in many webpages, the format of the required data is pictures or portable documents, and at this time, the collected data needs to be processed, and the data is converted into an excel file format by using a pandas tool library for storage;
after data are collected through a network data collection system, the data are stored, when the data volume is not large, a pandas library is used, the pandas library is a data analysis tool kit which is based on Python and is further developed on the basis of numerical calculation of an open source of the Python, data statistics and summarization can be directly carried out on a two-dimensional data table structure, the data are written into csv or excel files, and the data are stored into the excel files through the pandas library;
when target website information data are collected and the target information data are portable documents, the portable documents on the webpage are downloaded into a local folder, then portable document files stored in the local folder are read by using a portable document reading library, the data are converted into an intermediary format by using a pandas library method, and finally form information data in the portable document files are written into an excel file;
thirdly, designing and typesetting by adopting html webpage standard markup language, and designing a reasonable structural layout by utilizing the webpage standard markup language in combination with data conditions and display requirements;
html5 is made up of different technologies, and combine a language of the scalable vector graphics, it is as the "skeleton" of the visualization project of the data, can make the whole layout and typesetting of the webpage customize, because it is as the body architecture part of the visualization technology of the data, can reference other languages of controlling "behavior" into it with a simple sentence of code, so realize the meticulous logic property of the whole code, has guaranteed the readability, expansibility, succinct, modularized relevant disposition of the body architecture language, because the language technology has more advanced local storage technology, reduce the characteristic of the response time of the application program will bring faster, more convenient experience for users, through the relevant arrangement based on html webpage standard mark-up language, make users visit from any terminal of computer and mobile phone, and as a kind of common platform, users can operate and look over the relevant disposition through the webpage browser;
fourthly, customizing the display mode of each part of the webpage by adopting a cs language, and setting the fonts, the backgrounds, the positions and the colors of the related blocks uniformly by utilizing a cs technology based on the integral structural design of the webpage so as to realize the unification of simple change and integral attractiveness;
the page is decorated and beautified by using the cs style set, the cs is used as 'clothes' of a data visualization project, functions of defining style structure colors, fonts and positions are brought for a visualization technology, the cs is used as an externally expanded file, a lot of space is saved for an html theme frame part, the cs provides rich appearance styles, such as functions of setting texts, font colors, font styles and background selection, formats set in an html file can be individually designed by using the language, the cs styles are independently stored in a file named as cs, portability and simplicity are kept for the html main body structure file, and only corresponding statements are found in the cs file to be modified when the styles need to be modified;
designing an interactive visual media, selectively designing colors and visual layers, and placing a working area in an editing area for placing visual elements and changing the appearance of a webpage;
fifthly, customizing and filling the graphics and the animation by adopting an Echarts webpage programming language, and modifying the relevant configuration of the example based on an Echarts official gallery to obtain the required graphics and animation;
echarts is a graphic library of JavaScript language, can realize customizing interactive animation, use the external js format file to put the required customized graphics and animation codes into it, introduce a simple statement in html file to realize that displays graphics and animation in the webpage, have guaranteed the tidiness, lightweight of the content of html file;
sixthly, realizing the function of front-back end data interaction by using a flash frame and asynchronous JavaScript and XML technologies, and realizing dynamic and partial reloading type updating of front-back end data by using the flash frame and the asynchronous JavaScript and XML technologies to finish data interaction;
flash is a light-weight customization frame that can compile based on Python, has and compares in other more nimble, high-efficient, light characteristics of frame, possess Python's template engine simultaneously, can improve the rate of reusability to the front end code, the maintenance in the later stage of being convenient for and efficiency when improving the development, its theory of operation is: the view function is allocated to the url, when a user accesses the url, the system executes the view function allocated to the url, and the obtained return value is displayed in a browser;
asynchronous JavaScript and XML technology are used as a technology for enabling the webpage interaction function to be better and faster, incremental updating can be enabled to be presented in a webpage quickly without refreshing or reloading the whole webpage, quick response to user operation is achieved, a client/server architecture is created, a client can interact on an image webpage based on the asynchronous JavaScript and XML technology, the efficiency of program interaction can be improved by using asynchronous JavaScript and XML technology transmission technology, data can be updated in real time after the technology is applied, the processing speed is improved, and the server load is reduced.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211263612.0A CN115599367A (en) | 2022-10-16 | 2022-10-16 | Method for collecting and sorting energy big data and establishing visual platform |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211263612.0A CN115599367A (en) | 2022-10-16 | 2022-10-16 | Method for collecting and sorting energy big data and establishing visual platform |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115599367A true CN115599367A (en) | 2023-01-13 |
Family
ID=84847065
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211263612.0A Pending CN115599367A (en) | 2022-10-16 | 2022-10-16 | Method for collecting and sorting energy big data and establishing visual platform |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115599367A (en) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116866391A (en) * | 2023-09-01 | 2023-10-10 | 睿至科技集团有限公司 | Big data-based energy data acquisition method and system |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110633082A (en) * | 2019-09-26 | 2019-12-31 | 山东浪潮商用系统有限公司 | Dynamic data display method and system combining echart and html |
CN110727947A (en) * | 2019-09-17 | 2020-01-24 | 苏州科达科技股份有限公司 | Security vulnerability processing method, device, equipment and readable storage medium |
CN111813874A (en) * | 2020-09-03 | 2020-10-23 | 中国传媒大学 | Terahertz knowledge graph construction method and system |
CN112214541A (en) * | 2020-09-04 | 2021-01-12 | 江苏方天电力技术有限公司 | Deep decoupling and data cooperation method for power monitoring data |
CN113110993A (en) * | 2021-04-12 | 2021-07-13 | 深圳市吉祥腾达科技有限公司 | Method for integrating and butting testlink system by automatic test platform |
CN114047916A (en) * | 2021-10-27 | 2022-02-15 | 华北水利水电大学 | Python language-based epidemic situation big data visualization method |
CN114896417A (en) * | 2022-05-20 | 2022-08-12 | 郑州轻工业大学 | Method for constructing computer education knowledge graph based on knowledge graph |
-
2022
- 2022-10-16 CN CN202211263612.0A patent/CN115599367A/en active Pending
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110727947A (en) * | 2019-09-17 | 2020-01-24 | 苏州科达科技股份有限公司 | Security vulnerability processing method, device, equipment and readable storage medium |
CN110633082A (en) * | 2019-09-26 | 2019-12-31 | 山东浪潮商用系统有限公司 | Dynamic data display method and system combining echart and html |
CN111813874A (en) * | 2020-09-03 | 2020-10-23 | 中国传媒大学 | Terahertz knowledge graph construction method and system |
CN112214541A (en) * | 2020-09-04 | 2021-01-12 | 江苏方天电力技术有限公司 | Deep decoupling and data cooperation method for power monitoring data |
CN113110993A (en) * | 2021-04-12 | 2021-07-13 | 深圳市吉祥腾达科技有限公司 | Method for integrating and butting testlink system by automatic test platform |
CN114047916A (en) * | 2021-10-27 | 2022-02-15 | 华北水利水电大学 | Python language-based epidemic situation big data visualization method |
CN114896417A (en) * | 2022-05-20 | 2022-08-12 | 郑州轻工业大学 | Method for constructing computer education knowledge graph based on knowledge graph |
Non-Patent Citations (3)
Title |
---|
姬鹏超: "MR数据分析与可视化系统的设计与实现", 《中国优秀硕士学位论文全文数据库 信息科技辑》, no. 03, 15 March 2018 (2018-03-15), pages 136 - 894 * |
娄岩: "《PYTHON程序设计基础=PYTHON PROGRAMMING BASICS》", 31 January 2021, 机械工业出版社, pages: 161 - 167 * |
王瑞梅: "网络招聘数据可视化分析系统的设计与实现", 《中国优秀硕士学位论文全文数据库 社会科学Ⅱ辑》, no. 07, 15 July 2020 (2020-07-15), pages 126 - 62 * |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116866391A (en) * | 2023-09-01 | 2023-10-10 | 睿至科技集团有限公司 | Big data-based energy data acquisition method and system |
CN116866391B (en) * | 2023-09-01 | 2023-11-14 | 睿至科技集团有限公司 | Big data-based energy data acquisition method and system |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN101706821B (en) | Tag-based mobile internet page design system and method | |
CN110717317B (en) | On-line artificial Chinese text marking system | |
CN101593186B (en) | Visual website editing method and visual website editing system | |
CN101714133A (en) | WEB-based mathematical formula editing system and method | |
CN103166981B (en) | A kind of radio web page code-transferring method and device | |
CN103136317A (en) | Implement method of on-line examination and approval informatization of engineering contracts in engineering management system | |
US20140006913A1 (en) | Visual template extraction | |
CN104142826A (en) | Method, device and system for constructing page | |
CN101739415A (en) | Browser-oriented webpage labeling system | |
CN109656552B (en) | Method for automatically converting design drawing into webpage based on box model | |
CN109710250B (en) | Visualization engine system and method for constructing user interface | |
CN111309313A (en) | Method for quickly generating HTML (hypertext markup language) and storing form data | |
US20140089827A1 (en) | Assisting graphical user interface design | |
CN110297636A (en) | A kind of automatic production of HTML page and parameter management method based on page configuration file, system and device | |
CN106503211A (en) | Information issues the method that the mobile edition of class website is automatically generated | |
CN102364437A (en) | Multi-language site development system and implementation method thereof | |
CN115599367A (en) | Method for collecting and sorting energy big data and establishing visual platform | |
CN113283216A (en) | Webpage content display method, device, equipment and storage medium | |
CN117931852A (en) | Intelligent query and visualization method based on natural language processing | |
KR100522186B1 (en) | Methods for dynamically building the home page and Apparatus embodied on the web therefor | |
CN103699520A (en) | Font processing method for maintaining e-document layout | |
CN106033348A (en) | Webpage making method, device and electronic equipment | |
CN114356291A (en) | Method, device, equipment and medium for generating form based on configuration file | |
Aryal | Bootstrap: a front-end framework for responsive web design | |
CN116009863B (en) | Front-end page rendering method, device and storage medium |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |