Client user interface updating method and device, storage medium and equipment

Abstract

The invention relates to the technical field of data processing, and provides a client user interface updating method and device, a storage medium and equipment. The client user interface updating method comprises the steps that a server compiles a dynamic template and a mapping template; the client obtains the dynamic template through the interface, analyzes the content of the dynamic template, and renders a front-end page based on the content of the dynamic template and a preset rule; the client sends a user input request to the server through the front-end page; the server obtains the mapping template, matches the dynamic template according to the mapping template, and processes the user input request according to the mapping template rule; and the server distributes the processing result according to the preset address and the path. According to the invention, the generation efficiency and flexibility of the network page are improved, and the development cost is reduced.

Description

Technical Field

[0001] The present invention relates to the field of data processing technology, and in particular to a method, device, storage medium and equipment for updating a client user interface. Background Art

[0002] The statements in this section merely provide background information related to the present invention and do not necessarily constitute prior art.

[0003] In the prior art, the data collection and distribution process in the client interface has the following problems:

[0004] 1. Static page generation and information submission: Use front-end programming languages ​​to write web pages. When users enter information on the page, the information is sent to the server by submitting a form. The server uses traditional back-end programming languages ​​(such as Java, Python, PHP, etc.) to process and store information. Once the design and coding of static web pages are completed, it is difficult to modify them. If you need to change the page layout, style, or interactive functions, you often need to manually modify multiple files, which takes a lot of time and manpower. This makes the page update and maintenance cost high, and it is difficult to quickly adapt to changing business needs. Different page requirements may require the re-development of different templates, and template reuse cannot be achieved, resulting in low development efficiency.

[0005] 2. Unintelligent information processing: In the prior art, the verification of user input information is usually relatively simple, and can only perform basic format checks, such as email format, phone number format, etc. Complex data logic verification and data range verification are often not perfect, which easily leads to the submission and storage of erroneous data. There is a lack of automatic processing and sorting functions for information, and data needs to be sorted and classified manually, which increases the workload of manual operations and the possibility of errors.

[0006] 3. Insufficient security: Most existing technical solutions lack effective coding or encryption measures during information transmission and storage. Information entered by users may be transmitted in plain text over the network, which is easily stolen by hackers and poses a great security risk. Information stored on a single server is also susceptible to server security vulnerabilities. Once the server is attacked, a large amount of user information may be leaked.

[0007] 4. Difficulty in server synchronization: When products deployed on a single machine need to synchronize information to multiple servers, they usually need to write complex synchronization scripts or use special synchronization tools, which are cumbersome to operate and prone to synchronization errors. The synchronization process lacks automation and intelligence, and is inefficient. Summary of the invention

[0008] In order to solve the technical problems existing in the above-mentioned background technology, the present invention provides a client user interface update method, device, storage medium and equipment. The present invention realizes the full-chain optimization from user interface generation, data processing to distributed distribution, and significantly improves the flexibility and security of data collection and distribution.

[0009] In order to achieve the above object, the present invention adopts the following technical solution:

[0010] A first aspect of the present invention provides a method for updating a client user interface.

[0011] A method for updating a client user interface, comprising:

[0012] The server writes dynamic templates and mapping templates;

[0013] The client obtains the dynamic template through the interface, parses the dynamic template content, and renders the front-end page based on the dynamic template content and preset rules;

[0014] The client sends a user input request to the server through the front-end page;

[0015] The server obtains the mapping template, matches the dynamic template according to the mapping template, and processes the user input request according to the mapping template rules;

[0016] The server distributes the processing results according to the preset address and path.

[0017] Furthermore, the method for writing a dynamic template includes: determining page elements and page layout to generate a page design diagram; and writing dynamic template data according to the page design diagram to generate a dynamic template.

[0018] Furthermore, the dynamic template data includes: common data and element specific description data, the common data includes content verification rule expressions, element color and font size for storing element content, and the element specific description data includes the element's unique identifier, placeholder content, default value, size and whether it is hidden.

[0019] Furthermore, the content verification rule expression is used to verify the user input request of the element component to determine whether it meets the input standard.

[0020] Furthermore, the mapping template is written, and the method includes: defining a processing logic rule according to a unique identifier in the dynamic template.

