CN114547516A - Railway station yard graph processing method and system - Google Patents
Railway station yard graph processing method and system Download PDFInfo
- Publication number
- CN114547516A CN114547516A CN202210016926.4A CN202210016926A CN114547516A CN 114547516 A CN114547516 A CN 114547516A CN 202210016926 A CN202210016926 A CN 202210016926A CN 114547516 A CN114547516 A CN 114547516A
- Authority
- CN
- China
- Prior art keywords
- end server
- yard graph
- station yard
- data
- station
- 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
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/986—Document structures and storage, e.g. HTML extensions
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention discloses a method and a system for processing a railway station yard graph. The method comprises the steps that S1, a front-end server responds to an instruction for acquiring the station yard graph data sent by a terminal of a user, broadcasts an http request containing a command of requiring to acquire the station yard graph data to a rear-end server, and sends the station yard graph data to the front-end server; s2, after the back-end server receives an http request of the front-end server for requesting to read the station yard graph data of the station yard graph name, reading the station yard graph data from the database; s3, broadcasting the station yard graph data in the json format to a front-end server by the back-end server in an http request mode; s4, the front-end server responds to the received http request containing the station yard graph data in the json format, deserializes the station yard graph data in the json format and converts the station yard graph data into javascript codes of the station yard graph; and S5, the front-end server generates each html element object of the site map according to the site map class library, the graphical operation interface of the graphical operation interface and the javascript code of the site map, and displays the site map formed by all the html element objects in the canvas area.
Description
Technical Field
The invention relates to a railway station yard graph processing method and a system, belonging to the technical field of webpage development.
Background
The B/S architecture is referred to collectively as Browser/Server, i.e., Browser/Server architecture. Browser refers to a Web Browser, with very little transactional logic implemented on the front end, but the main transactional logic on the server side. The B/S system does not need to be specially installed, and only a Web browser is needed.
One mode of implementation of the B/S architecture is as shown in FIG. 6, including a client, a server, and a database. Firstly, a client initiates an Http request to a server; then the web service layer in the server can process the Http request, the application layer part in the server calls the business logic and calls the method on the business logic, if necessary, the server exchanges data with the database, and then the template + data is rendered into the final Html which is sent back to the client.
However, the yard graph software of the existing railway system adopts the C/S architecture, and the editing and displaying are implemented by two independent software. Modifying the site map requires importing new information into the system catalog of the site map presentation software and then restarting the loading to display.
Disclosure of Invention
The invention aims to solve the technical problem of providing a railway station yard graph processing method.
Another technical problem to be solved by the present invention is to provide a railway yard graph processing system.
In order to achieve the technical purpose, the invention adopts the following technical scheme:
a railway station map processing method is characterized by comprising the following steps:
s1, a front-end server responds to an instruction for acquiring station yard graph data sent by a user terminal, broadcasts an http request containing a command of requiring to acquire the station yard graph data to a rear-end server, requires the station yard graph data corresponding to the station yard graph read from a database by the rear-end server, and sends the station yard graph data to the front-end server;
and S2, after the back-end server receives an http request of the front-end server for reading the station yard graph data of the station yard graph name, reading the station yard graph data from the database.
And S3, the rear-end server broadcasts the station yard graph data in the json format to the front-end server in an http request mode.
S4, the front-end server responds to an http request containing the station yard graph data in the json format, deserializes the station yard graph data in the json format and converts the station yard graph data into javascript codes of the station yard graph;
and S5, the front-end server generates each html element object of the site map according to the site map class library, the graphical operation interface of the graphical operation interface and the javascript code of the site map, and displays the site map formed by all the html element objects in the layout area.
Preferably, the station yard graph data is generated in the following manner: the front-end server can convert the site diagram edited in the canvas area into a site diagram javascript code by using the site diagram class library and the graphic operation interface, and then the javascript code is serialized to generate the site diagram data in the json format.
Preferably, the back-end server verifies the legitimacy and rationality of the http request received from the front-end server.
Preferably, the front-end server converts the javascript code of the site map into a form suitable for the browser display used by the user terminal.
Preferably, the method further comprises the following steps:
the front-end server loads a station yard graph library in response to receiving a station yard graph editing instruction sent by the terminal, and enters an editing mode;
the front-end server correspondingly changes the javascript code of the graphic object according to an operation command in the drawing area sent by the terminal;
the method comprises the steps that when a front-end server identifies that a user selects a graphic object to bind monitoring equipment, equipment names of all the monitoring equipment in a station are displayed;
the front-end server adds the equipment ID corresponding to the equipment name in the javascript code of the graphic object according to the equipment name selected by the user;
after recognizing that a user executes an instruction for storing a station yard graph, the front-end server serializes javascript codes of all graphic objects in the station yard graph to generate station yard graph data in a json format;
the front-end server broadcasts the station yard graph data in the json format to the rear-end server in an http request mode;
and after receiving the http request containing the station yard graph data in the json format, the back-end server stores the station yard graph data in the json format in a database.
Preferably, the front-end server verifies the user authority of the terminal sending the instruction for editing the station yard graph, and if the authority is incorrect, the instruction is discarded.
Preferably, the method further comprises the following steps:
the monitoring equipment sends monitoring data to a database in the back-end server at regular time;
the back-end server stores the monitoring data in a storage area corresponding to the equipment ID according to the corresponding relation between the address of the monitoring equipment and the equipment ID;
the back-end server reads the monitoring data and the equipment ID corresponding to the monitoring data from the database;
the back-end server broadcasts the read monitoring data and the device ID corresponding to the monitoring data to the front-end server in a http request mode at regular time;
the front-end server identifies a command which is sent by the terminal and used for reading monitoring data of monitoring equipment corresponding to a specific graphic object in the station diagram, and displays the monitoring data corresponding to the equipment ID on a webpage according to the equipment ID bound by the graphic ID of the graphic object.
Preferably, the back-end server judges the monitoring data after receiving the monitoring data of the monitoring device, and determines whether to generate the alarm information according to the judgment result.
Preferably, if the alarm information is judged to be generated, the alarm information is packaged in the http request and is broadcast to the front-end server.
A railway station yard graph processing system comprises a front-end server, a back-end server and a database and is used for executing the railway station yard graph processing method.
The invention has the following technical effects: the graphic editing and the graphic display are integrated, the current situation of the separated operation of the railway system is changed, the real-time modification and display can be realized, the operation is more convenient, and the efficiency is improved; a B/S architecture is utilized to construct a system, so that unified storage, processing, analysis and mining of data can be realized, and convenience is provided for intelligent analysis of next big data.
Drawings
FIG. 1 is an example of a graphical element included in a yard graph in an embodiment of the present invention;
fig. 2 is an example of a site map in an embodiment of the present invention;
FIG. 3 is a schematic block diagram of the yard graph class library function in an embodiment of the present invention;
FIG. 4 is a diagram of serialized json-formatted yard graph data in accordance with an embodiment of the present invention;
FIG. 5 is a back-end server storage data structure according to an embodiment of the present invention;
FIG. 6 is a diagram of a B/S architecture in the prior art.
Detailed Description
The technical contents of the present invention will be described in detail below with reference to the accompanying drawings and specific embodiments.
The application scene of the method is a terminal used by a user, a front-end server, a back-end server (a database is arranged in the back-end server, and the back-end server can also comprise a database server if the database is not positioned in the back-end server), and monitoring equipment on a platform. The user can directly edit and acquire the site map and the information of the equipment corresponding to each graphic object in the site map on the webpage positioned on the front-end server.
The terminal can log in a webpage stored in the front-end server and call the site diagram and data of the monitoring equipment corresponding to the graphic object in the site diagram from the webpage.
The front-end server is used for storing the webpage for acquiring the site map, generating and calling a class library and a graphic operation interface which are necessary for the site map, and acquiring data in the database from the back-end server by broadcasting an http request to the back-end server or receiving an http broadcast from the back-end server.
The back-end server is used for reading data related to the station yard graph from the database and sending the read mobile phone to the front-end server; or store data associated with the site map from the front-end server in a database.
The database can be located in a back-end server, and a special server is possible. The database is in real-time communication with the monitoring equipment, and the monitoring data of the monitoring equipment is obtained and stored.
The monitoring equipment is used for monitoring the state of specific equipment in the station diagram and transmitting the monitoring data to the database for storage. For example, a monitoring device is used for monitoring the state of a relay, and may be a current sensor with a communication function, where when the monitored relay is closed, a loop in which the current sensor is located has a certain amount of current, otherwise there is no current. The database can directly store the current value information at each moment, and can also judge whether the relay is closed or not through a program in the database and store the information whether the relay is closed or not. For another example, the database server or the back-end server needs to monitor the online state of one station in the station yard, and the database server or the back-end server can automatically time PING stations, judge whether the station is online according to the response, and store the information of whether the station is online in the database.
The method of the invention is mainly different from the prior art in that the station yard graph can be edited and called in the environment of web pages, and the data of each monitoring device in the station yard graph can be obtained, while the prior art must use special monitoring software and editing software, the station yard graph can be called and the data of each monitoring device in the station yard graph can be obtained in the environment of the monitoring software, and the station yard graph can be edited in the environment of the editing software.
The method of the invention comprises the following steps:
s1, a front-end server responds to a command of obtaining a station yard graph sent by a user terminal, broadcasts an http request containing a command of requiring to obtain station yard graph data to a rear-end server, requires the rear-end server to read station yard graph data corresponding to the station yard graph from a database, and sends the station yard graph data to the front-end server;
the terminal can be a mobile phone, a computer tablet or a computer, and can access a webpage of the station yard graph located in the front-end server through the communication mode of the internet, WIFI or Bluetooth. The timing of the instruction for acquiring the site map sent by the terminal may be to recognize that the user clicks a button for acquiring the site map, or to recognize that the terminal accesses a page of the site map.
The command "requires acquisition of the yard graph data" may be specific data for acquiring the yard graph. And the back-end server receives the specific data and determines that the front-end server needs to acquire the station yard graph data.
The station yard graph is composed of graphic objects set by a user, and each graphic object corresponds to one monitoring device in the station yard. The yard graph data is used to restore the yard graph in the class library and the graphical interface of the front end server. The station yard graph data generally comprises graphic elements of all graphic objects in the station yard graph, position information, style information (information such as colors and scaling), a graphic ID, description information (which can be set by a user) and a binding device ID, wherein the position information can be character strings of a json structure, the position information controls the display position of a legend on a canvas through x and y, the display size of the legend is controlled through width and height, the style information is organized in a key value mode, the middle part is divided into marks, the font of the graphic description information is controlled through font, the font size of the graphic description information is controlled through fontSize, the border color of the graphic is controlled through color, and the html style of the graphic is controlled through css.
The station yard graph data may be generated in the following manner: the front-end server can convert the site map edited in the canvas area into a site map javascript code by using the site map class library and the graphic operation interface, and then the javascript code is serialized to generate site map data in a json format.
And S2, after the back-end server receives an http request of the front-end server for reading the station yard graph data of the station yard graph name, reading the station yard graph data from the database.
After receiving the request for reading the yard graph data of the yard graph name, the back-end server searches all relevant data of the yard graph (for example, the graph IDs of all the graph objects in the yard graph, the device IDs bound by the graph IDs, and other relevant data are determined) in the database, and integrates the data into the yard graph data in the json format.
The data stored in the database is generally stored by category, such as a graphic ID, style information corresponding to the graphic ID, a device ID bound to the graphic ID, monitoring data of the device ID, and the like, and all graphic IDs corresponding to the station map name. The format of the data stored in the database may be in json format.
Further, the back-end server may verify the legitimacy and rationality of the http request received from the front-end server. Legitimacy verification, that is, when the input and output of the front-end server send data to the back-end server, in order to prevent hacker attacks, the data is encrypted by MD5 (Message-Digest Algorithm), and the back-end server verifies the legitimacy of the data encrypted by MD 5. And (4) verifying the reasonability, namely the back-end server verifies the authority of the account contained in the information sent by the front-end server, if the authority is accordant, the http request is reasonable, and if the authority is not accordant, the http request is discarded.
And S3, the rear-end server broadcasts the station yard graph data in the json format to the front-end server in an http request mode.
S4, the front-end server responds to an http request containing the station yard graph data in the json format, deserializes the station yard graph data in the json format and converts the station yard graph data into javascript codes of the station yard graph;
further, the front-end server may verify the validity and rationality of the http request sent by the back-end server after receiving the http request.
The json-format station yard graph data cannot be directly used for generating the station yard graph, javascript codes of the station yard graph generated by deserializing the json-format station yard graph data are needed, and the javascript codes can be used for being matched with a class library and a graphic operation interface to generate the station yard graph.
Further, the front-end server converts the javascript code of the site map into a style suitable for display by a browser used by the user terminal.
When the terminal logs in a webpage of the front-end server through the browser, the front-end server can obtain the style information of the browser used by the user terminal. The front-end server can convert the javascript code of the station yard graph according to the style information. The advantage of this is that the station yard graph that produces finally matches with the browser, and the display effect is better.
And S5, the front-end server generates each html element object of the site map according to the site map class library, the graphical operation interface of the graphical operation interface and the javascript code of the site map, and displays the site map formed by all the html element objects in the layout area.
In practical application, the graphical operation interface for converting data into an image in a webpage may be a graphical operation interface provided by mxGraph, and the yard graph can be drawn according to javascript codes. The graphic operation interface is provided with a certain graphic class library, and the provided class library cannot meet the requirement of generating the station yard graph, so that a user is required to customize some graphic elements (namely the station yard graph class library). And the user-defined graphic elements and the graphic class library carried by the graphic operation interface jointly form the station yard drawing class library. Fig. 1 is an example of a graphical element in a site map of the present invention.
The principle that the graphic operation interface generates the graphics of the html element object displayed on the webpage according to the graphic data in the javascript format and the graphic class library is to determine which graphic element in the yard graphic class library is used and the style (including position, size, color, supported operation mode and the like) of the graphic element according to the parameters of each graphic object, and generate the html element object according to the style of the graphic element.
Fig. 2 is an example of a site map of the present invention. The yard graph includes various graphical objects such as signal lights, switches, etc.
To accomplish the function of editing and calling a site map in a web page. The station graph library can complete five modularized functions of an editor, a graph model, a style sheet, display appearance, input, output and the like by matching with a graph operation interface. Fig. 3 is a functional schematic block diagram of a yard graph class library.
The editor can generate javascript code for the graphical object based on the user's operation to add the graphical object to the canvas area. The graphical object is typically generated by the user selecting a graphical element (corresponding to a template of the graphical object) in the pool of yard graph classes in the edit menu and dragging to the draw area.
The graph model is used for editing the graphic elements in the graphic class library. The graphic elements in the graphic class library can be divided into two major classes of a built-in type and an extended type, the built-in type graphic elements are basic graphic elements carried by an editor, the basic graphic elements and the association relation thereof are unique sources of the graphics and can be directly used, and the graphic elements specifically comprise graphic element contents such as nodes, connecting lines, triangles, squares, rectangles, polygons, arrows, circles and the like; the extension type graphic elements provide open interfaces, developers can realize customized graphic elements (graphic elements created by the graph model) based on the interfaces, and the flexibility and the expansibility of the method are improved.
The graph model adopts an object-oriented code style to construct graphic elements and the association relationship thereof, and provides atomic operations for creating, modifying and deleting the graphic elements. The method is equivalent to creating a javascript code template of the callable graphic element in the station diagram class library. Taking the operation of creating a graphic element as an example: firstly, obtaining an html (Hyper Text Markup Language) element object through a JavaScript code, taking the html element object as a canvas object for graphic display, and usually selecting a div (DIVision) object as a canvas object of a graphic display area; secondly, explicitly calling a method for starting atomic operation; then, creating a graphic element, wherein the operation method needs three parameters of a father object, a name and a position, and the operation method takes the canvas object as the father object and appoints the name and the position of the graphic element; finally, the method that ends the atomic operation is explicitly called. The creation and layout functions of the graphic elements are completed through the several steps of operation. The graph model function generates a self-defined class library file (the name can be defined as shape.js) of the graphic element according to the station field graph drawn by the user by using the graphic operation interface, and the self-defined class library file and the class library carried by the graphic operation interface are combined to form a station field graph library.
The style sheet functions to edit attribute information of a graphic object or a graphic element. I.e. adding or modifying parameter values in the javascript code of the graphical object. For example, the manner of operation supported by a graphic element. The method of the invention can add various event processing mechanisms to the graphic object (the realization method is to add corresponding sentences in the javascript code of the graphic object and also add the sentences into the javascript code of the graphic element), including events of horizontal turning, vertical turning, rotation, withdrawal, restoration, enlargement, reduction, resetting, emptying and the like, the turning-over is to turn over the graphic elements relative to an x axis, the turning-over is to turn over the graphic elements relative to a y axis, the rotating is to rotate the graphic objects by 90 degrees clockwise, the canceling is to cancel one-step operation on the pins, the restoring is to cancel the previous step, the amplifying is to amplify all the graphic objects in the interface integrally, the reducing is to reduce all the graphic objects in the interface integrally, the resetting is to restore all the graphic objects in the interface to the original size, and the emptying is to delete all the graphics in the interface.
In addition, the Style sheet can add css (Cascading Style Sheets) to attribute information in javascript codes of the graphic objects or the graphic elements, the data type of the attribute information is an array, the elements in the array are key value pairs, each key value pair corresponds to one css Style, specifically, a Style adding method based on the graphic element objects is used, and the array of the corresponding css Style is introduced into the method.
The display appearance is used for adapting to a browser used by the terminal, is similar to a style sheet, and also is used for editing the attributes of a graphic element or a graphic object, but the display appearance is based on the information of the graphic element and the incidence relation thereof defined by a graphic model, the style sheet added for the graphic element is translated into a style script language compatible with different browsers, and an image is presented in a browser interface more gracefully according to the specification format of the defined style (namely, codes of the relevant style displayed by the browser are added into javascript codes of the graphic object).
The input and output support converts the javascript code of the site map into the site map data in the json format, and supports converts the site map data in the json format into the javascript code of the site map.
The invention provides a method for calling a graphic object contained in a site map from a back-end server by a front-end server, and also provides a class library and a graphic operation interface for converting a javascript code containing the graphic object in the site map into a visual html element object, so that the site map can be called in a webpage.
Further, the invention also provides a method for editing the station yard graph and saving the station yard graph, which comprises the following steps:
11. the front-end server loads the station scene graph library in response to receiving an instruction for editing the station scene graph sent by the terminal, and enters an editing mode.
Further, the front-end server may verify the user authority of the terminal that issued the instruction to edit the site map, and discard the instruction if the authority is incorrect.
In the editing mode, the user can edit the graphic objects in the layout area by using the terminal, such as deleting, adding and moving the graphic objects, and accordingly modify the javascript codes of the graphic objects.
12. The front-end server correspondingly changes the javascript code of the graphic object according to the operation command in the drawing area sent by the terminal, and the method comprises the following steps: if the command of adding the graphic object in the canvas area is judged, automatically generating a graphic ID and a javascript code for the graphic object; if the graph object is judged to be deleted, deleting the javascript code corresponding to the graph object; and if the style of the graphic object is judged to be changed, modifying the parameter value of the representation style in the javascript code of the graphic object.
In practice, the user can generate a graphical object at the terminal by dragging a graphical element in the yard graph class library to the canvas area. The operation of changing the style of the graphic object by the user can be deformation or displacement operation, the graphic is moved by pulling and pressing keys in the keyboard direction, and the size of the graphic is adjusted by dragging corners. The coordinate data of the graphical object in the style code is altered according to the new position of the user moving the graphical object.
13. And when the front-end server identifies that the monitoring equipment is bound to the graphic object selected by the user, displaying the equipment names of all the monitoring equipment in the station yard.
The device name of the monitoring device can be logged in a database by a user and automatically recorded according to the position of the device in the site map. After entering the device name into the database, the database may assign a device ID to the device name. The user can control the back-end server to broadcast the device name and the device ID used by the station and field diagram in the database to the front-end server in an http request mode. In this way, the user can use the site map directly when editing the site map on the web page of the front-end server.
14. And the front-end server adds the equipment ID corresponding to the equipment name in the javascript code of the graphic object according to the equipment name selected by the user.
15. And after recognizing that the user executes the instruction for saving the station yard graph, the front-end server serializes javascript codes of all graphic objects in the station yard graph to generate station yard graph data in a json format.
Fig. 4 is the serialized json-formatted yard graph data. Serialization converts data in the code into a format suitable for storage by the back-end server. Fig. 5 is a back-end server storage data structure.
16. And the front-end server broadcasts the station yard graph data in the json format to the rear-end server in an http request mode.
The function of the front-end server is to display the station yard graph to the user, and the monitoring data of the monitoring equipment corresponding to the graphic object in the station yard graph needs to be acquired by the back-end server or the database server (if the database server is included). Therefore, the site map data in json format corresponding to the site map edited by the user at the front-end server needs to be sent to the back-end server.
17. And after receiving the http request containing the station yard graph data in the json format, the back-end server stores the station yard graph data in the json format in a database.
Furthermore, the invention also provides a method for calling monitoring data of the monitoring equipment in the station yard graph, which comprises the following steps:
21. the monitoring equipment sends monitoring data to a database in a backend server at regular time
22. The back-end server stores the monitoring data in a storage area corresponding to the equipment ID according to the corresponding relation between the address of the monitoring equipment and the equipment ID
23. The back-end server reads the monitoring data and the equipment ID corresponding to the monitoring data from the database
24. The back-end server broadcasts the read monitoring data and the equipment ID corresponding to the monitoring data to the front-end server in a fixed time in an http request mode
In practical applications, if a user sends a command to a terminal to request to obtain a certain graphic object, the front-end server sends a request to the back-end server, and a long time is needed to wait for obtaining the desired data. Therefore, in the invention, the back-end server broadcasts the monitoring data of the monitoring equipment acquired by the monitoring equipment in the last preset time to the front-end server every preset time (the preset time can be set by a user in the back-end server or data and can be 2s), and the front-end server caches the data and waits for calling at any time.
25. The front-end server identifies a command which is sent by the terminal and used for reading monitoring data of monitoring equipment corresponding to a specific graphic object in the station diagram, and displays the monitoring data corresponding to the equipment ID on a webpage according to the equipment ID bound by the graphic ID of the graphic object.
The command for reading the monitoring data of the monitoring device corresponding to the specific graphic object, which is issued by the terminal, may be triggered by a user performing a specific operation on the terminal. For example, the user selects a certain graphic object in the station yard graph by using a mouse on the terminal, or the terminal sends the reading command to the front-end server after clicking the coordinates of the pixels of a certain graphic on the touch screen.
Further, the back-end server is further configured to determine the monitoring data after receiving the monitoring data of the monitoring device, and determine whether to generate alarm information according to a determination result. And if the alarm information is judged to be generated, packaging the alarm information in the http request and broadcasting the http request to the front-end server. And after receiving the alarm information, the front-end server displays the static or animation special effect corresponding to the alarm information at the corresponding graphic object in the station yard graph according to the graphic object corresponding to the alarm information. For example, if a certain data center in a station yard is disconnected, the back-end server always pings the data center and does not get a response, alarm information of the data center is generated and sent to the front-end server, and the front-end server displays a flashing prompt symbol on a graphic object of the data center in a station yard graph.
The graphic editing and the graphic display are integrated, the current situation of the separated operation of the railway system is changed, the real-time modification and display can be realized, the operation is more convenient, and the efficiency is improved; a B/S architecture is utilized to construct a system, so that unified storage, processing, analysis and mining of data can be realized, and convenience is provided for intelligent analysis of next big data.
The present invention has been described in detail. It will be apparent to those skilled in the art that any obvious modifications thereof can be made without departing from the spirit of the invention, which infringes the patent right of the invention and bears the corresponding legal responsibility.
Claims (10)
1. A railway station map processing method is characterized by comprising the following steps:
the method comprises the steps that a front-end server responds to an instruction for acquiring station yard graph data sent by a user terminal, broadcasts an http request containing a command of requiring to acquire the station yard graph data to a rear-end server, requires the rear-end server to read the station yard graph data corresponding to a station yard graph from a database, and sends the station yard graph data to the front-end server;
after the rear-end server receives an http request of the site map data of which the front-end server requires to read the site map name, reading the site map data from the database;
the rear-end server broadcasts the station yard graph data in the json format to the front-end server in an http request mode;
the front-end server responds to the received http request containing the json-format station yard graph data, deserializes the json-format station yard graph data and converts the json-format station yard graph data into javascript codes of the station yard graph;
and the front-end server generates each html element object of the site map according to the site map class library, the graphical operation interface of the graphical operation interface and the javascript code of the site map, and displays the site map formed by all the html element objects in the canvas area.
2. The rail yard graph processing method of claim 1,
the station yard graph data is generated in the following mode: the front-end server can convert the site map edited in the canvas area into a site map javascript code by using the site map class library and the graphic operation interface, and then the javascript code is serialized to generate site map data in a json format.
3. The rail yard graph processing method of claim 2,
the back-end server verifies the validity and reasonableness of the http request received from the front-end server.
4. The rail yard graph processing method of claim 3,
and the front-end server converts the javascript code of the site map into a mode which is suitable for the browser display used by the user terminal.
5. The method of processing a rail yard graph according to claim 1, further comprising the steps of:
the front-end server loads a station yard graph library in response to receiving a station yard graph editing instruction sent by the terminal, and enters an editing mode;
the front-end server correspondingly changes the javascript code of the graphic object according to an operation command in the drawing area sent by the terminal;
when the front-end server identifies that the user selects to bind the monitoring equipment as the graphic object, the equipment names of all the monitoring equipment in the station yard are displayed;
the front-end server adds the equipment ID corresponding to the equipment name in the javascript code of the graphic object according to the equipment name selected by the user;
after recognizing that a user executes an instruction for storing a station yard graph, the front-end server serializes javascript codes of all graphic objects in the station yard graph to generate station yard graph data in a json format;
the front-end server broadcasts the station yard graph data in the json format to the rear-end server in an http request mode;
and after receiving the http request containing the station yard graph data in the json format, the back-end server stores the station yard graph data in the json format in a database.
6. The rail yard graph processing method of claim 5,
the front-end server verifies the user authority of the terminal which sends the instruction for editing the station yard graph, and if the authority is incorrect, the instruction is discarded.
7. The rail yard graph processing method of claim 5, further comprising the steps of:
the monitoring equipment sends monitoring data to a database in the back-end server at regular time;
the back-end server stores the monitoring data in a storage area corresponding to the equipment ID according to the corresponding relation between the address of the monitoring equipment and the equipment ID;
the back-end server reads the monitoring data and the equipment ID corresponding to the monitoring data from the database;
the back-end server broadcasts the read monitoring data and the device ID corresponding to the monitoring data to the front-end server in a http request mode at regular time;
the front-end server identifies a command which is sent by the terminal and used for reading monitoring data of monitoring equipment corresponding to a specific graphic object in the station diagram, and displays the monitoring data corresponding to the equipment ID on a webpage according to the equipment ID bound by the graphic ID of the graphic object.
8. The rail yard graph processing method of claim 7,
and after receiving the monitoring data of the monitoring equipment, the back-end server judges the monitoring data and determines whether to generate alarm information according to the judgment result.
9. The rail yard graph processing method of claim 8,
and if the alarm information is judged to be generated, packaging the alarm information in the http request and broadcasting the http request to the front-end server.
10. A rail yard graph processing system comprising a front end server, a back end server and a database for performing the rail yard graph processing method of any one of claims 1 to 9.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210016926.4A CN114547516A (en) | 2022-01-07 | 2022-01-07 | Railway station yard graph processing method and system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210016926.4A CN114547516A (en) | 2022-01-07 | 2022-01-07 | Railway station yard graph processing method and system |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114547516A true CN114547516A (en) | 2022-05-27 |
Family
ID=81669267
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210016926.4A Pending CN114547516A (en) | 2022-01-07 | 2022-01-07 | Railway station yard graph processing method and system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114547516A (en) |
-
2022
- 2022-01-07 CN CN202210016926.4A patent/CN114547516A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107818143B (en) | Page configuration and generation method and device | |
| US8370750B2 (en) | Technology for generating service program | |
| US7770122B1 (en) | Codeless dynamic websites including general facilities | |
| EP0663639A1 (en) | Method for creating a multimedia application | |
| US20040215719A1 (en) | Method and system for designing, editing and publishing web page content in a live internet session | |
| US11853730B2 (en) | Mini program data binding method and apparatus, device, and storage medium | |
| CN108279966A (en) | Webpage capture method, apparatus, terminal and storage medium | |
| WO2012068885A1 (en) | Method for editing application webpage and device for same | |
| JP2011243146A (en) | Relay server and its program, web site browsing system, web site browsing method, and application program | |
| JP4094777B2 (en) | Image communication system | |
| CN101211260A (en) | GUI generation apparatus and method for generating gui | |
| CN112667235A (en) | Visual layout editing implementation method and device and electronic equipment | |
| CN113407168A (en) | Editing method and device of page elements, storage medium and terminal | |
| CN111580712B (en) | Desktop customization method, device, equipment, system and storage medium | |
| CN112364496A (en) | Avionics simulation panel generation system based on HTML5 and VUE technology | |
| CN106663090A (en) | Converting presentation metadata to a browser-renderable format during compilation | |
| CN113391808A (en) | Page configuration method and device and electronic equipment | |
| CN110286971B (en) | Processing method and system, medium and computing device | |
| CN114706584A (en) | Data visualization display manufacturing system | |
| JP2003186792A (en) | Method for displaying message and its server and client | |
| CN111934985A (en) | Media content sharing method, device and equipment and computer readable storage medium | |
| JP2002109336A (en) | Seat reservation system and seat confirmation system | |
| CN114547516A (en) | Railway station yard graph processing method and system | |
| US20050234838A1 (en) | Method and apparatus for providing in place editing within static documents | |
| US20130042189A1 (en) | Melded user interfaces |
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 |