Interaction template generation method and system based on webpage online arrangement

Abstract

The invention provides an interactive template generation method and system based on webpage online arrangement in the technical field of multimedia information release, and the method comprises the steps: S1, enabling a server to arrange an interface template for multimedia information release online in a dragging interactive mode through a webpage template arrangement device, and packaging the interface template into a JSON data package; s2, after the client is started up, a login instruction is sent to the server through a preset communication protocol; s3, after the server verifies the login instruction, terminal information carried by the login information is registered into a pre-created database, and a JSON data packet is sent to the client; step S4, the client receives the JSON data packet in real time, and analyzes and renders the JSON data packet through WebVi ew so as to display the interface template; and step S5, the interface template automatically obtains the multimedia information based on the set template parameters, and fills and displays the multimedia information so as to complete the message sending operation. The method has the advantages that the convenience, the flexibility and the expansibility of signal sending are greatly improved.

Description

Technical Field

[0001] The present invention relates to the technical field of multimedia information publishing, and in particular to a method and system for generating interactive templates based on online arrangement of web pages. Background Art

[0002] Catering, medical, banking and other industries all need to publish multimedia information (messages). For example, outpatient number-taking machines, call screens, bedside cards, etc. in the medical industry are all message-sending devices (clients). In order for message-sending devices to display corresponding content on demand, it is necessary to develop corresponding UI interfaces (interface templates) for each message-sending device. However, the traditional development method has the following disadvantages: 1. The UI interface is a customized software APK, which has problems such as high software and hardware costs, troublesome installation and deployment, and inconvenient customization; 2. The UI interface does not support online real-time editing functions, and requires hardware or software upgrades to update, resulting in inflexible installation, deployment, and upgrades, requiring technical personnel to intervene; 3. It cannot support different industries, different businesses, and network interactions at the same time, and requires special customization to adapt to different business needs, and has poor scalability.

[0003] Therefore, how to provide an interactive template generation method and system based on online web page arrangement to improve the convenience, flexibility and scalability of information sending has become a technical problem that needs to be solved urgently. Summary of the invention

[0004] The technical problem to be solved by the present invention is to provide a method and system for generating interactive templates based on online arrangement of web pages, so as to improve the convenience, flexibility and scalability of information sending.

[0005] In a first aspect, the present invention provides a method for generating an interactive template based on online web page arrangement, comprising the following steps:

[0006] Step S1, the server arranges the interface template for multimedia information release online in a drag-and-drop interactive manner through a webpage template arranger, and packages the interface template into a JSON data packet;

[0007] Step S2: After the client for displaying multimedia information is turned on, it sends a login instruction to the server through a preset communication protocol;

[0008] Step S3: After verifying the received login instruction, the server registers the terminal information carried by the login information into a pre-created database, and sends the JSON data packet to the client;

[0009] Step S4: The client receives the JSON data packet in real time, and parses and renders the JSON data packet through WebView to display the interface template;

[0010] Step S5: The interface template automatically obtains multimedia information based on the set template parameters and fills in the display to complete the information sending operation.

[0011] Furthermore, the step S1 is specifically as follows:

[0012] After verifying the access request sent by the management terminal, the server feeds back an access permission response to the management terminal, creates an interface template online on the web page template editor based on the operation instructions input by the management terminal, selects corresponding components from the component library in an interactive drag-and-drop manner and arranges them in the interface template, sets component parameters of each component in the interface template, including at least component type, component content, content source, material style, scheduling mode, transition animation and component behavior, sets interface parameters of the interface template, including at least template type, interface event, interface style and variable pool, and packages the interface template and template parameters including component parameters and interface parameters into a JSON data packet.

[0013] Furthermore, the component types include at least time, bullet text, remote web page, rich text, picture, material carousel, QR code, text, input box, button, card layout, video, audio and real-time table;

[0014] The content source is a URL or a database address;

[0015] The scheduling mode is interstitial, scheduled play, carousel or spacer;

[0016] The component behavior is a button click, a button long press, a card list click, a template loading trigger event, or a third-party push trigger event;

[0017] The template type is a custom template or an interactive template;

[0018] The variable pool includes global variables, page variables, local variables, component variables and system variables.

[0019] Furthermore, the step S2 is specifically as follows:

[0020] After the client for displaying multimedia information is turned on, it sends a login instruction carrying terminal information, authentication information, timestamp and hash value to the server through a preset communication protocol;

[0021] The communication protocol is Socket.io protocol, Websocket protocol or HTTP protocol; the hash value is obtained by hashing the terminal information, authentication information and timestamp.

[0022] Furthermore, the step S3 is specifically as follows:

[0023] The server parses the received login instruction to obtain terminal information, authentication information, timestamp and hash value, performs integrity verification on the terminal information, authentication information and timestamp through the hash value, performs timeliness verification through the timestamp, and then performs legitimacy verification through the authentication information. After the verification passes, the terminal information is registered into a pre-created database, and the JSON data packet is sent to a client running Hongmeng system, Android system or X86 system through Socket.io protocol, Websocket protocol or HTTP protocol.

[0024] In a second aspect, the present invention provides an interactive template generation system based on online web page arrangement, comprising the following modules:

[0025] The interface template online editing module is used for the server to edit the interface template for multimedia information release online in an interactive way of dragging and dropping through the webpage template editor, and to package the interface template into a JSON data packet;

[0026] A login instruction sending module is used to send a login instruction to a server through a preset communication protocol after the client for displaying multimedia information is turned on;

[0027] A JSON data packet sending module is used for the server to verify the received login instruction, register the terminal information carried by the login information into a pre-created database, and send the JSON data packet to the client;

[0028] The interface template display module is used for the client to receive the JSON data packet in real time, parse and render the JSON data packet through WebView to display the interface template;

[0029] The multimedia information filling and display module is used for the interface template to automatically obtain multimedia information based on the set template parameters and fill in and display to complete the information sending operation.

[0030] Furthermore, the interface template online arrangement module is specifically used for:

[0031] After verifying the access request sent by the management terminal, the server feeds back an access permission response to the management terminal, creates an interface template online on the web page template editor based on the operation instructions input by the management terminal, selects corresponding components from the component library in an interactive drag-and-drop manner and arranges them in the interface template, sets component parameters of each component in the interface template, including at least component type, component content, content source, material style, scheduling mode, transition animation and component behavior, sets interface parameters of the interface template, including at least template type, interface event, interface style and variable pool, and packages the interface template and template parameters including component parameters and interface parameters into a JSON data packet.

[0032] Furthermore, the component types include at least time, bullet text, remote web page, rich text, picture, material carousel, QR code, text, input box, button, card layout, video, audio and real-time table;

[0033] The content source is a URL or a database address;

[0034] The scheduling mode is interstitial, scheduled play, carousel or spacer;

[0035] The component behavior is a button click, a button long press, a card list click, a template loading trigger event, or a third-party push trigger event;

[0036] The template type is a custom template or an interactive template;

[0037] The variable pool includes global variables, page variables, local variables, component variables and system variables.

[0038] Furthermore, the login instruction sending module is specifically used for:

[0039] After the client for displaying multimedia information is turned on, it sends a login instruction carrying terminal information, authentication information, timestamp and hash value to the server through a preset communication protocol;

[0040] The communication protocol is Socket.io protocol, Websocket protocol or HTTP protocol; the hash value is obtained by hashing the terminal information, authentication information and timestamp.

[0041] Furthermore, the JSON data packet sending module is specifically used for:

[0042] The server parses the received login instruction to obtain terminal information, authentication information, timestamp and hash value, performs integrity verification on the terminal information, authentication information and timestamp through the hash value, performs timeliness verification through the timestamp, and then performs legitimacy verification through the authentication information. After the verification passes, the terminal information is registered into a pre-created database, and the JSON data packet is sent to a client running Hongmeng system, Android system or X86 system through Socket.io protocol, Websocket protocol or HTTP protocol.

[0043] The advantages of the present invention are:

[0044] The interface template for multimedia information publishing is compiled online in an interactive way of dragging and dropping through the web template composer, and the interface template is packaged into a JSON data packet; after the client for displaying multimedia information is turned on, a login instruction is sent to the server through a preset communication protocol; after the server verifies the login instruction, the terminal information carried by the login information is registered into a pre-created database, and the JSON data packet is sent to the client; then the client receives the JSON data packet in real time, parses and renders the JSON data packet through WebView to display the interface template, and the interface template automatically obtains the multimedia information based on the set template parameters and fills in the display to complete the information sending operation; that is, the interface template is compiled online through the web template composer, and packaged into a JSON data packet and sent to the client Deployment, since JSON is an easy-to-read and write data format, compared with traditional software APK, it has low software and hardware costs, simple installation and deployment, and is easy to customize; the server's web template editor can use the interactive method of dragging and dropping to edit the interface template online in real time, and then send the edited interface template to the client, which is simple and convenient, and does not require the intervention of technical personnel; the web template editor supports flexible setting of components, including at least component type, component content, content source, material style, scheduling mode, transition animation, and component behavior component parameters. The interface template includes at least template type, interface event, interface style, and interface parameters of the variable pool, which can be flexibly expanded as needed to support different industries, different businesses, and network interactions, ultimately greatly improving the convenience, flexibility, and scalability of the message. BRIEF DESCRIPTION OF THE DRAWINGS

[0045] The present invention will be further described below in conjunction with embodiments with reference to the accompanying drawings.

[0046] Figure 1 The present invention is a flow chart of an interactive template generation method based on online layout of web pages.

[0047] Figure 2 It is a structural schematic diagram of an interactive template generation system based on online web page arrangement of the present invention. DETAILED DESCRIPTION

[0048] The technical solution in the embodiment of the present application has the following overall idea: the interface template is online arranged through the web template arranger, and is packaged into a JSON data packet and sent to the client for deployment. Since JSON is a data format that is easy to read and write, compared with the traditional software APK, the software and hardware cost is low, the installation and deployment are simple, and it is easy to customize; the web template arranger of the server can drag and drop the interactive way to arrange the interface template online in real time, and then send the arranged interface template to the client, which is simple and convenient, and does not require the intervention of technical personnel; the web template arranger supports flexible setting of component parameters including at least component type, component content, content source, material style, scheduling mode, transition animation and component behavior. The interface template includes at least template type, interface event, interface style and interface parameters of the variable pool, which can be flexibly expanded as needed to support different industries, different businesses, and network interactions, thereby improving the convenience, flexibility and extensibility of information sending.

[0049] Please refer to Figure 1 to Figure 2 As shown, a preferred embodiment of the method for generating an interactive template based on online web page arrangement of the present invention comprises the following steps:

[0050] Step S1, the server arranges the interface template for multimedia information release online in a drag-and-drop interactive manner through a webpage template arranger, and packages the interface template into a JSON data packet;

[0051] Step S2: After the client for displaying multimedia information is turned on, it sends a login instruction to the server through a preset communication protocol;

[0052] Step S3: After verifying the received login instruction, the server registers the terminal information carried by the login information into a pre-created database, and sends the JSON data packet to the client;

[0053] Step S4: The client receives the JSON data packet in real time, and parses and renders the JSON data packet through WebView to display the interface template;

[0054] Before rendering, the parallel threads of the GPU are started by using the Compute Shader technology, and parallel rendering is performed by the parallel threads to improve rendering efficiency;

[0055] Step S5: The interface template automatically obtains multimedia information based on the set template parameters and fills and displays it to complete the information sending operation. The edited interface template supports uploading, downloading, playing and using elements such as text, pictures, videos and audio.

[0056] The acquisition of the multimedia information, taking text as an example, can be achieved through data interaction, and dynamic data can be rendered into real text content by parsing specific text rules; the identifier format of the dynamically filled text in the present invention is "${data.key}" or "${@scope:data.key:path}", the former is relative variable parsing, which is often used for data parsing in custom templates, and the latter is the text identifier format for parsing dynamic variables in interface templates, which supports parsing different variables in different scope variables, and supports extracting internal data in objects according to paths.

[0057] The step S1 is specifically as follows:

[0058] After verifying the access request sent by the management terminal, the server feeds back an access permission response to the management terminal, creates an interface template online on the web page template editor based on the operation instructions input by the management terminal, selects corresponding components from the component library in an interactive drag-and-drop manner and arranges them in the interface template, sets component parameters of each component in the interface template, including at least component type, component content, content source, material style, scheduling mode, transition animation and component behavior, sets interface parameters of the interface template, including at least template type, interface event, interface style and variable pool, and packages the interface template and template parameters including component parameters and interface parameters into a JSON data packet.