[0021] Furthermore, the processing logic rules include encryption method, prefix content, suffix content, distribution path and distribution node IP.

[0022] Furthermore, the method for distributing the processing results includes: when the data IP is empty, it is distributed to the local server by default, and when the distribution IP is not empty, it is distributed to the server of the IP; when the distribution path is empty, it is prompted that the distribution path does not exist, and when the distribution path exists, it is distributed to the path.

[0023] A second aspect of the present invention provides a client user interface updating device.

[0024] A client user interface updating device, comprising:

[0025] Template module, used to write dynamic templates and mapping templates;

[0026] The template parsing module is used to obtain dynamic templates through the interface, parse the dynamic template content, and render the front-end page based on the dynamic template content and preset rules;

[0027] The front-end page module is used to send user input requests to the server through the front-end page;

[0028] The mapping module and the data processing module are used to obtain the mapping template, match the dynamic template according to the mapping template, and process the user input request according to the mapping template rules;

[0029] The distribution module is used to distribute the processing results according to the preset address and path.

[0030] A third aspect of the present invention provides a computer-readable storage medium.

[0031] A computer-readable storage medium stores a computer program, which, when executed by a processor, implements the steps in the client user interface updating method as described in the first aspect above.

[0032] A fourth aspect of the present invention provides a computer device.

[0033] A computer device comprises a memory, a processor and a computer program stored in the memory and executable on the processor, wherein when the processor executes the program, the steps in the client user interface updating method as described in the first aspect above are implemented.

[0034] Compared with the prior art, the present invention has the following beneficial effects:

[0035] The present invention provides a method for updating a client user interface, comprising: the client obtains a dynamic template through an interface, parses the content of the dynamic template, and renders a front-end page based on the content and rules of the dynamic template; the user inputs data information on the page, sends the data to the server, the server receives the data, and obtains a mapping template; matches the client data based on the mapping template, and processes the user data based on the mapping template rules; generates a standard data set, stores the standard data set in a database, determines whether it needs to be distributed to other servers, distributes to other servers, and ends the process. The present invention improves the generation efficiency and flexibility of network pages and reduces development costs.

[0036] The present invention provides a client user interface updating device, which renders template content through a front-end page, analyzes template data and format through a template parsing module, and defines page structure, rules and other data through a template module; defines data processing methods and distribution directories through a mapping module, processes user input data through a data processing module, and distributes data through a distribution module. The present invention automates information processing, collation and verification, thereby improving the accuracy and integrity of information. The automated distribution technology based on the distribution module improves the flexibility and availability of information distribution. BRIEF DESCRIPTION OF THE DRAWINGS

[0037] The accompanying drawings in the specification, which constitute a part of the present invention, are used to provide a further understanding of the present invention. The exemplary embodiments of the present invention and their descriptions are used to explain the present invention and do not constitute improper limitations on the present invention.

[0038] Figure 1 is a flow chart of a method for updating a client user interface shown in the present invention;

[0039] Figure 2 It is a framework diagram of a client user interface updating device shown in the present invention. DETAILED DESCRIPTION

[0040] The present invention will be further described below in conjunction with the accompanying drawings and embodiments.

[0041] It should be noted that the following detailed descriptions are all illustrative and intended to provide further explanation of the present invention. Unless otherwise specified, all technical and scientific terms used herein have the same meanings as those commonly understood by those skilled in the art to which the present invention belongs.

[0042] It should be noted that the terms used herein are only for describing specific embodiments and are not intended to limit exemplary embodiments according to the present invention. As used herein, unless the context clearly indicates otherwise, the singular form is also intended to include the plural form. In addition, it should be understood that when the terms "comprising" and / or "including" are used in this specification, it indicates the presence of features, steps, operations, devices, components and / or combinations thereof.

