Railway station diagram processing method and system

Through the interaction between front-end and back-end servers under the B/S architecture, real-time editing and display of railway station maps is realized, solving the problem of separation of editing and display under the C/S architecture, improving operational efficiency and supporting unified data processing and analysis.

CN114547516BActive Publication Date: 2025-04-11JIAXUN FEIHONG (BEIJING) INTELLIGENT TECH RES INST CO LTD +1
View PDF 2 Cites 0 Cited by

Patent Information

Application Number
CN202210016926.4
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2022-01-07
Publication Date
2025-04-11
Estimated Expiration
2042-01-07

AI Technical Summary

Technical Problem

The existing railway system station map software adopts a C/S architecture, and is separated from editing and display. It needs to be restarted to display the modified station map, which is inconvenient to operate and inefficient.

Method used

Using the B/S architecture, the real-time editing and display of site map data is realized through the http request between the front-end server and the back-end server. The site map class library and graph operation interface are used to generate and display site maps on the web page. The front-end server responds to user operations and generates javascript code, and the back-end server saves data.

Benefits of technology

Real-time modification and display of site maps is realized, graphic editing and display are integrated, operational efficiency is improved, and data is supported, which provides convenience for intelligent big data analysis.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN114547516B_ABST
    Figure CN114547516B_ABST
Patent Text Reader

Abstract

The invention discloses a railway yard map processing method and system. The method comprises S1. a front-end server responds to an instruction of obtaining yard map data issued by a user's terminal, broadcasts an http request containing a command of "requesting to obtain yard map data" to a back-end server, and sends the yard map data to the front-end server; S2. after receiving an http request from the front-end server for reading yard map data of a yard map name, the back-end server reads the yard map data from a database; S3. the back-end server broadcasts the yard map data in json format to the front-end server in the form of an http request; S4. in response to receiving an http request containing yard map data in json format, the front-end server deserializes the yard map data in json format and converts it into javascript code of the yard map; S5. the front-end server generates each html element object of the yard map according to the yard map class library, the graphic operation interface of the graphic operation interface and the javascript code of the yard map, and displays the yard map composed of all html element objects in a canvas area.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The invention relates to a railway yard map processing method and system, belonging to the technical field of web page development. Background Art

[0002] The full name of B / S architecture is Browser / Server, which means browser / server structure. Browser refers to the web browser. Very few business logics are implemented on the front end, but the main business logic is implemented on the server. The system of B / S architecture does not need special installation, only the web browser is needed.

[0003] One implementation mode of B / S architecture is as follows Figure 6 As shown, it includes client, server and database. First, the client initiates an Http request to the server; then the web service layer in the server can process the Http request, and the application layer in the server calls the business logic and the methods in the business logic. If necessary, the server will exchange data with the database. Then the template + data is rendered into the final Html and returned to the client.

[0004] However, the existing railway system's station map software adopts a C / S architecture, and uses two independent softwares for editing and displaying. To modify the station map, the new information needs to be imported into the system directory of the station map display software, and then restarted to load it before it can be displayed. Summary of the invention

[0005] The technical problem to be solved by the present invention is to provide a railway yard map processing method.

[0006] Another technical problem to be solved by the present invention is to provide a railway yard map processing system.

[0007] In order to achieve the above technical objectives, the present invention adopts the following technical solutions:

[0008] A railway yard diagram processing method, characterized by comprising the following steps:

[0009] S1. The front-end server responds to the instruction of obtaining the station map data issued by the user's terminal, broadcasts an http request containing the command "request to obtain the station map data" to the back-end server, and requires the back-end server to read the station map data corresponding to the station map from the database, and send the station map data to the front-end server;

[0010] S2. After receiving the http request from the front-end server to read the station map data of the station map name, the back-end server reads the station map data from the database.

[0011] S3. The back-end server broadcasts the site map data in JSON format to the front-end server via HTTP request.

[0012] S4. In response to receiving the http request containing the station map data in json format, the front-end server deserializes the station map data in json format and converts it into javascript code of the station map;