[0059] The arrangement of the interface template can be divided into page arrangement and action arrangement. Page arrangement is to edit the styles of interface elements and other contents, and action arrangement is to edit interface events, button behaviors and other contents. The whole arrangement process is visualized and does not require users to write any code.

[0060] The component types include at least time, bullet text, remote web page, rich text, picture, material carousel, QR code, text, input box, button, card layout, video, audio and real-time table;

[0061] The content source is a URL or a database address;

[0062] The scheduling modes are interstitial, scheduled playback, carousel or filler; interstitial has the highest priority and is forced to play during the playback period; scheduled playback means priority playback during the playback period; carousel means playback according to the specified playback duration during the playback period, and switching to other tasks after the playback ends; filler means playback when there are no other tasks; the playback period can be set by three dimensions: date, week and time.

[0063] The component behavior is a button click, a button long press, a card list click, a template loading trigger event, or a third-party push trigger event; the component behavior also includes interactive actions between components; after visual interactive action arrangement, the edited interactive action data is stored using JSON data, and when the trigger event initiates the action flow, the JSON data is parsed into the corresponding code method, and the variables are obtained from the variable pool according to the configuration of the code method, and after dynamic data parsing processing, the action data, variable data, and runtime context data are passed to the action flow engine for execution;

[0064] The template type is a custom template or an interactive template; a custom template is a non-interactive display template, which is used for data display services, such as large screens for calling numbers in queuing halls in the medical and banking industries, secondary screens in departments, educational videos, and other scenarios; an interactive template is a dynamic template that supports interactive operations, which can be used for most common services, such as queuing number machines, bedside cards in wards, door numbers in the medical industry, and other scenarios, and supports user click operations, dynamic data interaction, calling external devices (sound, light, physical buttons, printer receipt printing), voice intercom, and other functions;

[0065] The interface style supports setting the corresponding resolution according to the screen resolution of the actual playing client;

[0066] The variable pool includes global variables, page variables, local variables, component variables and system variables.

[0067] The setting of the component parameters, taking the text component as an example, supports the editing of text content, configuration of dynamic text, and customized configurations such as font size, thickness, character spacing, line spacing, alignment, color, shadow, and automatic page turning.

[0068] The step S2 is specifically as follows:

[0069] After the client for displaying multimedia information is turned on, it sends a login instruction carrying terminal information, authentication information, timestamp and hash value to the server through a preset communication protocol;

[0070] The communication protocol is Socket.io protocol, Websocket protocol or HTTP protocol; the hash value is obtained by hashing the terminal information, authentication information and timestamp.

[0071] In a specific implementation, the server can control each client in batches through the communication protocol to perform operations such as restart, upgrade, screenshot, volume control, NTP time synchronization, speed limit, template distribution, and playback task control.

[0072] By setting the login instruction to carry authentication information, timestamp and hash value, the integrity can be checked through the hash value, the timeliness can be checked through the timestamp, and the legitimacy can be checked through the authentication information. Triple security measures are taken before and after to prevent illegal clients from establishing connections with the server, thereby greatly improving the security of message sending.

[0073] The step S3 is specifically as follows:

[0074] The server parses the received login instruction to obtain terminal information, authentication information, timestamp and hash value, performs integrity verification on the terminal information, authentication information and timestamp through the hash value, performs timeliness verification through the timestamp, and then performs legitimacy verification through the authentication information. After the verification passes, the terminal information is registered into a pre-created database, and the JSON data packet is sent to a client running Hongmeng system, Android system or X86 system through Socket.io protocol, Websocket protocol or HTTP protocol.

[0075] A preferred embodiment of an interactive template generation system based on online web page arrangement of the present invention includes the following modules:

[0076] The interface template online editing module is used for the server to edit the interface template for multimedia information release online in an interactive way of dragging and dropping through the webpage template editor, and to package the interface template into a JSON data packet;

[0077] A login instruction sending module is used to send a login instruction to a server through a preset communication protocol after the client for displaying multimedia information is turned on;

[0078] A JSON data packet sending module is used for the server to verify the received login instruction, register the terminal information carried by the login information into a pre-created database, and send the JSON data packet to the client;