[0043] It should be noted that the flowcharts and block diagrams in the accompanying drawings illustrate the possible implementation architecture, functions and operations of the methods and systems according to various embodiments of the present disclosure. It should be noted that each box in the flowchart or block diagram can represent a module, a program segment, or a part of a code, and the module, program segment, or a part of a code may include one or more executable instructions for implementing the logical functions specified in each embodiment. It should also be noted that in some alternative implementations, the functions marked in the box can also occur in an order different from that marked in the accompanying drawings. For example, two boxes represented in succession can actually be executed substantially in parallel, or they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the flowchart and / or block diagram, and the combination of boxes in the flowchart and / or block diagram can be implemented using a dedicated hardware-based system that performs a specified function or operation, or can be implemented using a combination of dedicated hardware and computer instructions.

[0044] Embodiment 1

[0045] like Figure 1 As shown, this embodiment provides a method for updating the user interface of a client. This embodiment uses the method applied to a server as an example. It can be understood that the method can also be applied to a terminal, and can also be applied to a system including a terminal and a server, and is implemented through the interaction between the terminal and the server. The server can be an independent physical server, or a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network servers, cloud communications, middleware services, domain name services, security services CDN, and big data and artificial intelligence platforms. The terminal can be a smart phone, a tablet computer, a laptop computer, a desktop computer, a smart speaker, a smart watch, etc., but is not limited to this. The terminal and the server can be directly or indirectly connected via wired or wireless communication, which is not limited in this application. In this embodiment, the method includes the following steps:

[0046] The server writes dynamic templates and mapping templates;

[0047] The client obtains the dynamic template through the interface, parses the dynamic template content, and renders the front-end page based on the dynamic template content and preset rules;

[0048] The client sends a user input request to the server through the front-end page;

[0049] The server obtains the mapping template, matches the dynamic template according to the mapping template, and processes the user input request according to the mapping template rules;

[0050] The server distributes the processing results according to the preset address and path.

[0051] Dynamic template writing method:

[0052] 1. Determine the page elements and layout, and output the page design (clarify the type of each element, verification rule description, etc.). For example: the page includes two elements, an input box and a date selection box.

[0053] 2. Write dynamic template data according to the determined page design. Taking an input box and a date selection box as an example, first create a .json format file. The template data content is mainly divided into two parts. The first part is public data, which can be applied to the entire template file, such as the validation statement (regular expression) storing the element content, the element's color, font size, etc.; the second part is the specific description of each element. For example, for an input box, you can define the element's unique identifier, placeholder content, default value, width, whether to hide, etc., for front-end rendering.

[0054] The present invention uses a dynamic template to generate a front-end page technology, thereby improving the generation efficiency and flexibility of network pages and reducing development costs.

[0055] Mapping template writing method: Write mapping template data according to the dynamic template. Specifically: Determine the number of element arrays in the mapping template according to the number of elements in the dynamic template. Determine the target node IP data, target file path, template file name, data encryption method, etc. that need to be mapped according to the element content in the dynamic template and the product logic design.

[0056] Take the example that the user input content must be encrypted by AES and distributed to the user.properties file in the / opt / module / core directory on the 192.168.0.1 server, and the user selected date must be encrypted by MD5 and distributed to the date.properties file in the / opt / module / core directory on the 192.168.0.2 server. First, create a .json format file. The template content is mainly based on the unique identifier in the dynamic template as the primary key, and defines the data processing method, distribution path, and encryption method for each element. This embodiment is based on the data automation processing technology of the mapping template, which improves the accuracy and integrity of information processing.

[0057] The encoding or encryption processing of this embodiment improves the security of information and protects user privacy.

[0058] Embodiment 2

[0059] like Figure 2 As shown, this embodiment provides a client user interface update device, including: a front-end page module, a template parsing module, a template module, a mapping module, a data processing module, and a distribution module. The front-end page module is used to render the page and receive user input; the template parsing module is used to parse the template data, including the format, content, verification rules, etc.; the template module is used to define the data used to generate the page, including element type, name, unique identifier, width ratio, content verification rule expression, whether to display, etc.; the mapping module is used to define the data processing method and distribution directory; the data processing module is used to receive user input and process it based on the mapping template rules; the distribution module is used to distribute the data.

[0060] Specifically, the template module is used to define template data, including front-end dynamic templates and back-end mapping templates. Templates can be added or modified through online operations, based on the JSON data format, with flexibility and readability. The dynamic template defines the type, name, unique identifier, width ratio, content verification rule expression, display or not of page elements, etc.