[0013] S5. The front-end server generates each HTML element object of the station diagram according to the station diagram class library, the graphic operation interface of the graphic operation interface and the JavaScript code of the station diagram, and displays the station diagram composed of all HTML element objects in the canvas area.

[0014] Preferably, the station map data is generated in such a way that the front-end server can use the station map class library and the graphic operation interface to convert the station map edited in the canvas area into a station map javascript code, and then serialize the javascript code to generate the station map data in json format.

[0015] Preferably, the back-end server verifies the legitimacy and rationality of the http request received from the front-end server.

[0016] Preferably, 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.

[0017] Preferably, the following steps are also included:

[0018] The front-end server, in response to receiving the instruction to edit the station map from the terminal, loads the station map library and enters the editing mode;

[0019] The front-end server changes the javascript code of the graphic object accordingly according to the operation command issued by the terminal in the canvas area;

[0020] When the front-end server recognizes that the user chooses to bind a monitoring device to a graphic object, the device names of all monitoring devices in the station are displayed;

[0021] The front-end server adds the device ID corresponding to the device name in the javascript code of the graphic object according to the device name selected by the user;

[0022] After the front-end server recognizes that the user has executed the instruction to save the station map, it serializes the JavaScript code of all graphic objects in the station map and generates the station map data in JSON format;

[0023] The front-end server broadcasts the site map data in JSON format to the back-end server through HTTP requests;

[0024] After receiving the http request containing the station map data in json format, the back-end server saves the station map data in json format in the database.

[0025] Preferably, the front-end server verifies the user authority of the terminal that issues the instruction to edit the site map, and discards the instruction if the authority is incorrect.

[0026] Preferably, the method further comprises the following steps:

[0027] The monitoring device sends monitoring data to the database in the back-end server at regular intervals;

[0028] The backend server stores the monitoring data in the storage area corresponding to the device ID according to the correspondence between the address of the monitoring device and the device ID;

[0029] The backend server reads the monitoring data and the device ID corresponding to the monitoring data from the database;

[0030] The back-end server periodically broadcasts the read monitoring data and the device ID corresponding to the monitoring data to the front-end server via http requests;

[0031] The front-end server identifies the command sent by the terminal to read the monitoring data of the monitoring device corresponding to the specific graphic object in the station map, and displays the monitoring data corresponding to the device ID on the web page according to the device ID bound to the graphic ID of the graphic object.

[0032] Preferably, after receiving the monitoring data from the monitoring device, the back-end server judges the monitoring data and determines whether to generate an alarm message according to the judgment result.

[0033] Preferably, if it is determined that an alarm message is generated, the alarm message is packaged in an http request and broadcast to the front-end server.

[0034] A railway yard map processing system comprises a front-end server, a back-end server and a database, and is used to execute the railway yard map processing method as described above.

[0035] The present invention has the following technical effects: it integrates graphic editing and graphic display, changes the current situation of separate operation of the railway system, enables real-time modification and display, is more convenient to operate, and improves efficiency; uses the B / S architecture to build a system, which can realize unified storage, processing, analysis, and mining of data, providing convenient conditions for the next step of big data intelligent analysis. BRIEF DESCRIPTION OF THE DRAWINGS

[0036] Figure 1is an example of graphic elements included in the station diagram in the embodiment of the present invention;

[0037] Figure 2 is an example of a station diagram in an embodiment of the present invention;

[0038] Figure 3 is a schematic block diagram of the station diagram class library function in an embodiment of the present invention;

[0039] Figure 4 This is a schematic diagram of the serialized JSON format of the station diagram data in an embodiment of the present invention;

[0040] Figure 5 A back-end server storing data structures according to an embodiment of the present invention;

[0041] Figure 6 It is a schematic diagram of the B / S architecture in the prior art. DETAILED DESCRIPTION

[0042] The technical content of the present invention is described in detail below with reference to the accompanying drawings and specific embodiments.

[0043] The method of the present invention is applied in the terminal used by the user, the front-end server, the back-end server (the back-end server has a database, and if the database is not located in the back-end server, a database server may also be included), and the monitoring equipment on the platform. The user can directly edit and obtain the site map and the information of the equipment corresponding to each graphic object in the site map on the web page located on the front-end server.