[0079] The interface template display module is used for the client to receive the JSON data packet in real time, parse and render the JSON data packet through WebView to display the interface template;

[0080] Before rendering, the parallel threads of the GPU are started by using the Compute Shader technology, and parallel rendering is performed by the parallel threads to improve rendering efficiency;

[0081] The multimedia information filling and display module is used for the interface template to automatically obtain multimedia information based on the set template parameters and fill and display to complete the information sending operation. The edited interface template supports the uploading, downloading, playing and use of elements such as text, pictures, videos and audio.

[0082] The acquisition of the multimedia information, taking text as an example, can be achieved through data interaction, and dynamic data can be rendered into real text content by parsing specific text rules; the identifier format of the dynamically filled text in the present invention is "${data.key}" or "${@scope:data.key:path}", the former is relative variable parsing, which is often used for data parsing in custom templates, and the latter is the text identifier format for parsing dynamic variables in interface templates, which supports parsing different variables in different scope variables, and supports extracting internal data in objects according to paths.

[0083] The interface template online arrangement module is specifically used for:

[0084] After verifying the access request sent by the management terminal, the server feeds back an access permission response to the management terminal, creates an interface template online on the web page template editor based on the operation instructions input by the management terminal, selects corresponding components from the component library in an interactive drag-and-drop manner and arranges them in the interface template, sets component parameters of each component in the interface template, including at least component type, component content, content source, material style, scheduling mode, transition animation and component behavior, sets interface parameters of the interface template, including at least template type, interface event, interface style and variable pool, and packages the interface template and template parameters including component parameters and interface parameters into a JSON data packet.

[0085] The arrangement of the interface template can be divided into page arrangement and action arrangement. Page arrangement is to edit the styles of interface elements and other contents, and action arrangement is to edit interface events, button behaviors and other contents. The whole arrangement process is visualized and does not require users to write any code.

[0086] The component types include at least time, bullet text, remote web page, rich text, picture, material carousel, QR code, text, input box, button, card layout, video, audio and real-time table;

[0087] The content source is a URL or a database address;

[0088] The scheduling modes are interstitial, scheduled playback, carousel or filler; interstitial has the highest priority and is forced to play during the playback period; scheduled playback means priority playback during the playback period; carousel means playback according to the specified playback duration during the playback period, and switching to other tasks after the playback ends; filler means playback when there are no other tasks; the playback period can be set by three dimensions: date, week and time.

[0089] The component behavior is a button click, a button long press, a card list click, a template loading trigger event, or a third-party push trigger event; the component behavior also includes interactive actions between components; after visual interactive action arrangement, the edited interactive action data is stored using JSON data, and when the trigger event initiates the action flow, the JSON data is parsed into the corresponding code method, and the variables are obtained from the variable pool according to the configuration of the code method, and after dynamic data parsing processing, the action data, variable data, and runtime context data are passed to the action flow engine for execution;

[0090] The template type is a custom template or an interactive template; a custom template is a non-interactive display template, which is used for data display services, such as large screens for calling numbers in queuing halls in the medical and banking industries, secondary screens in departments, educational videos, and other scenarios; an interactive template is a dynamic template that supports interactive operations, which can be used for most common services, such as queuing number machines, bedside cards in wards, door numbers in the medical industry, and other scenarios, and supports user click operations, dynamic data interaction, calling external devices (sound, light, physical buttons, printer receipt printing), voice intercom, and other functions;

[0091] The interface style supports setting the corresponding resolution according to the screen resolution of the actual playing client;

[0092] The variable pool includes global variables, page variables, local variables, component variables and system variables.

[0093] The setting of the component parameters, taking the text component as an example, supports the editing of text content, configuration of dynamic text, and customized configurations such as font size, thickness, character spacing, line spacing, alignment, color, shadow, and automatic page turning.

[0094] The login instruction sending module is specifically used for:

[0095] After the client for displaying multimedia information is turned on, it sends a login instruction carrying terminal information, authentication information, timestamp and hash value to the server through a preset communication protocol;

[0096] The communication protocol is Socket.io protocol, Websocket protocol or HTTP protocol; the hash value is obtained by hashing the terminal information, authentication information and timestamp.