[0061] The mapping module is used to define the processing logic for matching mapping template elements. The unique identifier of the element is used as the primary key to define the processing method for the input data of the element, including encryption method, prefix content, suffix content, distribution path, distribution node IP, etc. User input is encrypted in the mapping module.

[0062] Dynamic template writing method:

[0063] 1. Determine the page elements and layout, and output the page design (clarify the type of each element, verification rule description, etc.). For example: the page includes two elements, an input box and a date selection box.

[0064] 2. Write dynamic template data according to the determined page design. Taking an input box and a date selection box as an example, first create a .json format file. The template data content is mainly divided into two parts. The first part is public data, which can be applied to the entire template file, such as the validation statement (regular expression) storing the element content, the element's color, font size, etc.; the second part is the specific description of each element. For example, for an input box, you can define the element's unique identifier, placeholder content, default value, width, whether to hide, etc., for front-end rendering.

[0065] Mapping template writing method: Write mapping template data according to the dynamic template. Specifically: Determine the number of element arrays in the mapping template according to the number of elements in the dynamic template. Determine the target node IP data, target file path, template file name, data encryption method, etc. that need to be mapped according to the element content in the dynamic template and the product logic design.

[0066] For example, the user input content must be encrypted by AES and distributed to the user.properties file in the / opt / module / core directory on the 192.168.0.1 server, and the user selected date must be encrypted by MD5 and distributed to the date.properties file in the / opt / module / core directory on the 192.168.0.2 server. First, create a .json file. The template content is mainly based on the unique identifier in the dynamic template as the primary key, and defines the data processing method, distribution path, and encryption method for each element.

[0067] Template parsing module: By parsing the JSON data of the template module, the elements are rendered into page element components, and the component that the page element should be rendered as is determined according to the element type. For example, if the type is input, it is rendered as an input box; the label in the template is the label name displayed by the component; the unique identifier in the template is the unique identity ID of the element; the width and height in the template are the width and height of the element component; the element position in the template is the distance between the element component and the top and left of the page; the content verification rule expression in the template module is used to verify the input data of the element component to determine whether it meets the input standards; whether to display in the template is to control the display and hiding of the element component.

[0068] Data processing module: By parsing the mapping template, the input data passed from the front end is processed and summarized into a standard data set. For example, there is an input type element definition in the dynamic template, which is rendered as an input box component on the front page. When the user enters data in the input box, the data is passed to the back end, and the back end calls the mapping template to extract the mapping data of the component through the unique identifier of the component. The input data is encrypted using the encryption method defined in the mapping template; the prefix and suffix content is appended to the input through the prefix and suffix content defined in the mapping template; the data flow direction of the component input content is determined through the distribution IP and distribution path defined in the mapping template.

[0069] Distribution module: The distribution module is used to distribute standard data sets. The data processing module sends the processed standard data set to the distribution module, and the distribution module distributes the data based on whether the distribution IP and distribution path exist in the standard data set. When the data IP is empty, it is distributed to the local server by default. When the distribution IP is not empty, it is distributed to the server of the IP. When the distribution path is empty, it prompts that the distribution path does not exist. When the distribution path exists, it is distributed to the path.

[0070] This embodiment supports multi-server synchronous writing, improving the storage reliability and availability of information.

[0071] Embodiment 3

[0072] This embodiment provides a computer-readable storage medium on which a computer program is stored. When the program is executed by a processor, the steps in the client user interface updating method described in the first embodiment are implemented.

[0073] Embodiment 4

[0074] This embodiment provides a computer device, including a memory, a processor, and a computer program stored in the memory and executable on the processor. When the processor executes the program, the steps in the client user interface updating method described in the first embodiment are implemented.

[0075] Those skilled in the art will appreciate that embodiments of the present invention may be provided as methods, systems, or computer program products. Therefore, the present invention may take the form of hardware embodiments, software embodiments, or embodiments combining software and hardware. Furthermore, the present invention may take the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to disk storage and optical storage, etc.) containing computer-usable program code.