[0044] The terminal can log in to a web page stored in the front-end server, and retrieve the data of the monitoring equipment corresponding to the station field map and the graphic objects in the station field map in the web page.

[0045] The front-end server is used to store web pages for obtaining site maps, generate and call the class library and graphic operation interface required for the site map, and obtain data in the database from the back-end server by broadcasting http requests to the back-end server or receiving http broadcasts from the back-end server.

[0046] The back-end server is used to read the data related to the station field map from the database and send the read data to the front-end server; or store the data related to the station field map from the front-end server in the database.

[0047] The database can be located on a back-end server or a dedicated server. The database communicates with the monitoring device in real time to obtain and save the monitoring data of the monitoring device.

[0048] The function of the monitoring device is to monitor the status of specific equipment in the station field diagram and send the monitoring data to the database for storage. For example, a monitoring device is used to monitor the status of a relay, which can be a current sensor with a communication function. When the monitored relay is closed, there will be a current of a specific size in the circuit where the current sensor is located, otherwise there will be no current. The database can directly save the current value information at each moment, or it can determine whether the relay is closed through the program in the database and save the information whether it is closed. For another example, the database server or the back-end server needs to monitor the online status of a station machine in the station field. The database server or the back-end server can automatically PING the station machine at a fixed time, determine whether the station machine is online based on the response, and save the information whether the station machine is online in the database.

[0049] The main difference between the method of the present invention and the prior art is that the station field map can be edited and retrieved in a web page environment, and the data of each monitoring device in the station field map can be obtained, while the prior art must use special monitoring software and editing software. The station field map can be retrieved and the data of each monitoring device in the station field map can be obtained in the monitoring software environment, and the station field map can be edited in the editing software environment.

[0050] The method of the present invention comprises the following steps:

[0051] S1. The front-end server responds to the instruction to obtain the station map issued by the user's terminal, broadcasts an http request containing a "request to obtain station map data" command to the back-end server, and requires the back-end server to read the station map data corresponding to the station map from the database, and send the station map data to the front-end server;

[0052] The terminal may be a mobile phone, a tablet or a computer, and may access the webpage of the site map located on the front-end server through the Internet, WIFI or Bluetooth communication. The timing of the terminal issuing the command to obtain the site map may be when the user clicks the button to obtain the site map, or when the terminal accesses the site map page.

[0053] The command "requesting to obtain station map data" may be specific data for obtaining the station map. The back-end server receives the specific data and determines that the front-end server wants to obtain the station map data.

[0054] The station map is composed of graphic objects set by the user, and each graphic object corresponds to a monitoring device in the station. The station map data is used to restore the station map in the class library and graphic interface of the front-end server. The station map data usually includes the graphic elements, location information, style information (color, scaling, etc.), graphic ID, description information (user-settable), and binding device ID of all graphic objects in the station map. The location information can be a string of json structure. The location information controls the display position of the legend on the canvas through x and y, and controls the display size of the legend through width and height. The style information is organized in the form of key=value, separated by semicolons, and the font of the graphic description information is controlled by font, the font size of the graphic description information is controlled by fontSize, the border color of the graphic is controlled by color, and the html style of the graphic is controlled by css.

[0055] The station map data can be generated in the following way: the front-end server can use the station map class library and the graphic operation interface to convert the station map edited in the canvas area into the station map javascript code, and then serialize the javascript code to generate the station map data in json format.

[0056] S2. After receiving the http request from the front-end server to read the station map data of the station map name, the back-end server reads the station map data from the database.

[0057] After receiving a request to read the site map data of the site map name, the back-end server will search for all relevant data of the site map in the database (such as the graphic IDs of all graphic objects in the site map, the device IDs bound to the graphic IDs, and other relationship-determined relevant data) and integrate them into the site map data in json format.

[0058] The data stored in the database is usually stored by category, such as graphic ID, style information corresponding to the graphic ID, device ID bound to the image ID, monitoring data of the device of the device ID, etc., all graphic IDs corresponding to the station map name. The format of the data stored in the database can be json format.

