Data processing method, system, server device, readable medium and program product
By obtaining and executing the target variable parameters of controls through page design software, the problem of inaccurate expression of control state information in C/S architecture is solved, and the real-time state expression of controls during their lifecycle is realized.
Patent Information
- Application Number
- CN202111444448.9
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- Filing Date
- 2021-11-30
- Publication Date
- 2026-01-23
- Estimated Expiration
- 2041-11-30
AI Technical Summary
In a client/server architecture, existing solutions present a high level of complexity in ensuring that each control on the page correctly and in real-time expresses its corresponding state information throughout the application's lifecycle.
By using page design software to obtain the target variable parameters associated with the target control, and executing the corresponding program to respond to the operation, the correct expression of the control's state information is achieved.
In the C/S architecture, it is relatively easy to implement the ability of controls to correctly and in real time express their state information.
Smart Images

Figure CN114168134B_ABST
Abstract
Description
TECHNICAL FIELD
[0001] The present application relates to the technical field of interface development, and in particular to a data processing method, system, server device, readable medium and program product. BACKGROUND
[0002] With the development of intelligent science and technology, various applications, such as various game applications, online shopping applications, and friend-making applications, are emerging in an endless stream. The development of these applications cannot be separated from the editing and development of visual pages (User Interface, UI).
[0003] The purpose of UI editing and development is to enable each control (such as a button, a progress bar, etc.) on a page to correctly express the state information that the developer wants it to express. To this end, after the page editing and development is completed, the page is applied to the corresponding application process. A key technical problem is: how to ensure that each control on the page can correctly and in real time express its corresponding state information within the system lifecycle of the application. For this key technical problem, it is relatively easy to implement in a single-chip system using existing solutions, but there is a certain degree of complexity for a C / S (Client / Server) architecture. SUMMARY
[0004] In view of the above problems, the present application provides a data processing method, system, server device, readable medium and program product to solve the above problems or at least partially solve the above problems.
[0005] According to one aspect of the present application, a data processing method is provided, comprising:
[0006] When it is determined that a first user triggers an operation on a target control on an application page, at least one target variable parameter associated with the target control is obtained; wherein the at least one target variable parameter is a parameter input by a second user in an edit box on at least one target variable editing visual module after selecting the at least one target variable editing visual module by a page design software;
[0007] An execution program corresponding to the target control is obtained;
[0008] The execution program is executed according to the at least one target variable parameter, and a corresponding response is made according to the execution result.
[0009] According to another aspect of the present application, a data processing system is provided, comprising:
[0010] The server is configured to determine whether the first user triggers an operation on a target control on an application page, obtain at least one target variable parameter associated with the target control, obtain an execution program corresponding to the target control, and execute the execution program according to the at least one target variable parameter to make a corresponding response according to an execution result.
[0011] The first user client is configured to display the application page on which a target control is displayed, and send a message notification to the server in response to an operation triggered by the first user on the target control, so that the server determines whether the first user triggers an operation on the target control on the application page based on the message notification.
[0012] According to another aspect of the present application, a server device is provided, which comprises a memory, a processor and computer programs / instructions stored in the memory, and the processor executes the computer programs / instructions to implement the steps of the data processing method of the first aspect.
[0013] According to another aspect of the present application, a computer readable medium is provided, which stores computer programs / instructions, and the computer programs / instructions are executed by a processor to implement the steps of the data processing method of the first aspect.
[0014] According to another aspect of the present application, a computer program product is provided, which comprises computer programs / instructions, and the computer programs / instructions are executed by a processor to implement the steps of the data processing method of the first aspect.
[0015] The present application has the following advantages: when it is determined that the first user triggers an operation on a target control on an application page, at least one target variable parameter associated with the target control is obtained; here, the at least one target variable parameter is input by a second user in an edit box on at least one target variable editing visual module after the second user selects the at least one target variable editing visual module through page design software; then, an execution program corresponding to the target control is obtained, and the execution program is executed according to the at least one target variable parameter to make a corresponding response according to an execution result. In the C / S (client / server) architecture, the target control can correctly and timely express its corresponding state information, and the implementation difficulty is relatively low. BRIEF DESCRIPTION OF DRAWINGS
[0016] In order to make the technical solutions of the embodiments of the present application or the prior art clearer, the accompanying drawings needed in the embodiments or prior art description will be briefly introduced. Obviously, the accompanying drawings in the following description are some embodiments of the present application, and other drawings can be obtained by those skilled in the art without any creative effort based on these drawings.
[0017] Figure 1 A schematic view of a page editing interface according to one embodiment of the present application is shown schematically;
[0018] Figure 2a A schematic view of an event editing interface according to one embodiment of the present application is shown schematically;
[0019] Figure 2b A schematic view of a page editing interface according to another embodiment of the present application is shown schematically;
[0020] Figure 2c A schematic view of an event editing interface according to another embodiment of the present application is shown schematically;
[0021] Figure 2d A schematic view of an event editing interface according to another embodiment of the present application is shown schematically;
[0022] Figure 3 A schematic view of a data association interface according to one embodiment of the present application is shown schematically;
[0023] Figure 4 A schematic view of a data processing method according to one embodiment of the present application is shown schematically;
[0024] Figure 5a A schematic view of a data processing method according to one embodiment of the present application is shown schematically;
[0025] Figure 5b A schematic view of a data processing method according to another embodiment of the present application is shown schematically;
[0026] Figure 6 A schematic view of a data processing apparatus according to one embodiment of the present application is shown schematically;
[0027] Figure 7 A schematic view of a server device according to one embodiment of the present application is shown schematically;
[0028] Figure 8 A schematic view of a computer program product according to one embodiment of the present application is shown schematically. DETAILED DESCRIPTION
[0029] With the development of science and technology, various applications, such as games, online shopping apps, and social networking apps, have emerged in large numbers, enriching people's lives. The development of these applications all rely on the editing and development of visual web pages (or user interfaces, UIs).
[0030] A webpage serves as the medium for interaction and information exchange between users and hardware systems. Developers edit and develop webpages to ensure that all controls on the page function correctly and express their corresponding state information throughout the page's lifecycle. For example, in a game application, a progress bar representing a character's remaining health should dynamically display that health in real-time. The state information expressed by each control on the page is often specific characteristic data corresponding to a variable parameter. Therefore, developers typically use UI editing tools built into webpage design software such as Qt Designer, Android Studio, and Xcode to associate corresponding variable parameters with each control, completing the functional design of each control and thus finishing the page's editing and development. After the page is edited and developed, a key technical issue arises when applying it to an application: how to ensure that each control on the page correctly and in real-time expresses its corresponding state information throughout the application's system lifecycle. While this key technical issue is relatively easy to address using existing solutions in microcontroller systems, it presents a certain level of complexity for client / server (C / S) architectures.
[0031] To address the aforementioned technical problems, this invention provides a data processing method, system, server-side device, readable medium, and program product. Through the technical solution provided by this invention, in a C / S (client / server) architecture, it is possible to ensure that each control on the page can correctly and in real-time express its corresponding state information, and the implementation difficulty is relatively low. To enable those skilled in the art to better understand the technical solution of this invention, the invention will be further described below with reference to the accompanying drawings and specific embodiments. The following description is only for illustrating the basic principles of the invention and is not intended to limit it.
[0032] In some processes described in the specification, claims, and accompanying drawings of this invention, multiple operations appearing in a specific order are included. These operations may be executed out of order or in parallel. Operation numbers such as 101, 102, etc., are merely used to distinguish different operations and do not represent any execution order. Furthermore, these processes may include more or fewer operations, and these operations may be executed sequentially or in parallel. It should be noted that the terms "first," "second," etc., used herein are used to distinguish different messages, devices, modules, etc., and do not represent a sequential order, nor do they limit "first" and "second" to different types. The term "or / and" in this invention is merely a description of the relationship between related objects, indicating that three relationships can exist. For example, A or / and B indicates that A can exist alone, A and B can exist simultaneously, or B can exist alone. The character " / " in this invention generally indicates that the preceding and following related objects have an "or" relationship. It should also be noted that the terms "comprising," "including," or any other variations thereof are intended to cover non-exclusive inclusion, such that a product or system comprising a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such a product or system. Without further limitations, an element defined by the phrase "comprising one..." does not exclude the presence of other identical elements in the product or system including said element. Furthermore, the following embodiments are merely some embodiments of the present invention, not all embodiments. All other embodiments obtained by those skilled in the art based on the embodiments of the present invention without inventive effort are within the scope of protection of the present invention.
[0033] Before introducing the data processing method provided by this invention, we will first explain how to complete the functional design of each control on the page, so as to illustrate a specific implementation method of page editing development, which will facilitate the subsequent understanding of the data processing method.
[0034] In practical implementation, the functional design of each control on the page is completed based on the page design software provided by this invention. This page design software can take the form of a UI editor, which provides various functional modules such as a variable editing visual module. This allows developers to complete the functional design of each control on the page through simple operations such as variable parameter selection and setting the specific feature data corresponding to the variable parameters, thereby completing the page editing and development. For details on how to use the page design software provided by this invention to implement the functional design of each control on the page, please refer to the relevant content provided in the various embodiments of this invention below, which will not be elaborated here. It should be noted that the page design software provided by this invention is installed on the client device corresponding to the developer. The client device can be a personal computer, tablet computer, smartphone, personal digital assistant (PAD), smart wearable device, or other mobile device, or it can be a desktop computer, digital TV, or other fixed device; no limitation is made here. Furthermore, in this embodiment, unless otherwise specified, the term "user" refers to the developer who performed the UI development design mentioned above; "user" and "developer" are simply different names used from different perspectives.
[0035] Please see Figure 1 and Figures 2a to 2d The functional design and implementation process of each control on the page is as follows:
[0036] 1. Display the application's page on the design interface provided by the page design software, and display the target control on the page.
[0037] In practical implementation, the page design software (such as a UI editor) provided by this invention offers multiple functional interfaces, all of which can be referred to as design interfaces. For example, see [link to relevant documentation]. Figure 1 The UI editor shown has a toolbar 110 corresponding to function module 10 in its menu bar, which includes various function units such as "Page Editing," "Event Editing," "Data Association," and "Global Data." Each of these function units corresponds to a design interface. Different design interfaces generally correspond to different page development and design functions, for example: Figure 1The interface 100 corresponding to the "Page Editing" function unit shown in the figure (hereinafter referred to as the "Page Editing" interface 100) includes a page editing area 1101, a control selection area 1102, and a control (or page) property display area 1103. Users can use the multiple controls provided in the control selection area 1102 (such as button controls, image controls, text box controls, radio button controls, etc. provided under the basic control module) to complete the initial layout design of a page for an application (such as a game application) in the page editing area 1101. Then, based on the various function units provided in the control property display area 1103 (such as the event editing function unit 11031), users can enter different design interfaces and complete the corresponding function development of a control through the various function designs provided by the different design interfaces. For example, users can enter the event editing function unit 11031 to... Figure 2a The interface 200 corresponding to the "Event Editing" shown (hereinafter referred to as the "Event Editing" interface 200) is used to develop and design various "event" functions such as button 01 based on the various functions provided on the "Event Editing" interface 200. For details on how to develop and design various "event" functions such as button 01, please refer to the relevant content below, which will not be elaborated here.
[0038] Based on the above description, the page design software provided by this invention, which provides a design interface for displaying application pages, can refer to, for example... Figure 1 The "Page Editing" interface 100 shown specifically refers to the page being applied to, which is the page editing area 1101 displayed on the "Page Editing" interface 100.
[0039] The application page displayed on the page editing area 1101 can be an initial page designed in advance by the user using the page design software provided by this invention or other types of page design software, or it can be the initial layout design (i.e., the initial page) of the application page completed by the user in the page editing area 1101 using the page design software provided by this invention through various functional areas such as the control selection area 1102 and the page editing area 1101 provided on the "page editing" interface 100. The specific source of the application page is not limited here. That is to say, the displayed application page shows multiple controls. The user has only designed the corresponding layout and initial basic attributes (such as control name, shape, etc.) of these controls, and has not developed the various dynamic functional attributes required for each control to express during page runtime. For example, see... Figure 1As shown, for the page currently displayed in the page editing area 1101, the user has only initially designed the basic properties of button 01, and has not yet designed the action events that can be triggered when button 01 is triggered. In specific implementation, the action event may refer to, but is not limited to, when button 01 is triggered, performing the operation of switching from the current page to other pages, or performing the operation of changing the text content displayed on another control or itself, etc.
[0040] It should be noted that the basic attributes of the aforementioned controls refer to attributes that determine the appearance of the controls, such as the control's name, shape, display style, font color, font size, etc. Additionally, the application corresponding to the page can refer to various application software installed on client devices (such as smartphones, personal computers, laptops, smart wearable devices, etc.), such as game software, social networking software, online shopping software, etc. This embodiment does not limit this.
[0041] In practice, any of the multiple controls displayed on a page can be considered as target controls, or one or two of the multiple controls can be considered as target controls; this is not limited here. In specific implementation, the target control is determined by the functionality that the user wants the page to perform when it runs. For example, see [link to relevant documentation]. Figure 1 The application page shown in the figure displays a button 01. If the user wants button 01 to switch the current page to the next page when triggered, then button 01 is the target control. Alternatively, if the user wants button 01 to change the text displayed in a text box (not shown in the figure) on the current page when triggered, then button 01 and the corresponding text box are the target controls. In the following descriptions of the functional design of various controls on the page, button 01 will be used as an example of the target control.
[0042] In the above context, the functionality of a control can refer to the execution functions it possesses when the page to which it belongs is running, or the function of triggering corresponding program code to run and complete a response through "events," etc., without being limited to any specific instance. Here, "event" refers to the control's response to keyboard, mouse, user touch, and other operations. Generally, users develop and design the control's "events" according to actual needs to realize the control's functional design. Once a control's event occurs, it will trigger the execution of the corresponding event process.
[0043] Since the various functions corresponding to each control are usually implemented through corresponding variable parameters, the state information expressed by each control during page runtime is often the specific characteristic data corresponding to the variable parameters associated with each control. Based on this, the page design software provided by this invention provides at least one variable editing visual module. A variable editing visual module has at least one edit box, and users can quickly associate target controls with their corresponding variable parameters using this variable editing visual module. For the specific implementation of associating target controls with their corresponding variable parameters using the variable editing visual module, please refer to the relevant content of the following embodiments.
[0044] 2. For the event functions that the user wants to set for the target control, display the corresponding event function editing visual module, and display at least one variable editing visual module.
[0045] See also Figure 1 As shown, after the application page is displayed, if the user wants to associate a target variable parameter with a target control on the page to complete the functional design of the target control, they can first perform a trigger operation on the first guide element 11031 displayed on the current interface, causing the user to switch to the function editing interface corresponding to the target control. For example, Figure 2a The "Event Editing" interface 200 shown above displays a list of functions corresponding to the target control and a function editing area (i.e., such as...). Figure 2a The event list and event editing area 210 shown in the figure are as follows: the function editing area provides an editing space for editing specific event functions of the target control, and the function list displays at least one event function that can be set for the target control. Afterwards, the user can trigger a selection operation on at least one event function displayed in the function list according to the event function they actually want to set for the target control. In response to the user's selection operation, the page design software can display the corresponding variable editing visual module display area 220 (e.g., ...) based on the target event function selected by the user. Figure 2b As shown), at least one variable editing visual module 2201 will be displayed in the variable editing visual module display area 220. Additionally, see... Figure 2b As shown, while displaying the variable editing visual module display area 220, the event function visual module 2101 corresponding to the target event function will also be displayed on the function editing area. The event function visual module has at least one insertion slot. Subsequently, the user can use the at least one insertion slot to simply combine the event function visual module 2101 with the corresponding variable editing visual module 2201 to complete the functional development design of the target control.
[0046] In practice, the first guiding element 11031 can be displayed on the attribute display area 1103 corresponding to the target control, and / or on the toolbar 110, etc., without specific limitations. Users can perform trigger operations on the first guiding element 11031 based on the interaction methods provided by the page design software, such as mouse, keyboard, touch, voice, etc.
[0047] Based on the above, the following example will provide a specific illustration. Specifically,
[0048] See Figure 1 As shown, taking button 01 as the target control, the first guiding element 11031 is displayed in both the attribute display area and the toolbar 110 corresponding to button 01. After the user triggers the first guiding element 11031 displayed in the attribute display area 1103 corresponding to button 01, the page design software responds to the user's triggered operation and will open the "Event Editing" interface 200 (such as... Figure 2a The event is displayed as shown in the image. The "Event Editing" interface 200 displays an "Event List" and an event editing area 210. The event editing area 210 provides an editing space for editing the specific event functions of button 01. The "Event List" displays at least one event function that can be set for button 01, such as "When the player clicks the button," "When the player releases a long press on the button," etc. After the user determines that the function to be set for button 01 is "When the player clicks the button" based on actual needs, and triggers the selection operation for "When the player clicks the button," the variable editing visual module display area 220 corresponding to "When the player clicks the button" (as shown in the image) is displayed. Figure 2b As shown, at least one variable editing visual module 2201 will be displayed in the variable editing visual module display area 220. At the same time, the event function visual module 2101a corresponding to the event function "when the player clicks the button" will also be displayed in the event editing area 210. The event function visual module 2101a integrates the code program that executes the event procedure "when the player clicks the button", so that when the event "when the player clicks the button" of button 01 occurs, the corresponding event procedure can be executed. Furthermore, the event function visual module 2101a has an insertion slot (i.e., the blank area in the middle of the event function visual module 2101a is the insertion slot). Users can drag one or more variable editing visual modules 2201 in the variable editing visual module display area 220 to the insertion slot to associate and combine the event function visual module 2101a with the corresponding variable editing visual module 2201, so as to realize the event function design corresponding to the event function visual module 2101a, thereby completing the development and design of the event function "when the player clicks the button" of button 01.
[0049] It should be noted that each event function shown in the event list above has its own corresponding event function visual module 2101, and each event function visual module 2101 has at least one insertion slot. Additionally, for events such as... Figure 2a The "Event List" shown in the image allows users to add or delete events. Figure 2a The number of event functions shown in the "Event List" is merely illustrative and does not represent the specific event functions included in the actual "Event List".
[0050] 3. Configure at least one target variable parameter for the target control.
[0051] After the above operations, where the corresponding event function visual module is displayed in the function editing area and at least one variable editing visual module is displayed in the variable editing visual module display area for the target control, the user can further perform a drag-and-drop operation on the at least one variable editing visual module to drag the target variable editing visual module to at least one insertion slot of the event function visual module displayed in the function editing area, thereby achieving the association and combination of the target variable editing visual module and the corresponding event function visual module. Then, at least one target variable parameter can be configured for the target control through the target variable editing visual module, thus achieving the association between the target control and at least one target variable parameter. Specifically, each variable editing visual module displayed in the variable editing visual module display area has at least one edit box, which is used for inputting and displaying variable parameters. Based on this, at least one target variable parameter can be configured for the target control by inputting at least one variable parameter in the edit box of the target variable editing visual module.
[0052] For example, following the example related to button 01 above, see [link to example]. Figure 2b and Figure 2cAs shown, assuming the user drags the variable editing visual module 2201a to the insertion slot of the event function visual module 2101a according to actual needs, thus achieving the association between the variable editing visual module 2201a and the event function visual module 2101a, the function the user wants to set for button 01 is: when the player triggers button 01 on the page, it will perform an operation to change the specific characteristic data corresponding to a variable parameter. The variable parameter is determined based on the user's operation triggered by the variable editing visual module 2201a. Specifically, the user can select the corresponding target variable parameter from at least one displayed variable parameter and input it into the editing box of the variable editing visual module 2201a to establish the association between the variable editing visual module 2201a and the corresponding target variable parameter. This also establishes the association between the event function visual module 2201a and the corresponding target variable parameter, enabling the execution program corresponding to button 01 to perform the action of changing the specific value of the target variable parameter according to the corresponding target variable parameter when a user triggers button 01.
[0053] Specifically, see see Figure 2b and Figure 2c As shown, the edit box of the variable editing visual module 2201a can display a third guiding element S1 to guide the user into the variable parameter selection interface. After the user triggers an operation on the third guiding element S1, the page design software responds to the user's operation on the third guiding element S1 and displays the following... Figure 2d The variable parameter display interface 300 shown in the figure displays multiple variable parameters (such as variable 1, variable 2, etc.) for the user to select. After the user triggers the selection operation of variable 1 among the multiple variable parameters displayed on the variable parameter display interface 300, the content related to variable 1, such as "001: variable 1, initial value "Button"", will be entered into the edit box K1 of the variable editing visual module 2201a to establish the association between button 01 and variable 1; where "001" represents the global container (i.e., global variable) to which variable 1 belongs. At the same time, the user can also enter the specific characteristic data (such as Date1) corresponding to the change of variable 1 into the edit box K2 according to the actual situation. At this point, the function of "when the player triggers button 01, button 01 performs a change of the specific characteristic data of a variable parameter" set for button 01 is completed.
[0054] It should be noted that the variable parameters displayed on the variable selection interface 300 can be entirely added by the user based on their own needs through the custom variable addition function provided by the variable selection interface 300, or some of the variable parameters can be added by the user and others can be pre-built into the page design software, etc. This is not limited here. In addition to displaying the variable selection interface 300 in response to the user's operation on the third guide element S1, the page design software can also display the variable selection interface 300 in response to the user's operation on the "Global Data" function unit on the toolbar 110 (such as...). Figures 1 to 2b The operation triggered (as shown) is used to display the variable selection interface 300, which is not limited here.
[0055] The above mainly introduced how to edit the "event" functionality of a target control so that the corresponding event function can be executed when the target control's event is triggered. In some embodiments, in addition to requiring the target control to have some event functionality, the user may also require the target control to have some other functions, such as the ability to display text data, image data, etc. at runtime. For details, please refer to [link to documentation]. Figure 1 As shown, when button 01 is initially run, it should display the text "Button". For this function, the user only needs to configure the corresponding target variable parameters directly for the target control to establish the association between the target control and the target variable parameters. Regarding the settings described above for setting functions other than the "event" function for the target control, the page design software provided in this embodiment also displays a fourth guiding element 11032 (e.g., ...) in the attribute display area 1103 corresponding to the target control, directly guiding the user to the variable parameter display interface 300. Figure 1 (as shown), so that the association between the target control and the target variable parameter can be directly established.
[0056] For example, see Figure 1 As shown, assuming the user wants button 01 to display the text "Button" when it is running, the user can trigger the fourth guide element 11032 displayed in the attribute display area 1103 of button 01 when setting this function. In response to the user's triggering of the fourth guide element 11032, the page design software will display the variable parameter selection interface 300 (e.g., ...). Figure 2d As shown), then in response to the user's selection of at least one variable parameter displayed on the variable parameter selection interface, button 01 and the target variable parameter selected by the user (such as...) can be... Figure 2dThe variable 1) is associated with the button. Combining this with the "event" function set for button 01 above, the function set for button 01 is as follows: when button 01 initially runs, the text "Button" will be displayed on button 01; when the player triggers button 01, button 01 will change the displayed text "Button" to "Date1". In summary, the above function settings for button 01 only require the user to perform some simple selection or setting operations, such as selecting the variable editing visual module and variable parameters, and setting the specific characteristic data corresponding to the variable parameters, to complete the setting of the corresponding variable parameters for button 01.
[0057] 4. Associate the target control and at least one target variable parameter.
[0058] After configuring at least one target variable parameter for the target control, the "Data Association" function unit 11033 provided by the page design software (such as...) Figures 1 to 2b As shown in the figure, it is possible to establish an association between the target control and at least one target variable parameter in order to ultimately complete the functional design of the target control.
[0059] Furthermore, after associating the target control with at least one target variable parameter, a connection diagram between the target control and at least one target variable parameter can be displayed (e.g., Figure 3 As shown in the diagram, this diagram allows users to clearly and intuitively understand the relationships they have established between various target controls and their corresponding target variable parameters on the page. The relationship diagram may include target control information items, at least one target variable parameter information item, and connecting lines representing the relationships between the target controls and at least one target variable parameter. Target control information items may include, but are not limited to, the page to which the target control belongs, the corresponding display function (e.g., displaying text, images, etc.) and event function (e.g., player triggering the target control, player long-pressing the target control), etc.; target variable parameter information items may include, but are not limited to, the container to which the target variable belongs, and the name of the target variable parameter. Target variable parameters are typically used to represent the functional logic of the target control. Therefore, the connecting lines between the target controls and at least one target variable parameter shown in the relationship diagram represent the connections between the corresponding functions of the target controls and their corresponding target variable parameters. This demonstrates the established correspondence between the functions of the target controls and their target variable parameters, allowing users to intuitively understand the various functions they are setting for the controls on the page based on the displayed relationship diagram.
[0060] Figure 3The diagram 310 shows the association between button 01 and at least one target variable parameter (i.e., variable 1 shown in the figure). The association diagram 310 shows information items such as button 01 information item 3101 corresponding to button 01, variable 1 information item 3102 corresponding to variable 1, and connecting lines (i.e., dashed lines "") used to characterize the association between button 01 and variable 1.
[0061] It should be noted that the target control information items, target variable parameter information items, and connecting lines in the above-mentioned association connection diagram are all operable. This allows users to quickly correct errors in the association connection diagram, such as when they discover incorrect relationships between target controls and target variable parameters. For example, see [link to related diagram]. Figure 3 If a user discovers an incorrect association between the displayed text 31011 corresponding to button 01 and variable 1, the user can directly remove the dotted line between the displayed text 31011 and variable 1 to correct the incorrect association.
[0062] In addition, Figure 3 The association connection diagram shown only illustrates the two-level association structure of the target control and the target variable parameter. In practical applications, the hierarchical structure of the association connection diagram can be further deepened. For example, a level of feature data corresponding to the target variable parameter can be added to the association connection diagram to simultaneously show the association relationship between the target variable parameter and the corresponding feature data, and so on. Figure 3 The hierarchy shown in the connection diagram is merely illustrative and does not represent the actual hierarchy in a connection diagram. The specific content that the aforementioned variable parameters can refer to will vary in different application scenarios. For example, when developing and designing the functionality of target controls on a game application page, a variable parameter can typically represent objects such as characters, items, or skills. Correspondingly, the feature data corresponding to the variable parameter can be such as attack, health, or item price. The specific content that the variable parameters refer to is determined based on the actual application scenario and is not limited here.
[0063] 5. Generate association information between the target control and at least one target variable parameter.
[0064] In practice, after the target control is associated with at least one target variable parameter, the user can trigger the corresponding functional modules on the design interface, such as "Publish," "Local Test," and "Mobile Test" (not shown in the attached figures), to complete the association result based on the target control and at least one target variable parameter. This generates association relationship information between the target control and at least one target variable parameter, and sends this information to the server. The server then processes this information to respond accordingly when it determines that an operation has been triggered on the target control on the corresponding page. For details on how the server processes the received association information and how it responds when it determines that an operation has been triggered on the target control on the page, please refer to the relevant content in the following embodiments; these details will not be elaborated upon here.
[0065] It should be noted that in practical applications, not only is it necessary to save the association information between the target control and at least one target variable parameter on the server side, but the page design software also needs to save the association information locally so that when the user reopens the page design software to continue developing and designing the same page, the previously edited data content can still be restored to its original state.
[0066] Generally, the storage format of relationship information differs across devices, and consequently, the specific function of this relationship information also varies on different devices. In practice, when saving information about each target control and its corresponding at least one target variable parameter on a page, the page design software may use, but is not limited to, a JSON (JavaScript Object Notation) data interaction format. Specifically, based on the relationship results between the target control and at least one target variable parameter, corresponding JSON-formatted relationship information is generated and saved in the page design software. The content of this relationship information includes the following:
[0067] Target control information, which can be associated with the target control and at least one target variable parameter in the connection diagram (such as...). Figure 3This corresponds to the button 01 control information item 3101 shown below. Specifically, refer to the part of the relationship information in the JSON format shown below that is related to the target control information. The target control information may include, but is not limited to, the page identifier (uiDialogId), the list identifier (uiListControlId), the control identifier (uiControlId), the control function identifier (uiControlPropertyIndex), coordinate information (not shown), etc. If the value of uiListControlId is not empty, it indicates that the target control is a child control in a list control; conversely, if the value of uiListControlId is empty, it indicates that the target control is a basic control in page design software (such as a UI editor). See also... Figure 1 As shown, the basic controls include Figure 1 The text controls, button controls, radio button controls, picture controls shown are available, as well as controls that can be used for... Figure 1 The progress bar control, slider control, image control, input box control, etc., are not shown in the diagram; uiControlId is the control identifier, and the target control it points to is associated with the corresponding variable parameter; uiControlPropertyIndex is used to indicate the function of the control, such as assuming... Figure 1 The button 01 shown has two functions: displaying text data and displaying image data. These two functions can be distinguished using `uiControlPropertyIndex`. For example, `uiControlPropertyIndex` of 0 indicates that button 01 displays text data; `uiControlPropertyIndex` of 1 indicates that button 01 displays image data, and so on. No further limitation is made here. The coordinate information contained in the target control information can indicate the position of the target control, such as... Figure 3 The positions shown in the association diagram are intended to ensure that when the "Data Association" function unit is triggered again for the same page, the target control information item can still be displayed in its previous original position.
[0068] {"uiControlId":"cd###553f",
[0069] "uiControlPropertyIndex": 1,
[0070] "uiDialogId":"d####087d9",
[0071] "uiListControlId": "",
[0072] {"uiControlId":
[0073] [{"uiControlId":"cd###553f","uiControlPropertyIndex":0},
[0074] {"uiControlId":"cd###553f","uiControlPropertyIndex":1},]}
[0075] Target variable parameter information, which can be associated with the target control and at least one target variable parameter in the connection diagram (e.g., target variable parameter information items). Figure 3 This corresponds to the target variable parameter information item 3102 shown for button 01. Specifically, see the relevant portion of the target variable parameter information included in the association information in the JSON format shown below:
[0076] {"variantId":"73###6e8f",
[0077] "variantIndex":-1,
[0078] "variantParam":"s8##15"}
[0079] The target variable parameter information may include, but is not limited to: variable parameter identifier (variantId), variable parameter index in its own variable parameter list (variantIndex), additional information about the variable parameter (variantParam), and coordinates (not shown), etc. Wherein, if the value of variantIndex is -1, it indicates the value of all variable parameters in the variable parameter list to which the target variable parameter belongs. In this case, if applied to a scenario associated with a list control, it means that each variable parameter in the variable parameter list to which the target variable parameter belongs has a one-to-one correspondence with each sub-control in the corresponding control list; variantParam represents the additional information of the variable parameter. For simple variables (such as those similar to...), ... Figure 2d This field is invalid for variables 1 and 2 shown in the example. For complex variables (such as variable parameters storing characters, items, and skills in game classes), this value represents the specific characteristic data of these complex variable parameters. Additionally, the coordinate information contained in the target variable parameter information can indicate the coordinates of the target variable in locations such as... Figure 3 The positions shown in the association diagram are such that when the "Data Association" function unit is triggered again for the same page, the target variable parameter information item can still be displayed in its previous original position.
[0080] Related information (or connection information), in such as Figure 3 The illustrated connection diagram represents the connection lines between a target control and its corresponding target variable parameter. The association information includes the identifier of the target control and the identifier of the corresponding target variable parameter. By establishing the correspondence between the identifiers of the target control and the target variable parameter, an association is established between the target control and at least one corresponding target variable parameter. Specifically, the identifier of a target control consists of uiDialogId, uiListControlId, uiControlId, and uiControlPropertyIndex, while the identifier of a target variable parameter consists of variantId, variantIndex, and variantParam.
[0081] For the format of the relationship information stored on the server and the specific content that may be included in the relationship information, please refer to the above description of the relationship information content and format stored in the page design software; details will not be repeated here. It should be noted that the relationship information stored on the server may not include coordinate information such as target controls or target variable parameters.
[0082] Furthermore, in some embodiments, the page design software also needs to generate association information conforming to the client's storage format based on the association results between the target control and at least one target variable parameter. This enables the client to establish index information, such as the index information corresponding to the target control and at least one target variable parameter, based on the association information. Thus, when receiving the response result sent by the server, the client can perform corresponding response processing based on the index information and the response result to realize the interaction between the page design software, the server, and the client.
[0083] The client mentioned above can refer to the client of the user currently developing the page, or it can refer to the client of other users; there is no limitation here. For example, when the user currently developing the page completes the functional design of the target controls on the page and performs functional testing on their local client, then in this application scenario, the aforementioned client refers to the client of the user developing the page. As another example, if the user developing the page completes the functional design of the target controls on a page and then publishes it to other users' clients, then the aforementioned client refers to the client of those other users.
[0084] For details on how the client establishes corresponding index information based on the association information, please refer to the relevant content of the embodiments below, which will not be elaborated here.
[0085] The preceding text described the specific process by which users complete the functional design of each target control on a page using the page design software provided by this invention. After the functional design of each target control on the page is completed, it is usually applied to a practical application. That is, it is necessary to ensure that, during the application's execution, each control on the page can correctly and in real-time express the state information intended by the developer throughout the application's system lifecycle. Only in this way can the page development design be finally completed. The aforementioned application systems are generally divided into two types: microcontroller systems and client / server architectures. Using existing technical solutions, it is relatively easy to achieve correct and real-time expression of the corresponding state information of each control on the page in a microcontroller system. Therefore, this invention will not discuss how to ensure that each control on the page correctly and in real-time expresses its corresponding state information when the application system to which the page is applied is a microcontroller system.
[0086] The following explains how, in a relatively simple way, the controls on a webpage can correctly and in real-time express their corresponding state information when the application system on which the page is used is a client / server architecture. Specifically,
[0087] See Figure 4 As shown, Figure 4 This illustration shows a data processing method according to an embodiment of the present invention. The execution entity of this data processing method is a server. In specific implementation, the server can be, but is not limited to, a single server, a server cluster, a cloud server, a virtual server, etc. Specifically, as shown... Figure 4 As shown, the data processing method includes the following steps:
[0088] 401. When it is determined that the first user has triggered an operation on the target control on the application page, at least one target variable parameter associated with the target control is obtained; wherein, the at least one target variable parameter is a parameter entered by the second user in the edit box on the at least one target variable editing visual module after selecting the at least one target variable editing visual module through the page design software;
[0089] 402. Obtain the executable program corresponding to the target control;
[0090] 403. Execute the execution program according to the at least one target variable parameter, and respond accordingly based on the execution result.
[0091] In specific implementations, in some embodiments, the aforementioned "first user" can refer to the application user, and the "second user" can refer to the application page developer. For example, in a scenario where the application page developer completes the functional design of the target control on the page and then publishes the application page for other users, the "first user" refers to the application user, and the "second user" refers to the application developer. Of course, in other embodiments, both the "first user" and the "second user" can refer to the application page developer. For example, when the developer completes the functional design of the target control on the page and performs functional testing of the designed target control locally, both the "first user" and the "second user" refer to the application page developer. In this embodiment, the specific user types corresponding to the "first user" and the "second user" are determined based on the actual situation, and no limitation is made here. For ease of description, the following text will use the example of the "first user" being the application user and the "second user" being the application page developer to introduce the technical solution provided by this invention.
[0092] In implementing steps 401 to 403 above, the server needs to rely on the association information between the target controls on the page and at least one corresponding target variable parameter received from the page design software. That is, the method provided in this embodiment further includes the following steps:
[0093] 400. Receive the association information between the target control and at least one target variable parameter sent by the page design software, and perform corresponding processing based on the association information;
[0094] For a detailed description of the association between the target control and at least one target variable parameter, please refer to the relevant content above.
[0095] Based on the above description of the association information, it can be seen that the association information mainly maintains the information related to the identifier of the target control, the information related to the identifier of at least one target variable parameter, and the association relationship between the target control and at least one target variable parameter established based on the identifier of the target control and the identifier of at least one target variable parameter. It does not include the feature data corresponding to the target variable parameters; the feature data corresponding to the target variable parameters is generally maintained by the server through a dedicated data pool. In this case, when the server determines that the first user has triggered an operation on the target control on the page, it usually needs to find the identifier of the target variable parameter corresponding to the target control from the association information based on the identifier of the target control. Then, by executing the program, it needs to find the feature data corresponding to the changed target variable parameter from its own maintained data pool based on the identifier of the target variable parameter. Subsequent processing is then performed to express the feature data corresponding to the changed target variable parameter on the client of the first user (hereinafter referred to as the first user client). This search method generally has a small impact on the data search speed when the amount of association information is small, but as the amount of association information increases, the search speed will decrease.
[0096] To address the aforementioned issues and facilitate rapid data retrieval during subsequent processing steps 401 to 403, the server can establish corresponding index information for the target control and at least one target variable parameter based on the received association information. Specifically,
[0097] That is, in a specific and feasible technical solution, the "processing based on the associated information" in the above 400 can specifically include the following steps:
[0098] A11. Based on the aforementioned relationship information, obtain the identifier corresponding to at least one target variable parameter;
[0099] A12. Based on the identifier corresponding to the at least one target variable parameter, obtain the feature data corresponding to the at least one target variable parameter;
[0100] A13. Process the feature data corresponding to the at least one target variable parameter and the correlation information to establish index information;
[0101] The index information includes at least one set of data pairs; each set of data pairs includes first data and second data, wherein the first data consists of an identifier corresponding to a target variable parameter and feature data corresponding to the target variable parameter, and the second data consists of an identifier corresponding to a target control associated with the target variable parameter.
[0102] The specific descriptions of the identifiers corresponding to the target variable parameters and the identifiers corresponding to the target controls involved in steps A11 to A13 above can be found in the relevant content above, and will not be repeated here. In specific implementation, after the server obtains the identifier corresponding to the target variable parameter based on the association information, it can retrieve the feature data corresponding to the target variable parameter from its own maintained data pool, thereby processing the feature data and association information corresponding to at least one target variable parameter to establish corresponding index information. The index information includes at least one set of data pairs, each data pair including first data and second data; wherein, the first data consists of the identifier corresponding to a target variable parameter and the feature data corresponding to that target variable parameter, and the second data consists of the identifier corresponding to the target control associated with that target variable parameter. Specifically, the format of the first data (denoted as IndexKey) and the second data (denoted as IndexValue) can be, but is not limited to, the format shown below:
[0103] IndexKey=VariantId_VariantIndex_VariantParam;
[0104] IndexValue=uiDialogId_uiListControlId_uiControlId_uiControlPropertyIndex;
[0105] Accordingly, the format of the created index information (IndexTable) can be as follows:
[0106] IndexTable={[IndexKey1,IndexValue1],
[0107] [IndexKey2,IndexValue2],…}
[0108] For the specific meanings of each character segment, such as VariantId, VariantInde, VariantParam, uiDialogId, uiListControlId, uiControlId, and uiControlPropertyIndex, in the format content corresponding to the first and second data shown above, please refer to the relevant content above.
[0109] In addition to building corresponding index information based on the received association information to facilitate data retrieval, the aforementioned server can also, after determining that the first user has triggered an operation on the target control on the application page, obtain at least one target variable parameter associated with the target control based on the association relationship information. Specifically, in one feasible technical solution, the aforementioned step 401, "when it is determined that the first user has triggered an operation on the target control on the application page, obtain at least one target variable parameter associated with the target control," may include the following steps:
[0110] 4011. Based on the operation triggered by the first user on the target control on the application page, determine the function of the target control triggered by the user;
[0111] 4012. Based on the association information, obtain at least one target variable parameter that corresponds to the function of the target control.
[0112] In a specific embodiment, after the first user triggers an operation on a target control on the application page, the server can determine the function of the target control triggered by the user based on the user's triggering operation. For example, if the first user's client displays an application page, and the application page displays something like... Figure 1 The button 01 shown above has functions that can be found in the embodiments described above. After the first user clicks the button 01, the first user's client can send a notification message to the server indicating that the user has triggered a click on the target control. Based on the received notification message, the server can determine that the first user has triggered the "when the player clicks the button" event function of the button 01. This allows the server to obtain the function identifier (uiControlPropertyInd) corresponding to the "when the player clicks the button" event function of the button 01, as well as the interface identifier (uiDialogId) and button 01 identifier (uiControlId). Based on this information, the server can obtain at least one target variable parameter (e.g., ...) associated with the "when the player clicks the button" event function of the button 01 from the association information. Figure 2d Variable 1 is shown in the diagram. Furthermore, the server can also obtain the execution program corresponding to the "when the player clicks the button" event function of button 01, and execute the corresponding execution program according to at least one target variable parameter associated with the obtained "when the player clicks the button" event function of button 01, to perform appropriate response processing based on the execution result. For details on how to perform the appropriate response processing, please refer to the following related content. Based on this,
[0113] That is, the above-mentioned 403 "obtaining the executable program corresponding to the target control" may specifically include:
[0114] 4031. Obtain the executable program corresponding to the function of the target control triggered by the user.
[0115] For details regarding the specific format of the code for the executable program corresponding to the function of the target control in this step, please refer to existing technical documents.
[0116] The phrase "execute the execution program according to the at least one target variable parameter, and respond accordingly based on the execution result" in the above-mentioned 404 error can specifically include the following steps:
[0117] 4041. Execute the execution program corresponding to the function of the target control triggered by the user, according to the at least one target variable parameter;
[0118] 4042. Based on the execution result, determine the feature data corresponding to the change of the at least one target variable parameter found in the index information, and the control identifier corresponding to the control used to express the feature data;
[0119] 4042. The feature data and the control identifier are sent to the first user client so that the first user client can find the page to which the control belongs from the page-control correspondence information based on the control identifier, and make a corresponding response based on the page to which the control belongs and the feature data; wherein, the correspondence is determined by the first user client based on the association information sent by the page design software.
[0120] In practice, the correspondence between pages and controls can be established by the first user client based on the target control information in the association information. For a description of the association information and the control information within it, please refer to the aforementioned content. After the first user client, based on the received control identifier, finds the page to which the control belongs, which expresses the feature data corresponding to the change of at least one target variable parameter, belongs from the correspondence information, it can further determine whether the page to which the control belongs is the currently displayed page. If so, the data content expressed by the control can be directly refreshed on the current page based on the received feature data. Conversely, if the page to which the control belongs is not currently displayed, the received feature data can be cached first, so that the data content expressed on the control can be refreshed based on this feature data when the page to which the control belongs is opened. For how to implement the refresh of the data content expressed on the control, please refer to existing technologies.
[0121] For example, continuing from the example in step 401 above, the server obtains at least one target variable parameter (e.g., when the player clicks the button) associated with the "when the player clicks the button" event function of button 01. Figure 2d After obtaining the variable 1 shown in the figure, and the execution program corresponding to the "when the player clicks the button" event function of button 01, the corresponding execution program will be executed according to the obtained at least one target variable parameter; based on the execution result, the value of variable 1 after the change can be determined as "Date1" and the control identifier (i.e., the control identifier of button 01) corresponding to the control used to display "Date1"; "Date1" and the control identifier of button 01 are sent to the first user client. The first user client can find the page to which button 01 belongs from the page and control correspondence information saved by itself based on the control identifier of button 01. If it is determined that the currently displayed page is the page to which button 01 belongs, "Date1" will be set directly on button 01. Otherwise, if it is determined that the currently displayed page is not the page to which button 01 belongs, "Date1" will be cached first, and the operation of setting "Date1" to button 01 will be executed when the page to which button 01 belongs is displayed.
[0122] The technical solution described above, which ensures that each control on the application page can express the state information intended by the developer in real time during application page operation, can be summarized as follows: Figure 5a The process is as follows: The server establishes corresponding index information based on the received target control and at least one target variable parameter's association information; it monitors whether at least one target variable parameter in the association information has changed, and when the target variable parameter changes, it determines the identifier corresponding to the target variable parameter with the variable based on the association information; then, based on the identifier corresponding to the target variable parameter, it searches the index information for the feature data corresponding to the changed target variable parameter and the control identifier corresponding to the control used to express the feature data; the feature data (i.e., such as...) Figure 5a The server sends the specific value (shown in the image) and control identifier to the first user client to notify the first user client to perform the corresponding response. After receiving the specific value and control identifier sent by the server, the first user client will, based on the control identifier, look up the page to which the control belongs from its stored page-control correspondence information, and express the specific value on the corresponding control based on the page to which the control belongs.
[0123] As can be seen from the above, in the proposed scheme, when a target variable parameter changes, the server performs a series of processing operations to send the corresponding feature data after the change in the target variable parameter, along with the control identifier of the control used to express the feature data, to the first user client. The first user client does not need to know the target variable parameter information; it only needs to perform simple response processing based on the control and the corresponding changed feature data provided by the server. In this scheme, the first user client only needs to store the data information expressed by the control, not the feature data corresponding to the variable parameter. When the data information expressed by a control is updated, it only needs to find the corresponding control from its stored page-control correspondence based on the control identifier provided by the server, and then perform simple operations to set the specific value received from the server onto the found control. Therefore, the first client has relatively low data processing pressure. For the server, however, it needs to store the feature data corresponding to each variable parameter. When a variable parameter is updated, it also needs to perform a series of processing operations to find the changed feature data of the variable parameter, and also needs to perform operations such as finding the corresponding control used to express the feature data. These operations result in relatively high data processing pressure for the server.
[0124] Of course, in some other embodiments, to reduce the load on the server, when a target variable parameter changes, the server can only determine the identifier corresponding to the changed target variable parameter based on the association information and send it to the first user client. The first user client then uses the association information to look up the corresponding feature data of the changed target variable parameter and the control used to express that feature data, and performs an update operation on the information expressed by the control based on the feature data. This implementation requires the server to synchronize at least one special data corresponding to the target variable parameter to the first user client so that the first user client can perform the corresponding processing to achieve the implementation process described above. Based on this,
[0125] That is, in another specific implementable technical solution, the "processing based on the association information" in the above 400 can specifically include the following steps:
[0126] A21. Based on the aforementioned relationship information, obtain the identifier corresponding to at least one target variable parameter;
[0127] A22. Based on the identifier corresponding to the at least one target variable parameter, establish a dataset corresponding to the at least one target variable parameter; wherein, the dataset contains feature data corresponding to at least one target variable parameter;
[0128] A23. Send the identifier corresponding to the at least one target variable parameter and the dataset to the first user client, so that the first user client can establish index information based on the identifier corresponding to the at least one target variable parameter, the dataset, and the received association information between the target control and the at least one target variable parameter, so that after receiving the corresponding response result sent by the server according to the execution result, the first user client can make a corresponding response based on the index information and the response result.
[0129] In practice, upon receiving the identifier corresponding to at least one target variable parameter from the server, the first user client can first search for the target control associated with the at least one target variable parameter from the stored association information. Then, it can search for the feature data corresponding to the at least one target variable parameter in the dataset sent from the server. Afterward, to facilitate subsequent searches, corresponding index information can be established based on the feature data corresponding to the at least one target variable parameter, the identifier corresponding to the target variable parameter, and the identifiers corresponding to the target controls associated with the at least one target variable parameter. The specific process for establishing the index information can be found in the aforementioned related content and will not be elaborated upon here.
[0130] Furthermore, in this feasible technical solution, the aforementioned step 401, "when it is determined that the first user has triggered an operation on the target control on the application page, obtain at least one target variable parameter associated with the target control," may specifically include the following steps:
[0131] 4011' Based on the operation triggered by the first user on the target control on the application page, determine the function of the target control triggered by the user;
[0132] 4012'. Based on the association information, obtain at least one target variable parameter that corresponds to the function of the target control.
[0133] Accordingly, the above-mentioned 402 "obtaining the executable program corresponding to the target control" may specifically include: obtaining the executable program corresponding to the function of the target control triggered by the user.
[0134] For details on the implementation of steps 401 and 402 above, please refer to the relevant content above.
[0135] Furthermore, the phrase "execute the execution program according to the at least one target variable parameter, and respond accordingly based on the execution result" in the above-mentioned 403 may specifically include:
[0136] 4031' Execute the execution program corresponding to the function of the target control triggered by the user, according to the at least one target variable parameter;
[0137] 4032'. Based on the execution result, determine the feature data corresponding to the change of the at least one target variable parameter and the identifier corresponding to the at least one target variable parameter from the association information;
[0138] 4033' Send the feature data and the identifier corresponding to the at least one target variable parameter to the first user client, so that the first user client can find the identifier corresponding to the control used to express the feature data from the index information based on the identifier corresponding to the at least one target variable parameter, and make a corresponding response based on the identifier corresponding to the control and the feature data.
[0139] For specific implementations of 4031' to 4033' above, please refer to the relevant content of each embodiment, which will not be described in detail here.
[0140] The above-described technical solution, which ensures that each control on the application page can express the state information intended by the developer in real time during application page operation, can be summarized as follows: Figure 5b The process is as follows: The server, based on the received target control and the association information of at least one target variable parameter, determines the identifier corresponding to at least one target variable parameter and establishes a dataset of feature data corresponding to at least one target variable parameter. The dataset and the identifier corresponding to at least one target variable parameter are synchronized to the first user client, enabling the first user client to establish index information based on the dataset, association information, and the identifier corresponding to the target variable parameter. Simultaneously, after a target variable parameter changes, corresponding processing operations are performed, obtaining the identifier corresponding to the changed target variable parameter and the corresponding feature data after the change (i.e., such as...). Figure 5b The specific value shown in the diagram is then transmitted to the first user client. The first user client, based on the identifier corresponding to the received target variable parameter, retrieves the control from the index information to express the corresponding specific value, and then performs the operation of setting the specific value onto that control.
[0141] As can be seen from the above, when a target variable parameter changes, the server sends the feature data corresponding to the changed target variable parameter and the identifier corresponding to the target variable parameter to the first user client. The first user client then retrieves the corresponding control from the index information based on the received identifier of the target variable parameter, and then performs the operation of expressing the received feature data through the control.
[0142] This implementation solution, compared to the above... Figure 5a The proposed solution reduces the data processing pressure on the server side, but increases the data processing pressure on the client side.
[0143] against Figure 5a and Figure 5b The two implementation solutions shown can be considered and used simultaneously in a page design system during practical applications. The selection strategy can be based on whether the data information is actually needed by the first user client. In specific implementation, data related to the first user client can be regarded as information actually needed by the first user client. For such data, the following methods can be adopted: Figure 5b The proposed solution will be used for processing; otherwise, other data will be considered as information that is not actually needed by the first user client and can be processed using... Figure 5a The solution shown is not limited to this embodiment.
[0144] In summary, the technical solution provided in this embodiment, upon determining that a first user has triggered an operation on a target control on an application page, acquires at least one target variable parameter associated with the target control. Here, the at least one target variable parameter is a parameter entered by a second user in an edit box on at least one target variable editing visual module after selecting it through page design software. Subsequently, the execution program corresponding to the target control is acquired, and then executed according to the at least one target variable parameter to provide a corresponding response based on the execution result. This solution, in a C / S (client / server) architecture, ensures that the target control can correctly and in real-time express its corresponding state information, and its implementation difficulty is relatively low.
[0145] Based on the foregoing, the present invention also provides a data processing system, specifically, as shown in [reference needed]. Figure 5a and Figure 5b As shown, the data processing system includes:
[0146] Server 520 is used to determine that when the first user triggers an operation on a target control on the application page, obtain at least one target variable parameter associated with the target control; wherein, the at least one target variable parameter is a parameter entered by the second user in the edit box on the at least one target variable editing visual module after selecting it through page design software; obtain the execution program corresponding to the target control; and execute the execution program according to the at least one target variable parameter to make a corresponding response according to the execution result.
[0147] A first user client 530 is used to display the application page, on which a target control is displayed; in response to an operation triggered by the first user on the target control, a notification message is sent to the server, so that the server determines whether the first user has triggered an operation on the target control on the application page based on the notification message.
[0148] Furthermore, the system provided in this embodiment may also include:
[0149] A second user client 510 is used to provide a design interface; on the design interface, a page of the client application and at least one variable editing visual module are displayed; wherein, a target control is displayed on the page, and the variable editing visual module has at least one edit box; at least one target variable editing visual module selected by the second user is determined; in response to an operation triggered by the second user, at least one target variable parameter entered by the second user in the edit box on the at least one target variable editing visual module is displayed; the target control is associated with the at least one target variable parameter to complete the functional design of the target control;
[0150] It should be noted that any steps in the data processing system provided in this embodiment that are not described in detail can be found in the corresponding contents of the above embodiments, and will not be repeated here. Furthermore, the data processing system provided in this embodiment may include other parts or all of the steps in the above embodiments in addition to the steps described above; for details, please refer to the corresponding contents of the above embodiments, and will not be repeated here.
[0151] The various component embodiments of the present invention described above can be implemented in hardware, or as software modules running on one or more processors, or a combination thereof. Those skilled in the art will understand that microprocessors or digital signal processors (DSPs) can be used in practice to implement some or all of the functions of some or all of the components in the page design method according to embodiments of the present invention. The present invention can also be implemented as a program / instruction (e.g., a computer program / instruction and a computer program product) for performing part or all of the methods described herein. Such programs / instructions implementing the present invention can be stored on a computer-readable medium, or can exist in the form of one or more signals that can be downloaded from an Internet website, provided on a carrier signal, or provided in any other form.
[0152] Computer-readable media, including both permanent and non-permanent, removable and non-removable media, can store information using any method or technology. Information can be computer-readable instructions, data structures, program modules, or other data. Examples of computer storage media include, but are not limited to, phase-change memory (PRAM), static random-access memory (SRAM), dynamic random-access memory (DRAM), other types of random-access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technologies, CD-ROM, digital versatile optical disc (DVD) or other optical storage, magnetic tape, disk storage, quantum memory, graphene-based storage media or other magnetic storage devices, or any other non-transfer medium that can be used to store information accessible by a computing device.
[0153] Figure 6 A schematic diagram illustrating the structure of a data processing apparatus according to the present invention is shown. The data processing apparatus includes: a determining module 610, an acquiring module 620, and an executing module 630; wherein,
[0154] The determining module 610 is used to determine that when the first user triggers an operation on the target control on the application page, it obtains at least one target variable parameter associated with the target control; wherein, the at least one target variable parameter is a parameter entered by the second user in the editing box on the at least one target variable editing visual module after selecting it through the page design software;
[0155] Acquisition module 620 is used to acquire the executable program corresponding to the target control;
[0156] The execution module 630 executes the execution program according to the at least one target variable parameter, and responds accordingly based on the execution result.
[0157] It should be noted that any steps in the apparatus provided in this embodiment that are not described in detail can be found in the corresponding contents of the above embodiments, and will not be repeated here. Furthermore, the apparatus provided in this embodiment may include other parts or all of the steps in the above embodiments in addition to the steps described above; for details, please refer to the corresponding contents of the above embodiments, and will not be repeated here.
[0158] The present invention also provides a server-side device that can implement the data processing method according to the present invention, the specific structure of which is as follows: Figure 7 As shown. Specifically, see [link to relevant documentation]. Figure 7The server-side device includes a processor 710 and a computer-readable medium in the form of a memory 720. The memory 720 is an example of a computer-readable medium having storage space 730 for storing a computer program / instructions 731. When the computer program / instructions 731 are executed by the processor 710, the various steps of the data processing method described above can be implemented.
[0159] Figure 8 A block diagram schematically illustrates a computer program product implementing the method according to the invention. The computer program product includes a computer program / instructions 810, which, when the computer program / instructions 810 are executed by, for example... Figure 7 When a processor such as the processor 710 shown is executed, it can implement the various steps in the data processing method described above.
[0160] Accordingly, embodiments of the present invention also provide a computer-readable medium storing a computer program / instruction, which, when executed by a processor, implements the steps in the data processing methods provided in the above embodiments.
[0161] The foregoing description has described specific embodiments, which, along with other embodiments, are covered within the scope of the appended claims. In some cases, the actions or steps recited in the claims may be performed in a different order than those shown in the embodiments and may still achieve the desired results. Furthermore, the processes depicted in the drawings do not necessarily follow the specific or sequential order shown to achieve the desired results. In some embodiments, multitasking and parallel processing are also feasible or advantageous.
[0162] The device embodiments described above are merely illustrative. The units described as separate components may or may not be physically separate. The components shown as units may or may not be physical units; that is, they may be located in one place or distributed across multiple network units. Some or all of the modules can be selected to achieve the purpose of this embodiment according to actual needs. Those skilled in the art can understand and implement this without any creative effort.
[0163] Through the above description of the embodiments, those skilled in the art can clearly understand that each embodiment can be implemented by means of software plus necessary general-purpose hardware platforms, and of course, it can also be implemented by hardware. Based on this understanding, the above technical solutions, in essence or the part that contributes to the prior art, can be embodied in the form of a software product. This computer software product can be stored in a computer-readable storage medium, such as ROM / RAM, magnetic disk, optical disk, etc., and includes several instructions to cause a computer device (which may be a personal computer, server, or network device, etc.) to execute the methods described in the various embodiments or some parts of the embodiments.
[0164] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present invention, and not to limit them; although the present invention has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that modifications can still be made to the technical solutions described in the foregoing embodiments, or equivalent substitutions can be made to some of the technical features; and these modifications or substitutions do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of the present invention.
Claims
1. A data processing method, comprising: When it is determined that the first user has triggered an operation on the target control on the application page, at least one target variable parameter associated with the target control is obtained; wherein, the at least one target variable parameter is a parameter entered by the second user in the edit box on the at least one target variable editing visual module after selecting the at least one target variable editing visual module through the page design software; Obtain the executable program corresponding to the target control; The execution program is executed according to the at least one target variable parameter, and a corresponding response is made according to the execution result; The corresponding response based on the execution result includes: based on the execution result, determining the feature data corresponding to the change of the at least one target variable parameter retrieved from the index information, and the control identifier of the target control used to characterize the feature data; and refreshing the status information expressed by the target control with the control identifier through the first user client based on the feature data. The index information is established by processing the association information between the target control and at least one target variable parameter. The index information includes at least one set of data pairs. Each set of data pairs includes first data and second data. The first data consists of an identifier corresponding to a target variable parameter and feature data corresponding to the target variable parameter. The second data consists of an identifier corresponding to the target control associated with the target variable parameter.
2. The method of claim 1, further comprising: The system receives association information between the target control and at least one target variable parameter sent by the page design software, and performs corresponding processing based on the association information.
3. The method as described in claim 2, wherein corresponding processing is performed based on the association information, including: Based on the association information, obtain the identifier corresponding to at least one target variable parameter; Based on the identifier corresponding to the at least one target variable parameter, obtain the feature data corresponding to the at least one target variable parameter; The feature data corresponding to the at least one target variable parameter and the correlation information are processed to establish the index information.
4. The method as described in claim 3, wherein when it is determined that a first user has triggered an operation on a target control on an application page, obtaining at least one target variable parameter associated with the target control includes: Based on the first user's operation on the target control on the application page, determine the function of the target control triggered by the user; Based on the association information, obtain at least one target variable parameter that corresponds to the function of the target control; as well as, Obtaining the executable program corresponding to the target control includes: Obtain the executable program corresponding to the function of the target control triggered by the user.
5. The method of claim 4, wherein executing the execution program according to the at least one target variable parameter, comprises: According to the at least one target variable parameter, execute the execution program corresponding to the function of the target control triggered by the user; And, by refreshing the state information expressed by the target control with the control identifier based on the feature data through the first user client, including: The feature data and the control identifier are sent to the first user client so that the first user client can find the page to which the target control belongs from the page-control correspondence information based on the control identifier, and refresh the status information expressed by the target control based on the page to which the target control belongs and the feature data. The corresponding relationship information is determined by the first user client based on the association relationship information sent by the page design software.
6. The method as described in claim 2, wherein corresponding processing is performed based on the association information, including: Based on the association information, obtain the identifier corresponding to at least one target variable parameter; Based on the identifier corresponding to the at least one target variable parameter, a dataset corresponding to the at least one target variable parameter is established; wherein, the dataset contains feature data corresponding to at least one target variable parameter; The identifier corresponding to the at least one target variable parameter and the dataset are sent to the first user client, so that the first user client can establish index information based on the identifier corresponding to the at least one target variable parameter, the dataset, and the association information between the received target control and the at least one target variable parameter, so that after receiving the corresponding response result sent by the server according to the execution result, the first user client can make a corresponding response based on the index information and the response result.
7. The method as described in claim 6, comprising responding accordingly based on the execution result, including: Based on the execution results, determine the feature data corresponding to the change of the at least one target variable parameter and the identifier corresponding to the at least one target variable parameter from the association information; The feature data and the identifier corresponding to the at least one target variable parameter are sent to the first user client, so that the first user client can find the identifier corresponding to the control used to express the feature data from the index information based on the identifier corresponding to the at least one target variable parameter, and make a corresponding response based on the identifier corresponding to the control and the feature data.
8. A data processing system, comprising: On the server side, when it is determined that a first user has triggered an operation on a target control on the application page, at least one target variable parameter associated with the target control is obtained; wherein, the at least one target variable parameter is a parameter entered by a second user in the edit box on the at least one target variable editing visual module after selecting it through page design software; the server side obtains the execution program corresponding to the target control; and executes the execution program according to the at least one target variable parameter to respond accordingly based on the execution result. The corresponding response based on the execution result includes: based on the execution result, determining the feature data corresponding to the change of the at least one target variable parameter retrieved from the index information, and the control identifier of the target control used to characterize the feature data; sending the feature data and the control identifier to the first user client, so that the first user client can refresh the status information expressed by the target control with the control identifier based on the feature data; The index information is established by processing the association information between the target control and at least one target variable parameter; the index information includes at least one set of data pairs; each set of data pairs includes first data and second data, the first data consists of an identifier corresponding to a target variable parameter and feature data corresponding to the target variable parameter, and the second data consists of an identifier corresponding to the target control associated with the target variable parameter; A first user client is configured to display the application page, on which a target control is displayed; in response to an operation triggered by the first user on the target control, the client sends a message notification to the server, so that the server determines whether the first user has triggered an operation on the target control on the application page based on the message notification.
9. A server-side device, comprising a memory, a processor, and a computer program / instructions stored in the memory, wherein the processor executes the computer program / instructions to implement the steps of the data processing method according to any one of claims 1-7.
10. A computer-readable medium having a computer program / instructions stored thereon, which, when executed by a processor, implement the steps of the data processing method according to any one of claims 1-7.
11. A computer program product comprising a computer program / instructions that, when executed by a processor, implement the steps of the data processing method according to any one of claims 1-7.
Citation Information
Patent Citations
Visual page processing method and device, computer equipment and storage medium
CN111930370A
Game development method and device, equipment and storage medium
CN112099782A