[0097] In a specific implementation, the server can control each client in batches through the communication protocol to perform operations such as restart, upgrade, screenshot, volume control, NTP time synchronization, speed limit, template distribution, and playback task control.

[0098] By setting the login instruction to carry authentication information, timestamp and hash value, the integrity can be checked through the hash value, the timeliness can be checked through the timestamp, and the legitimacy can be checked through the authentication information. Triple security measures are taken before and after to prevent illegal clients from establishing connections with the server, thereby greatly improving the security of message sending.

[0099] The JSON data packet sending module is specifically used for:

[0100] The server parses the received login instruction to obtain terminal information, authentication information, timestamp and hash value, performs integrity verification on the terminal information, authentication information and timestamp through the hash value, performs timeliness verification through the timestamp, and then performs legitimacy verification through the authentication information. After the verification passes, the terminal information is registered into a pre-created database, and the JSON data packet is sent to a client running Hongmeng system, Android system or X86 system through Socket.io protocol, Websocket protocol or HTTP protocol.

[0101] In summary, the advantages of the present invention are:

[0102] The interface template for multimedia information publishing is compiled online in an interactive way of dragging and dropping through the web template composer, and the interface template is packaged into a JSON data packet; after the client for displaying multimedia information is turned on, a login instruction is sent to the server through a preset communication protocol; after the server verifies the login instruction, the terminal information carried by the login information is registered into a pre-created database, and the JSON data packet is sent to the client; then the client receives the JSON data packet in real time, parses and renders the JSON data packet through WebView to display the interface template, and the interface template automatically obtains the multimedia information based on the set template parameters and fills in the display to complete the information sending operation; that is, the interface template is compiled online through the web template composer, and packaged into a JSON data packet and sent to the client Deployment, since JSON is an easy-to-read and write data format, compared with traditional software APK, it has low software and hardware costs, simple installation and deployment, and is easy to customize; the server's web template editor can use the interactive method of dragging and dropping to edit the interface template online in real time, and then send the edited interface template to the client, which is simple and convenient, and does not require the intervention of technical personnel; the web template editor supports flexible setting of components, including at least component type, component content, content source, material style, scheduling mode, transition animation, and component behavior component parameters. The interface template includes at least template type, interface event, interface style, and interface parameters of the variable pool, which can be flexibly expanded as needed to support different industries, different businesses, and network interactions, ultimately greatly improving the convenience, flexibility, and scalability of the message.

[0103] Although the specific implementation modes of the present invention are described above, those skilled in the art should understand that the specific implementation modes described are only illustrative and are not intended to limit the scope of the present invention. Equivalent modifications and changes made by those skilled in the art in accordance with the spirit of the present invention should be included in the scope of protection of the claims of the present invention.

Claims

1. A method for generating an interactive template based on online layout of web pages, characterized in that: The steps include: Step S1, the server arranges the interface template for multimedia information release online in a drag-and-drop interactive manner through a webpage template arranger, and packages the interface template into a JSON data packet; Step S2: After the client for displaying multimedia information is turned on, it sends a login instruction to the server through a preset communication protocol; Step S3: After verifying the received login instruction, the server registers the terminal information carried by the login information into a pre-created database, and sends the JSON data packet to the client; Step S4: The client receives the JSON data packet in real time, and parses and renders the JSON data packet through WebView to display the interface template; Step S5: The interface template automatically obtains multimedia information based on the set template parameters and fills in the display to complete the information sending operation.

2. The method for generating an interactive template based on online web page arrangement according to claim 1, characterized in that: The step S1 is specifically as follows: After verifying the access request sent by the management terminal, the server feeds back an access permission response to the management terminal, creates an interface template online on the web page template editor based on the operation instructions input by the management terminal, selects corresponding components from the component library in an interactive drag-and-drop manner and arranges them in the interface template, sets component parameters of each component in the interface template, including at least component type, component content, content source, material style, scheduling mode, transition animation and component behavior, sets interface parameters of the interface template, including at least template type, interface event, interface style and variable pool, and packages the interface template and template parameters including component parameters and interface parameters into a JSON data packet.