[0059] Furthermore, the back-end server can verify the legitimacy and rationality of the http request received from the front-end server. Legitimacy verification means that 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 will be encrypted with MD5 (Message-Digest Algorithm). The back-end server will verify the legitimacy of the data encrypted by MD5. Rationality verification means that the back-end server will verify the authority of the account contained in the information sent by the front-end server. If the authority meets the requirements, the http request is reasonable. If the authority does not meet the requirements, the http request will be discarded.

[0060] S3. The back-end server broadcasts the site map data in JSON format to the front-end server via HTTP request.

[0061] S4. In response to receiving the http request containing the station map data in json format, the front-end server deserializes the station map data in json format and converts it into javascript code of the station map;

[0062] Furthermore, the front-end server can verify the legitimacy and rationality of the http request sent by the back-end server after receiving the http request.

[0063] The station diagram data in json format cannot be used directly to generate the station diagram. The station diagram data in json format needs to be deserialized to generate the javascript code of the station diagram. The javascript code can be used to generate the station diagram in conjunction with the class library and the graphic operation interface.

[0064] Furthermore, the front-end server converts the javascript code of the site map into a style suitable for display by the browser used by the user terminal.

[0065] When the terminal logs in to the web page of the front-end server through the browser, the front-end server will obtain the style information of the browser used by the user terminal. The front-end server can convert the javascript code of the site map according to the style information. The advantage of this is that the site map finally generated matches the browser and has a better display effect.

[0066] S5. The front-end server generates each HTML element object of the station diagram according to the station diagram class library, the graphic operation interface of the graphic operation interface and the JavaScript code of the station diagram, and displays the station diagram composed of all HTML element objects in the canvas area.

[0067] In practical applications, the graphics operation interface used to convert data into images in web pages can be mxGraph. The graphics operation interface provided by mxGraph can draw station field graphics according to javascript code. The graphics operation interface comes with a certain graphics class library, which usually cannot meet the needs of generating station field graphics. Therefore, users are required to customize some graphic elements (i.e., station field graphics class library). The user-defined graphic elements and the graphics class library that comes with the graphics operation interface together constitute the station field graphics class library. Figure 1 This is an example of a graphic element in the station diagram of the present invention.

[0068] The principle of the graphic operation interface generating graphics of HTML element objects displayed on the web page based on the graphic data in JavaScript format and the graphic library is to determine which graphic element in the site diagram library to use and the style of the graphic element (including position, size, color, supported operation methods, etc.) based on the parameters of each graphic object, and generate HTML element objects based on the style of the graphic element.

[0069] Figure 2 This is an example of a station diagram of the present invention. The station diagram includes a variety of graphic objects, such as signal lights, switches, etc.

[0070] In order to complete the function of editing and calling the site map in the web page, the site map library can complete five modular functions such as editor, map model, style sheet, display appearance, input and output with the graphic operation interface. Figure 3 Schematic diagram of the station diagram library functions.

[0071] The editor can generate the javascript code of the graphic object according to the user's operation of adding the graphic object in the canvas area. The generation of the graphic object is usually that the user selects the graphic element (equivalent to the template of the graphic object) in the site diagram library in the edit menu and drags it to the canvas area.

[0072] The function of the graph model is to edit the graphic elements in the graph library. The graphic elements in the graph library can be divided into two categories: built-in type and extended type. The built-in type graphic elements are the basic graphic elements that come with the editor. These basic graphic elements and their associations are the only source of graphics and can be used directly. They include nodes, lines, triangles, squares, rectangles, polygons, arrows, circles and other graphic element contents; extended type graphic elements provide an open interface, based on which developers can implement customized graphic elements (graphic elements created by the graph model), which improves the flexibility and extensibility of this method.

