WEB picture downloading method and system

Abstract

The invention particularly relates to a WEB picture downloading method and system, and belongs to the technical field of picture display.The method comprises the steps that a picture folder is generated in a WEB offline state, a downloading instruction is sent, and the picture folder comprises picture data, mapping data and event data; and receiving a downloading instruction and the picture folder in the WEB running state, and downloading according to the picture folder on the user interface to generate a target picture. The system implements the steps of the method. According to the invention, the resource occupation is reduced, the business conflict risk is reduced, and the processing efficiency is improved.

Description

Technical Field

[0001] This invention relates to the field of screen display technology, and in particular to a method and system for downloading web screens, which is especially suitable for offline generation and runtime download of web screens in industrial control systems such as nuclear power plants. Background Technology

[0002] With the rapid development of technology, web-based human-computer interaction interfaces have become standard configurations for various business systems, monitoring platforms, and industrial control systems. To enable nuclear power plant personnel to monitor the real-time operating status of the nuclear power plant, it is necessary to download various screens from the nuclear power plant to the corresponding web terminals of the operators for display.

[0003] Web page loading technology, which is the entire process of transferring web page content, resources, and data from the server to the client browser and assembling them, has become a core element affecting application performance, user experience, and development efficiency.

[0004] Researchers have found that existing web page download methods directly retrieve and download page resources online from servers that store the corresponding page resources for web display, essentially performing a complete file-level replacement. However, as page complexity increases, the amount of page resources also increases significantly. Using this method, the download process typically needs to be performed online, requiring high system availability, resulting in slow processing speeds and increased risks of downloaded page resources being edited, leading to business conflicts.

[0005] Therefore, there is an urgent need for a web page download method and system to reduce resource consumption and synchronization, and improve download efficiency and system stability. Summary of the Invention

[0006] The purpose of this invention is to solve the problems of high resource consumption, high risk, and slow processing speed in existing web page downloading methods, and to provide a web page downloading method and system that reduces resource consumption, lowers risk, and improves processing efficiency.

[0007] To achieve the above objectives, the present invention provides a method for downloading web pages, comprising the following steps:

[0008] In the offline WEB state, a screen folder is generated and a download command is sent. The screen folder includes screen data, mapping data, and event data.

[0009] In the WEB runtime state, it receives download instructions and screen folders, and downloads them according to the screen folders in the user interface to generate the target screen.

[0010] As one feasible method, the screen folder can be generated using one of the following two approaches:

[0011] Method 1: Configure the screen in offline web mode and generate a screen folder;

[0012] Method 2: Obtain the download file package in offline WEB mode, parse it to generate the screen folder.

[0013] One possible approach is to parse in the offline state of the web, which involves converting XML files into JSON objects.

[0014] One possible method is to download the images from a specific folder, including:

[0015] Download the screen data, mapping data, and event data separately according to the screen folder;

[0016] Assemble and run to generate the target screen.

[0017] As one possible approach, image data download includes: sequentially parsing objects to generate basic primitives and components to populate DOM objects;

[0018] The mapping data download includes: generating variable codes based on the mapping data to populate the variable definition area codes;

[0019] Event data download includes: generating data-driven script code and hardware-driven script code based on the event data to populate the script function code.

[0020] As one possible approach, when the target image is a two-dimensional image, the download is performed according to the image folder, including:

[0021] Obtain information about the screen objects and load the downloaded template;

[0022] The template object is populated with data from the image folder to generate the target image.

[0023] As one possible approach, when the target image is a 3D image, the download is performed according to the image folder, including:

[0024] Obtain image object information and load the download template.

[0025] After filling the template object with the image folder, run the 3D image, and then perform event data parsing, animation data parsing, and model animation playback.

[0026] As one possible approach, when the offline and running states of the web are on the same network, a screen access address is generated based on the download command. The user interface accesses the screen access address to generate the target screen, avoiding file upload and download operations and improving efficiency.

[0027] To achieve the above objectives, in a second aspect, the present invention provides a web page download system, comprising:

[0028] WEB offline mode is used to generate screen folders and send download commands;

[0029] The WEB runtime state is used to receive download instructions and screen folders, and download the screens according to the screen folders in the user interface to generate the target screen.

[0030] As one possible approach, offline web states include:

[0031] The configuration unit is used to configure the screen to generate a screen folder;

[0032] The parsing unit is used to obtain the downloaded file package and parse it to generate the screen folder.

[0033] As one possible approach, the web runtime includes one or more data processing units for performing screen data download, mapping data download, and event data download.

[0034] As one possible approach, the offline and runtime web environments are deployed on different servers, and the screen folders are transferred over the network.

[0035] Beneficial technical effects of the present invention:

[0036] Reduce resource consumption and lower risks: Generate screen folders in the offline WEB state, and then obtain the screen folders for download in the WEB runtime state. There is no need to restrict all screens to be completely offline for download. By distributing data processing in the offline WEB state and transmitting screen folders over the network, the data processing pressure in the runtime state is reduced, and the business conflict risk of offline download is avoided.

[0037] High compatibility: It is compatible with both 2D and 3D screen downloads, supports WEB offline and WEB runtime states to be on the same or different networks to adapt to different scenario requirements, and has high data processing efficiency. WEB offline and WEB runtime data processing are relatively independent, and offline data updates do not affect the download process, resulting in good system stability.

[0038] High processing efficiency: For 3D images, the image folder can be obtained or directly configured and generated in the offline WEB state, and the JSON file can be processed. For 2D images, the format needs to be converted from XML file to JSON object in the offline state before data processing. It is applicable to both 2D and 3D image downloads. By generating image folders offline and using template-based downloads, the burden of real-time data processing is reduced, the image download speed is improved, it is suitable for different scenario requirements, and it consumes less runtime resources, resulting in higher processing efficiency. Attached Figure Description

[0039] Figure 1 A flowchart of an embodiment of the web page download method of the present invention;

[0040] Figure 2 This is a detailed flowchart of an embodiment of the web page download method of the present invention;

[0041] Figure 3 A flowchart of an embodiment for loading a two-dimensional image;

[0042] Figure 4 A flowchart of one embodiment of downloading a 3D image. Detailed Implementation

[0043] Unless otherwise defined, all technical and scientific terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this application belongs; the terminology used herein in the specification of the application is for the purpose of describing particular embodiments only and is not intended to be limiting of the application.

[0044] In this document, the term "embodiment" means that a particular feature, structure, or characteristic described in connection with an embodiment may be included in at least one embodiment of this application. The appearance of this phrase in various places throughout the specification does not necessarily refer to the same embodiment, nor is it a separate or alternative embodiment mutually exclusive with other embodiments. It will be explicitly and implicitly understood by those skilled in the art that the embodiments described herein can be combined with other embodiments.

[0045] The illustrations provided in the embodiments are merely schematic representations of the basic concept of the patented device. The figures only show components relevant to the patented device and not the actual number of components in the actual implementation. The shapes and dimensions are depicted, but in actual implementation, the form, number, and proportion of each component can be arbitrarily changed, and the component layout may be more complex. All other embodiments obtained by those skilled in the art based on the embodiments of this patented device without inventive effort are within the scope of protection of this patented device.

[0046] It should be understood that the illustrative drawings are not drawn to scale. The flowcharts used in this invention illustrate operations implemented according to some embodiments of the invention. It should be understood that the operations in the flowcharts may be implemented out of order, and steps without logical contextual relationships may be reversed or performed simultaneously. Furthermore, those skilled in the art, guided by the content of this invention, may add one or more other operations to the flowcharts, or remove one or more operations from the flowcharts. Some block diagrams shown in the drawings are functional entities and do not necessarily correspond to physically or logically independent entities. These functional entities may be implemented in software, in one or more hardware modules or integrated circuits, or in different network and / or processor systems and / or microcontroller systems.