[0076] The present invention is described with reference to flowcharts and / or block diagrams of methods, devices (systems), and computer program products according to embodiments of the present invention. It should be understood that each process and / or block in the flowchart and / or block diagram, as well as the combination of processes and / or blocks in the flowchart and / or block diagram, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, an embedded processor, or other programmable data processing device to produce a machine, so that the instructions executed by the processor of the computer or other programmable data processing device generate instructions for implementing the processes in the flowchart and / or block diagram. Figure 1 A process or multiple processes and / or boxes Figure 1 A device that provides the functions specified in a block or multiple blocks.

[0077] These computer program instructions may also be stored in a computer-readable memory capable of directing a computer or other programmable data processing device to operate in a specific manner, so that the instructions stored in the computer-readable memory produce an article of manufacture comprising an instruction device, which implements the process Figure 1 A process or multiple processes and / or boxes Figure 1 A function specified in one or more boxes.

[0078] These computer program instructions can also be loaded onto a computer or other programmable data processing device so that a series of operating steps are executed on the computer or other programmable device to produce a computer-implemented process, thereby providing instructions for implementing the process. Figure 1 A process or multiple processes and / or boxes Figure 1 The steps for the functions specified in one or more boxes.

[0079] A person skilled in the art can understand that all or part of the processes in the above-mentioned embodiments can be implemented by instructing the relevant hardware through a computer program, and the program can be stored in a computer-readable storage medium, and when the program is executed, it can include the processes of the embodiments of the above-mentioned methods. The storage medium can be a disk, an optical disk, a read-only memory (ROM) or a random access memory (RAM), etc.

[0080] The above description is only a preferred embodiment of the present invention and is not intended to limit the present invention. For those skilled in the art, the present invention may have various modifications and variations. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present invention shall be included in the protection scope of the present invention.

Claims

1. A method for updating a client user interface, characterized in that: include: The server writes dynamic templates and mapping templates; The client obtains the dynamic template through the interface, parses the dynamic template content, and renders the front-end page based on the dynamic template content and preset rules; The client sends a user input request to the server through the front-end page; The server obtains the mapping template, matches the dynamic template according to the mapping template, and processes the user input request according to the mapping template rules; The server distributes the processing results according to the preset address and path.

2. The method for updating the client user interface according to claim 1, characterized in that: The method for writing a dynamic template includes: determining page elements and page layout to generate a page design diagram; and writing dynamic template data according to the page design diagram to generate a dynamic template.

3. The method for updating the client user interface according to claim 2, characterized in that: The dynamic template data includes: common data and element specific description data, the common data includes content verification rule expressions, element color and font size for storing element content, and the element specific description data includes the element's unique identifier, placeholder content, default value, size and whether it is hidden.

4. The method for updating the client user interface according to claim 3, characterized in that: The content verification rule expression is used to verify the user input request of the element component to determine whether it meets the input standard.

5. The method for updating the client user interface according to claim 1, characterized in that: Writing a mapping template, the method includes: defining a processing logic rule according to a unique identifier in the dynamic template.

6. The method for updating the client user interface according to claim 5, characterized in that: The processing logic rules include encryption method, prefix content, suffix content, distribution path and distribution node IP.

7. The method for updating the client user interface according to claim 1, characterized in that: The method for distributing the processing results includes: when the data IP is empty, distributing to the local server by default, and when the distribution IP is not empty, distributing to the server of the IP; when the distribution path is empty, it prompts that the distribution path does not exist, and when the distribution path exists, it distributes to the path.

8. A client user interface updating device, characterized in that: include: Template module, used to write dynamic templates and mapping templates; The template parsing module is used to obtain dynamic templates through the interface, parse the dynamic template content, and render the front-end page based on the dynamic template content and preset rules; The front-end page module is used to send user input requests to the server through the front-end page; The mapping module and the data processing module are used to obtain the mapping template, match the dynamic template according to the mapping template, and process the user input request according to the mapping template rules; The distribution module is used to distribute the processing results according to the preset address and path.

9. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the program is executed by a processor, the steps in the client user interface updating method according to any one of claims 1 to 7 are implemented.

10. A computer device comprising a memory, a processor and a computer program stored in the memory and executable on the processor, characterized in that: When the processor executes the program, the steps in the client user interface updating method according to any one of claims 1 to 7 are implemented.

Images