[0073] The graph model uses an object-oriented code style to construct graphic elements and their associations, and provides atomic operations for creating, modifying, and deleting graphic elements. It is equivalent to creating a javascript code template for graphic elements that can be called in the station map class library. Take the operation of creating a graphic element as an example: first, obtain the html (Hyper Text Markup Language) element object through JavaScript code, and use the html element object as the canvas object for graphic display. Usually, the div (DIVision) object is selected as the canvas object for the graphic display area; secondly, explicitly call the method to start the atomic operation; then, create the graphic element. The operation method requires three input parameters: parent object, name, and position. The canvas object is used as the parent object, and the name and position of the graphic element are specified; finally, explicitly call the method to end the atomic operation. Through these steps, the creation and layout functions of the graphic elements are completed. The graph model function generates a custom class library file (the name can be defined as shape.js) of the graphic element based on the station graphics drawn by the user using the graphic operation interface. The custom class library file and the class library that comes with the graphic operation interface together form the station map class library.

[0074] The role of the style sheet is to edit the attribute information of a graphic object or graphic element. That is, to add or modify the parameter value in the javascript code of the graphic object. For example, the operation mode supported by a certain graphic element. The method of the present invention can add a variety of event processing mechanisms to the graphic object (the implementation method is to add corresponding statements in the javascript code of the graphic object, and the statements can also be added to the javascript code of the graphic element), including horizontal flip, vertical flip, rotation, undo, restore, zoom in, zoom out, reset, clear and other events, wherein horizontal flip refers to flipping the graphic element relative to the x-axis, vertical flip refers to flipping the graphic element relative to the y-axis, rotation refers to rotating the graphic object 90° in a clockwise direction, undo refers to undoing the previous operation, restore refers to undoing and restoring the previous step, zoom in refers to zooming in all graphic objects in the interface as a whole, zoom out refers to zooming out all graphic objects in the interface as a whole, reset refers to restoring all graphics in the interface to their original size as a whole, and clearing refers to deleting all graphics in the interface.

[0075] In addition, the style sheet can add CSS (Cascading Style Sheets) to the attribute information in the JavaScript code of the graphic object or graphic element. The data type of the attribute information is an array, and the elements in the array are key-value pairs. Each key-value pair corresponds to a CSS style. The specific usage is a method based on adding styles to the graphic element object, in which an array of corresponding CSS styles is passed in.

[0076] The display appearance is used to adapt to the browser used by the terminal. It is similar to a style sheet and also edits the properties of graphic elements or graphic objects. However, the display appearance is based on the information of graphic elements and their associations defined by the graphic model. The style sheet added to the graphic elements is translated into a style script language compatible with different browsers. According to the standard format of the defined style (that is, the browser display-related style code is added to the javascript code of the graphic object), the image is presented more beautifully in the browser interface.

[0077] Input and output support converting the JavaScript code of the station diagram into the station diagram data in JSON format, and support converting the station diagram data in JSON format into the JavaScript code of the station diagram.

[0078] The present invention provides a method for a front-end server to call a graphic object contained in a site map from a back-end server, and also provides a class library and a graphic operation interface for converting a javascript code containing a graphic object in the site map into a visualized html element object, so that the site map can be called in a web page.

[0079] Furthermore, the present invention also provides a method for editing and saving a station map, comprising the following steps:

[0080] 11. In response to receiving the instruction to edit the site map from the terminal, the front-end server loads the site map class library and enters the editing mode.

[0081] Furthermore, the front-end server may verify the user authority of the terminal that issues the instruction to edit the site diagram, and discard the instruction if the authority is incorrect.

[0082] In the edit mode, the user can use the terminal to edit the graphic objects in the canvas area, such as deleting, adding, and moving the graphic objects, and modify the javascript code of the graphic objects accordingly.

[0083] 12. The front-end server changes the JavaScript code of the graphic object accordingly according to the operation command issued by the terminal in the canvas area, including: if it is determined that the command is to add a graphic object in the canvas area, a graphic ID and JavaScript code are automatically generated for the graphic object; if it is determined that the graphic object is to be deleted, the JavaScript code corresponding to the graphic object is deleted; if it is determined that the style of the graphic object is to be changed, the parameter value representing the style in the JavaScript code of the graphic object is modified.

[0084] In actual applications, users can generate graphic objects by dragging graphic elements in the site map library to the canvas area in the terminal. The user can change the style of the graphic object by deformation or displacement, move the graphic by dragging and pressing the keyboard direction keys, and adjust the size of the graphic by dragging the corners. According to the new position of the graphic object moved by the user, the coordinate data of the graphic object in the style code is changed.