[0047] This invention provides an embodiment of a web screen download method. This method relies on data transmission between the web offline state and the web runtime state to download two-dimensional and / or three-dimensional screens to the user interface, solving the problems of high resource consumption and high risk of business interference in existing online download methods. The web offline state and the web runtime state are usually deployed on different servers. The web offline state is used to handle static resources, and the web runtime state is used to handle dynamic business logic.

[0048] See Figure 1 and Figure 2 The web page download method described in this embodiment includes the following steps:

[0049] S10: Generate a screen folder and send a download command in the WEB offline state; specifically, the screen folder includes screen data, mapping data and event data. More specifically, the screen folder includes, but is not limited to, the img folder, glb folder, data folder and html folder. The img folder stores component images, the glb folder stores 3D component files, the data folder stores screen JSON data and attribute configuration data, and the html folder stores access pages.

[0050] S20: Receive download instructions in the WEB runtime state, receive the screen folder, and download the screen according to the screen folder in the user interface to generate the target screen;

[0051] The EWB screen download method in this embodiment utilizes the WEB offline state and WEB running state to allocate resources for data processing. The screen folder is generated in the WEB offline state, and the processed data packets only need to be transferred to the WEB offline running state. This eliminates the need to stay online at all times during the download process, reduces the occupation of server resources, improves data processing efficiency, solves the problem of large resource consumption during the download process due to the reliance on the WEB offline running state, improves the screen download speed, and reduces business risks.

[0052] The EWB screen download method in this embodiment utilizes offline and runtime WEB states for data processing, which only require data transmission over the network. The data processing in the offline and runtime states is relatively independent, which is beneficial to the overall system stability. Even if the screen downloaded in the offline state is edited, it will not affect the download process in the runtime state. Therefore, it is suitable for applications such as version optimization. In the offline state, parameters can be dynamically optimized to generate screen folders, which can be transmitted to other servers over the network for simulation without affecting the user interface download, greatly reducing security risks and making it more widely applicable.

[0053] Understandably, the screen folder can actually be regarded as a file compressed package. It can be generated directly in the offline WEB state or obtained through data processing in the offline WEB state. It is transmitted over the network between the offline WEB state and the running WEB state.

[0054] In this embodiment, the screen folder is generated using one of the following two methods:

[0055] Method 1: Configure the screen in the offline WEB state and generate the screen folder. That is, arrange the configuration unit, configure the model and parameters in the offline WEB state and generate the screen folder.

[0056] Method 2: Obtain the download file package in the offline WEB state, parse it to generate the screen folder, that is, obtain the download file package directly from the external server or external system.

[0057] However, it is worth noting that the obtained file package may have file format issues and needs to be parsed or converted. For example, the file package corresponding to the 2D image may require parsing, including but not limited to: converting the XML file of the 2D image into a JSON object. Since the file package generated by the 3D image rendering directly uses the JSON file, no parsing is required.

[0058] As an explanation, the aforementioned download package can be obtained by compressing screen data configured by other servers or other systems. Based on the above, the screen folder generated in the WEB offline state can be selected according to the actual scenario.

[0059] To further clarify, the web page download method of this embodiment can be adapted to both two-dimensional and three-dimensional page downloads. Examples of two-dimensional page downloads and three-dimensional page downloads are given below.

[0060] like Figure 3 As shown, exemplarily, the download of a two-dimensional image involves the following steps:

[0061] Step 1: Click "Download" on the user interface. In the offline WEB state, parse the offline download file package in XML format, convert the XML to a JSON object, and generate a screen folder. After generation, notify the WEB runtime state to download.

[0062] Step 2: Obtain screen object information in the WEB runtime state, load the download template, assemble the download template data, and download screen data, mapping data, and event data respectively.

[0063] Specifically, for image data: MXCELL objects are parsed sequentially to generate MX object types, basic primitives and components are generated, MX objects are converted to SVG-DOM objects, component images are restored to SVG-DOM, and the DOM objects are filled with templates; for mapping data: a set of mapping objects is generated based on the mapping data, variable definition code is generated, and the variable definition area code is filled with templates; for event data: data-driven script code and hardware-driven script code are generated based on the event data, and the script function code is filled with templates.