3. The method for generating an interactive template based on online web page arrangement according to claim 2, characterized in that: The component types include at least time, bullet text, remote web page, rich text, picture, material carousel, QR code, text, input box, button, card layout, video, audio and real-time table; The content source is a URL or a database address; The scheduling mode is interstitial, scheduled play, carousel or spacer; The component behavior is a button click, a button long press, a card list click, a template loading trigger event, or a third-party push trigger event; The template type is a custom template or an interactive template; The variable pool includes global variables, page variables, local variables, component variables and system variables.

4. The method for generating an interactive template based on online web page arrangement according to claim 1, characterized in that: The step S2 is specifically as follows: After the client for displaying multimedia information is turned on, it sends a login instruction carrying terminal information, authentication information, timestamp and hash value to the server through a preset communication protocol; The communication protocol is Socket.io protocol, Websocket protocol or HTTP protocol; the hash value is obtained by hashing the terminal information, authentication information and timestamp.

5. The method for generating an interactive template based on online web page arrangement according to claim 1, characterized in that: The step S3 is specifically as follows: The server parses the received login instruction to obtain terminal information, authentication information, timestamp and hash value, performs integrity verification on the terminal information, authentication information and timestamp through the hash value, performs timeliness verification through the timestamp, and then performs legitimacy verification through the authentication information. After the verification passes, the terminal information is registered into a pre-created database, and the JSON data packet is sent to a client running Hongmeng system, Android system or X86 system through Socket.io protocol, Websocket protocol or HTTP protocol.

6. An interactive template generation system based on online web page arrangement, characterized in that: Includes the following modules: The interface template online editing module is used for the server to edit the interface template for multimedia information release online in a drag-and-drop interactive manner through a webpage template editor, and to package the interface template into a JSON data packet; A login instruction sending module is used to send a login instruction to a server through a preset communication protocol after the client for displaying multimedia information is turned on; A JSON data packet sending module is used for the server to verify the received login instruction, register the terminal information carried by the login information into a pre-created database, and send the JSON data packet to the client; The interface template display module is used for the client to receive the JSON data packet in real time, parse and render the JSON data packet through WebView to display the interface template; The multimedia information filling and display module is used for the interface template to automatically obtain multimedia information based on the set template parameters and fill in and display to complete the information sending operation.

7. The interactive template generation system based on online web page arrangement as claimed in claim 6, characterized in that: The interface template online arrangement module is specifically used for: After verifying the access request sent by the management terminal, the server feeds back an access permission response to the management terminal, creates an interface template online on the web page template editor based on the operation instructions input by the management terminal, selects corresponding components from the component library in an interactive drag-and-drop manner and arranges them in the interface template, sets component parameters of each component in the interface template, including at least component type, component content, content source, material style, scheduling mode, transition animation and component behavior, sets interface parameters of the interface template, including at least template type, interface event, interface style and variable pool, and packages the interface template and template parameters including component parameters and interface parameters into a JSON data packet.

8. The interactive template generation system based on online web page arrangement as claimed in claim 7, characterized in that: The component types include at least time, bullet text, remote web page, rich text, picture, material carousel, QR code, text, input box, button, card layout, video, audio and real-time table; The content source is a URL or a database address; The scheduling mode is interstitial, scheduled play, carousel or spacer; The component behavior is a button click, a button long press, a card list click, a template loading trigger event, or a third-party push trigger event; The template type is a custom template or an interactive template; The variable pool includes global variables, page variables, local variables, component variables and system variables.

9. The interactive template generation system based on online web page arrangement as claimed in claim 6, characterized in that: The login instruction sending module is specifically used for: After the client for displaying multimedia information is turned on, it sends a login instruction carrying terminal information, authentication information, timestamp and hash value to the server through a preset communication protocol; The communication protocol is Socket.io protocol, Websocket protocol or HTTP protocol; the hash value is obtained by hashing the terminal information, authentication information and timestamp.

10. The interactive template generation system based on online web page arrangement according to claim 6, characterized in that: The JSON data packet sending module is specifically used for: The server parses the received login instruction to obtain terminal information, authentication information, timestamp and hash value, performs integrity verification on the terminal information, authentication information and timestamp through the hash value, performs timeliness verification through the timestamp, and then performs legitimacy verification through the authentication information. After the verification passes, the terminal information is registered into a pre-created database, and the JSON data packet is sent to a client running Hongmeng system, Android system or X86 system through Socket.io protocol, Websocket protocol or HTTP protocol.

Images