[0085] 13. When the front-end server recognizes that the user chooses to bind a monitoring device to a graphic object, the device names of all monitoring devices in the station are displayed.

[0086] The device name of the monitoring device can be entered by the user logging into the database according to the location of the device in the site map. After entering the device name into the database, the database can assign a device ID to the device name. The user can control the back-end server to broadcast the device name and device ID used in the site map in the database to the front-end server in the form of an http request. In this way, the user can directly use it when editing the site map on the web page of the front-end server.

[0087] 14. The front-end server adds the device ID corresponding to the device name in the JavaScript code of the graphic object according to the device name selected by the user.

[0088] 15. After the front-end server recognizes that the user has executed an instruction to save the site map, it serializes the JavaScript code of all graphic objects in the site map and generates site map data in JSON format.

[0089] Figure 4 The site map data is in the serialized JSON format. Serialization converts the data in the code into a format suitable for storage on the backend server. Figure 5 It is the backend server storage data structure.

[0090] 16. The front-end server broadcasts the site map data in JSON format to the back-end server through HTTP requests.

[0091] The function of the front-end server is to display the station map to the user. The monitoring data of the monitoring equipment corresponding to the graphic objects in the station map needs to be obtained by the back-end server or the database server (if a database server is included). Therefore, the station map data in json format corresponding to the station map edited by the user on the front-end server needs to be sent to the back-end server.

[0092] 17. After receiving the http request containing the station map data in json format, the back-end server saves the station map data in json format in the database.

[0093] Furthermore, the present invention also provides a method for retrieving monitoring data of monitoring equipment in a station field diagram:

[0094] 21. The monitoring device sends monitoring data to the database in the back-end server at regular intervals

[0095] 22. The backend server stores the monitoring data in the storage area corresponding to the device ID according to the correspondence between the address of the monitoring device and the device ID.

[0096] 23. The backend server reads the monitoring data and the device ID corresponding to the monitoring data from the database

[0097] 24. The back-end server regularly broadcasts the read monitoring data and the device ID corresponding to the monitoring data to the front-end server through http requests

[0098] In actual applications, if a user issues a command to obtain a certain graphic object at the terminal, the front-end server will then issue a request to the back-end server, and it will take a long time to get the desired data. Therefore, in the present invention, the back-end server broadcasts the monitoring data of the monitoring device obtained by the monitoring device within the last predetermined time to the front-end server at a predetermined time (the predetermined time can be set by the user on the back-end server or in the data, which can be 2s), and the front-end server caches the data and waits for the user to call it at any time.

[0099] 25. The front-end server identifies the command sent by the terminal to read the monitoring data of the monitoring device corresponding to the specific graphic object in the station map, and displays the monitoring data corresponding to the device ID on the web page according to the device ID bound to the graphic ID of the graphic object.

[0100] The command issued by the terminal to read the monitoring data of the monitoring device corresponding to the specific graphic object can be triggered by a specific operation performed by the user on the terminal. For example, after the user selects a graphic object in the station map with the mouse on the terminal, or clicks the coordinates of a graphic object pixel on the touch screen, the terminal issues the above reading command to the front-end server.

[0101] Furthermore, the back-end server is also used to judge the monitoring data after receiving the monitoring data of the monitoring device, and determine whether to generate an alarm message according to the judgment result. If it is judged that the alarm message is generated, the alarm message is packaged in an http request and broadcast to the front-end server. After the front-end server receives the alarm message, it displays the static or animation special effects corresponding to the alarm message at the corresponding graphic object in the station field map according to the graphic object corresponding to the alarm message. For example, if a data center in the station field is offline, the back-end server keeps pinging the data center, but does not receive a response, then an alarm message of the data center is generated and sent to the front-end server, and the front-end server displays a flashing prompt on the graphic object of the data center in the station field map.

[0102] Integrating graphic editing and graphic display together changes the current situation of separate operations in the railway system. Real-time modification and display are possible, making operation more convenient and improving efficiency. Building a system using a B / S architecture can achieve unified storage, processing, analysis, and mining of data, providing convenient conditions for the next step of big data intelligent analysis.