[0064] Step 3: Assemble and populate the template object with data to generate the target image.

[0065] like Figure 4 As shown, for example, the download of a 3D image involves the following steps:

[0066] Step 1: Click "Download" in the user interface to generate a screen folder and notify the WEB runtime to download;

[0067] Step 2: Obtain screen object information in the WEB runtime state, load the download template, assemble the download template data, and download screen data, mapping data, and event data respectively.

[0068] Specifically, for screen data: templates are used to populate DOM objects; for mapping data: a set of mapping objects is generated based on the mapping data, variable definition code is generated, and templates are used to populate the variable definition area code; for event data: data-driven script code and hardware-driven script code are generated based on the event data, and templates are used to populate the script function code.

[0069] Unlike the two-dimensional images mentioned above, which only include static drawing data, the three-dimensional images also include animation data. For the animation data, animation-driven script code is generated, and the script function code is filled with templates.

[0070] Step 3: Complete the data population of the template object to generate the target image, run the 3D screen, and then perform event data parsing, animation data parsing, and model animation playback.

[0071] In this embodiment, the screen object information is scene information, and the screen data download is the assembled static screen data; the event data includes data and hardware drivers, such as mouse clicks.

[0072] Understandably, the data processing described above, such as parsing, can be achieved using existing common methods / algorithms.

[0073] Therefore, based on the above, it can be applied to screens in different scenarios. For illustration, whether downloading a 2D or 3D screen, each scene corresponds to an object template. As a preferred embodiment, associations can be set between some scenes and their corresponding object templates to enable direct navigation on the user interface. For example, if a scene has multiple sub-scenes, each sub-scene can be associated with the current scene, allowing the user to directly navigate from the current scene to the screen corresponding to any sub-scene.

[0074] In this embodiment, the offline and running web applications are typically deployed on different servers. Therefore, the offline and running web applications may be located on the same network or on different networks. Regardless of whether they are on the same network or different networks, the offline and running web applications transmit the screen folder over the network.

[0075] In the implementation scenario of obtaining the download file package in the WEB offline state, when the WEB offline state and the WEB runtime state are on different networks, it is necessary to download the download file, parse it, and then upload it to the WEB runtime state. The WEB runtime state then downloads the screen folder. However, considering the improvement of data processing efficiency, as a better embodiment, when the WEB offline state and the WEB runtime state are on the same network, the WEB offline state directly sends the screen folder to the WEB runtime state after generating it. At this time, it is possible to directly generate the screen access address based on the download command, and the user interface accesses the screen access address to generate the target screen.

[0076] Based on the above, when the offline and running states of the web are on the same network, the user interface can directly jump to the screen access address to obtain the target screen, thereby greatly improving data processing efficiency and eliminating the need for operations such as uploading and downloading file packages.

[0077] Understandable, such as Figure 1 and 2 The download flowchart shown is applicable to both 2D and 3D screens. For ease of processing, the presence of data in the download file package (i.e., whether the uploaded download file package exists) is used to determine whether the offline and running web states are on the same network. If not, the above steps are followed. If they are on the same network, the screen access address can be generated by parsing. Alternatively, the screen can be accessed directly during the next download, thereby reducing data processing complexity and improving data processing efficiency.

[0078] As an implementation of the above-mentioned web screen download method, the present invention provides an embodiment of a web screen download system, which corresponds to the embodiment of the above-mentioned web screen download method, and the device can be specifically applied to various electronic devices.

[0079] The WEB screen download system described in this embodiment executes the above-mentioned WEB screen download method, including:

[0080] WEB offline mode 310 is used to generate screen folders and send download commands;

[0081] WEB runtime 320: Used to receive download instructions, receive the screen folder, and download the screen according to the screen folder in the user interface to generate the target screen.

[0082] The offline processing mode can be selected based on the actual scenario. As a preferred embodiment, the offline WEB configuration includes a configuration unit for configuring the screen and generating a screen folder. Specifically, as an example and not a limitation, a 3D model is imported and configured, including establishing dynamic driving events, such as data-triggered valve closing animation, thereby generating a screen folder. Alternatively, as another preferred embodiment, the offline WEB configuration includes a parsing unit for obtaining the downloaded file package, parsing it to generate a screen folder, and using a parsing algorithm to parse and generate the data.