[0103] The present invention is described in detail above. For those skilled in the art, any obvious changes made to the present invention without departing from the essence of the present invention will constitute an infringement of the patent right of the present invention and the corresponding legal liability will be borne.

Claims

1. A railway station diagram processing method, characterized in that The following steps are involved: The front-end server responds to the instruction of obtaining the station map data issued by the user's terminal, and broadcasts an http request containing the command of "requesting to obtain the station map data" to the back-end server, requiring the back-end server to read the station map data corresponding to the station map from the database, and send the station map data to the front-end server; After receiving the HTTP request from the front-end server to read the station map data of the station map name, the back-end server reads the station map data from the database; The back-end server broadcasts the site map data in JSON format to the front-end server via HTTP request; In response to receiving the http request containing the station map data in json format, the front-end server deserializes the station map data in json format and converts it into javascript code of the station map; The front-end server generates each HTML element object of the station map according to the station map class library, the graphic operation interface of the graphic operation interface and the JavaScript code of the station map, and displays the station map composed of all HTML element objects in the canvas area; The front-end server, in response to receiving the instruction to edit the station map from the terminal, loads the station map library and enters the editing mode; The front-end server changes the javascript code of the graphic object accordingly according to the operation command issued by the terminal in the canvas area; When the front-end server recognizes that the user chooses to bind a monitoring device to a graphic object, the device names of all monitoring devices in the station are displayed; The front-end server adds the device ID corresponding to the device name in the javascript code of the graphic object according to the device name selected by the user; After the front-end server recognizes that the user has executed the instruction to save the station map, it serializes the JavaScript code of all graphic objects in the station map and generates the station map data in JSON format; The front-end server broadcasts the site map data in JSON format to the back-end server through HTTP requests; After receiving the http request containing the station map data in json format, the back-end server saves the station map data in json format in the database.

2. The railway station diagram processing method according to claim 1, characterized in that: The station map data is generated in the following way: the front-end server can use the station map class library and the graphic operation interface to convert the station map edited in the canvas area into the station map javascript code, and then serialize the javascript code to generate the station map data in json format.

3. The railway station diagram processing method according to claim 2, characterized in that: The back-end server verifies the legitimacy and rationality of the http request received from the front-end server.

4. The railway station diagram processing method according to claim 3, characterized in that: The front-end server converts the JavaScript code of the site map into a style that is suitable for the browser display used by the user terminal.

5. The railway yard diagram processing method according to claim 1, characterized in that: The front-end server verifies the user authority of the terminal that issues the command to edit the site diagram, and discards the command if the authority is incorrect.

6. The railway station diagram processing method according to claim 5, characterized in that: Further comprising the steps of: The monitoring device sends monitoring data to the database in the back-end server at regular intervals; The backend server stores the monitoring data in the storage area corresponding to the device ID according to the correspondence between the address of the monitoring device and the device ID; The backend server reads the monitoring data and the device ID corresponding to the monitoring data from the database; The back-end server periodically broadcasts the read monitoring data and the device ID corresponding to the monitoring data to the front-end server via http requests; The front-end server identifies the command sent by the terminal to read the monitoring data of the monitoring device corresponding to the specific graphic object in the station map, and displays the monitoring data corresponding to the device ID on the web page according to the device ID bound to the graphic ID of the graphic object.

7. The railway yard diagram processing method according to claim 6, characterized in that: After receiving the monitoring data from the monitoring device, the back-end server judges the monitoring data and determines whether to generate an alarm message based on the judgment result.

8. The railway yard diagram processing method according to claim 7, characterized in that: If it is determined that an alarm message is generated, the alarm message is packaged in an http request and broadcast to the front-end server.

9. A railway yard map processing system, comprising a front-end server, a back-end server and a database, for executing the railway yard map processing method as claimed in any one of claims 1 to 8.

Citation Information

Patent Citations

  • Method and system for processing network service request

    CN102624895A

  • Method AMD system for rail yard inventory management using web-based access technology

    US20120054218A1