[0083] As a preferred embodiment, one or more data processing units are further arranged in the WEB runtime state to perform the steps of downloading two-dimensional or three-dimensional images as described above. The arrangement can be determined according to the actual scenario and will not be described in detail here.

[0084] As an optional embodiment, the above-mentioned offline WEB state and WEB runtime state are deployed on different servers, and further optionally, they are located on the same local area network or different local area networks.

[0085] The WEB screen download system provided in the above embodiments can implement the technical solutions described in the above WEB screen download method embodiments. The specific implementation principles or implementation details of each module or unit can be found in the corresponding content of the above three-dimensional screen rendering method embodiments.

[0086] Those skilled in the art will understand that all or part of the processes of the methods described in the above embodiments can be implemented by a computer program instructing related hardware such as a processor and a controller, and the computer program can be stored in a computer-readable storage medium. The computer-readable storage medium may be a disk, optical disk, read-only memory, or random access memory, etc.

[0087] The embodiments described above are merely illustrative of several implementations of the present invention, and while the descriptions are specific and detailed, they should not be construed as limiting the scope of the present invention. It should be noted that those skilled in the art can make various modifications and improvements without departing from the concept of the present invention, all of which fall within the scope of protection of the present invention. Therefore, the scope of protection of this patent should be determined by the appended claims.

Claims

1. A method for downloading web pages, characterized in that, include: In the offline WEB state, a screen folder is generated and a download command is sent. The screen folder includes screen data, mapping data, and event data. In the WEB runtime state, it receives download instructions and screen folders, and downloads them according to the screen folders in the user interface to generate the target screen.

2. The web page download method according to claim 1, characterized in that, Generate the screen folder using one of the following two methods: Method 1: Configure the screen in offline web mode and generate a screen folder; Method 2: Obtain the download file package in offline WEB mode, parse it to generate the screen folder.

3. The webpage download method according to claim 2, characterized in that, Web offline parsing includes converting XML files into JSON objects.

4. The web page download method according to claim 1, characterized in that, Download the files according to the image folder, including: Download the screen data, mapping data, and event data separately according to the screen folder; Assemble and run to generate the target screen.

5. The web page download method according to claim 4, characterized in that, The image data download includes: sequentially parsing objects to generate basic primitives and components to populate DOM objects; the mapping data download includes: generating variable code based on the mapping data to populate variable definition area code; the event data download includes: generating data-driven script code and hardware-driven script code based on the event data to populate script function code.

6. The web page download method according to claim 4, characterized in that, When the target screen is a 2D screen, the download should be performed according to the screen folder, including: Obtain information about the screen objects and load the downloaded template; The template object is populated with data from the image folder to generate the target image.

7. The web page download method according to claim 4, characterized in that, When the target image is a 3D image, the download should be performed according to the image folder, including: Obtain information about the screen objects and load the downloaded template; After filling the template object with the image folder, run the 3D image, and then perform event data parsing, animation data parsing, and model animation playback.

8. The web page download method according to claim 1, characterized in that, When the offline and running states of the web are on the same network, a screen access address is generated based on the download instructions, and the user interface accesses the screen access address to generate the target screen.

9. A web page download system, characterized in that, The web page download method according to any one of claims 1-8 includes: WEB offline mode is used to generate screen folders and send download commands; The WEB runtime state is used to receive download instructions and screen folders, and download the screens according to the screen folders in the user interface to generate the target screen.

10. The WEB screen download system according to claim 9, characterized in that, Web offline status includes: The configuration unit is used to configure the screen to generate a screen folder; The parsing unit is used to obtain the downloaded file package and parse it to generate the screen folder; The WEB runtime includes one or more data processing units for performing screen data download, mapping data download, and event data download; the WEB offline state and the WEB runtime are deployed on different servers and the screen folder is transferred over the network.

Images