CN113656032B - Processing method and system for cyclic value list of H5 manufacturing platform - Google Patents
Processing method and system for cyclic value list of H5 manufacturing platform Download PDFInfo
- Publication number
- CN113656032B CN113656032B CN202110967974.7A CN202110967974A CN113656032B CN 113656032 B CN113656032 B CN 113656032B CN 202110967974 A CN202110967974 A CN 202110967974A CN 113656032 B CN113656032 B CN 113656032B
- Authority
- CN
- China
- Prior art keywords
- sub
- processed
- data
- component
- list
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 125000004122 cyclic group Chemical group 0.000 title claims abstract description 79
- 238000004519 manufacturing process Methods 0.000 title claims abstract description 62
- 238000003672 processing method Methods 0.000 title claims abstract description 15
- 230000000007 visual effect Effects 0.000 claims abstract description 45
- 230000000694 effects Effects 0.000 claims abstract description 23
- 238000012545 processing Methods 0.000 claims abstract description 23
- 238000009877 rendering Methods 0.000 claims abstract description 23
- 230000001960 triggered effect Effects 0.000 claims abstract description 20
- 238000000429 assembly Methods 0.000 claims abstract description 14
- 238000000034 method Methods 0.000 claims description 29
- 238000010586 diagram Methods 0.000 claims description 15
- 230000010076 replication Effects 0.000 description 6
- 238000013461 design Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/951—Indexing; Web crawling techniques
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Stored Programmes (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
The application provides a processing method and a processing system of a cyclic value list of an H5 manufacturing platform, wherein the processing method and the processing system respond to instructions triggered by a user on a first visual interface and a second visual interface, determine the list length, the list sequence number range and a template sub-assembly corresponding to the cyclic value list, and determine a data source index; performing N times of copying operation on the template sub-assemblies to obtain N sub-assemblies to be processed; acquiring a data array corresponding to the cyclic value list based on the data source index, the list length and the list sequence number range; injecting each item of data in the data array into a corresponding sub-component to be processed to obtain a sub-component instance of each sub-component to be processed; based on the sub-component instances of the N sub-components to be processed and the sub-component view structure, an html structure for generating an H5 rendering effect map is determined. When a large amount of data is processed, repeated creation and configuration of a list are not needed, H5 production efficiency is improved, and H5 production cost is reduced.
Description
Technical Field
The application relates to the technical field of computers, in particular to a processing method and a processing system of a cyclic value list of an H5 manufacturing platform.
Background
Along with the development of the Internet, H5 is an operation activity product form widely used in the Internet industry at present, and operators can quickly manufacture and release H5 through an H5 manufacturing platform.
Along with the increasing requirements of business on H5 production, the current H5 production platform adopts the following data processing modes when configuring data such as a voting object list, a winning information list and the like with larger quantity: repeatedly creating a single list, repeatedly configuring a list requires extracted values and triggering events, etc. However, repeatedly creating a list and repeatedly configuring a list requires a large number of operation steps, the operation is complicated, H5 production efficiency is low, and H5 production cost is high.
Disclosure of Invention
In view of this, the embodiment of the application provides a processing method and a processing system for a cyclic value list of an H5 manufacturing platform, so as to solve the problems of lower H5 production efficiency, higher H5 production cost and the like in the existing manner of processing a large amount of data by the H5 manufacturing platform.
In order to achieve the above object, the embodiment of the present application provides the following technical solutions:
the first aspect of the embodiment of the application discloses a processing method of a cyclic value list of an H5 manufacturing platform, which comprises the following steps:
determining a list length, a list sequence number range and a template sub-assembly corresponding to a cyclic value list in response to a first configuration instruction triggered by a user on a first visual interface of an H5 manufacturing platform, and determining a data source index in response to a second configuration instruction triggered by the user on a second visual interface of the H5 manufacturing platform, wherein the list length is N, N is a positive integer, and the template sub-assembly at least comprises a corresponding sub-assembly view structure;
sequentially performing N times of copying operation on the template sub-assembly to obtain N sub-assemblies to be processed, wherein the sequence numbers of the N sub-assemblies to be processed obtained by copying are determined based on the copying sequence and the list sequence number range;
acquiring a data array corresponding to the cyclic value list based on the data source index, the list length and the list sequence number range;
injecting each item of data in the data array into the corresponding sub-assembly to be processed to obtain a sub-assembly instance corresponding to each sub-assembly to be processed;
and determining an html structure for generating an H5 rendering effect diagram based on the sub-component examples and the sub-component view structures corresponding to the N sub-components to be processed.
Preferably, the injecting each item of data in the data array into the sub-component to be processed corresponding to the item of data to obtain a sub-component instance corresponding to each sub-component to be processed includes:
and injecting the data with the sequence number M in the data array into the sub-component to be processed with the sequence number M to obtain a sub-component instance corresponding to the sub-component to be processed with the sequence number M, wherein M is an integer which starts from x and increases by 1, M is greater than or equal to x and less than or equal to N, and x is the first sequence number in the list sequence number range.
Preferably, the determining an html structure for generating an H5 rendering effect graph based on the sub-component instances and the sub-component view structures corresponding to the N sub-components to be processed includes:
generating a first html structure corresponding to each sub-component to be processed by utilizing a sub-component instance and a sub-component view structure corresponding to the sub-component to be processed;
integrating the first html structures corresponding to the N sub-components to be processed to obtain a second html structure;
and sending the second html structure to a browser, so that the browser generates an H5 rendering effect diagram based on the second html structure.
Preferably, the obtaining the data array corresponding to the cyclic value list based on the data source index, the list length and the list sequence number range includes:
and based on the data source index, acquiring N items of data with sequence numbers within the list sequence number range from a data source corresponding to the data source index, and constructing a data array corresponding to the cyclic value list based on the acquired N items of data.
Preferably, the step of injecting the data with the sequence number M into the sub-component to be processed with the sequence number M in the data array, before obtaining the sub-component instance corresponding to the sub-component to be processed with the sequence number M, further includes:
binding the data with the sequence number M in the data array with the sub-component to be processed with the sequence number M.
The second aspect of the embodiment of the application discloses a processing system of a cyclic value list of an H5 manufacturing platform, which comprises the following components:
the response unit is used for responding to a first configuration instruction triggered by a user on a first visual interface of the H5 manufacturing platform, determining a list length, a list sequence number range and a template sub-assembly corresponding to the cyclic value list, and responding to a second configuration instruction triggered by the user on a second visual interface of the H5 manufacturing platform, determining a data source index, wherein the list length is N, N is a positive integer, and the template sub-assembly at least comprises a corresponding sub-assembly view structure;
the copying unit is used for sequentially carrying out N times of copying operation on the template sub-assembly to obtain N sub-assemblies to be processed, and the serial numbers of the N sub-assemblies to be processed obtained by copying are determined based on the copying sequence and the list serial number range;
the acquisition unit is used for acquiring a data array corresponding to the cyclic value list based on the data source index, the list length and the list sequence number range;
the processing unit is used for respectively injecting each item of data in the data array into the sub-assembly to be processed corresponding to the data array to obtain a sub-assembly instance corresponding to each sub-assembly to be processed;
and the determining unit is used for determining an html structure for generating the H5 rendering effect graph based on the sub-component examples and the sub-component view structures corresponding to the N sub-components to be processed.
Preferably, the processing unit is specifically configured to: and injecting the data with the sequence number M in the data array into the sub-component to be processed with the sequence number M to obtain a sub-component instance corresponding to the sub-component to be processed with the sequence number M, wherein M is an integer which starts from x and increases by 1, M is greater than or equal to x and less than or equal to N, and x is the first sequence number in the list sequence number range.
Preferably, the determining unit is specifically configured to: generating a first html structure corresponding to each sub-component to be processed by utilizing a sub-component instance and a sub-component view structure corresponding to the sub-component to be processed; integrating the first html structures corresponding to the N sub-components to be processed to obtain a second html structure; and sending the second html structure to a browser, so that the browser generates an H5 rendering effect diagram based on the second html structure.
Preferably, the acquiring unit is specifically configured to: and based on the data source index, acquiring N items of data with sequence numbers within the list sequence number range from a data source corresponding to the data source index, and constructing a data array corresponding to the cyclic value list based on the acquired N items of data.
Preferably, the system further comprises:
and the binding unit is used for binding the data with the sequence number M in the data array with the sub-component to be processed with the sequence number M.
Based on the processing method and system of the cyclic value list of the H5 manufacturing platform provided by the embodiment of the application, the method comprises the following steps: determining a list length, a list sequence number range and a template sub-assembly corresponding to a cyclic value list in response to a first configuration instruction triggered by a user at a first visual interface of the H5 manufacturing platform, and determining a data source index in response to a second configuration instruction triggered by the user at a second visual interface of the H5 manufacturing platform; the method comprises the steps that a template sub-assembly is subjected to N times of copying operation in sequence to obtain N sub-assemblies to be processed; acquiring a data array corresponding to the cyclic value list based on the data source index, the list length and the list sequence number range; injecting each item of data in the data array into the corresponding sub-assembly to be processed to obtain a sub-assembly instance corresponding to each sub-assembly to be processed; and determining an html structure for generating the H5 rendering effect graph based on the sub-component examples and the sub-component view structures corresponding to the N sub-components to be processed. In the scheme, when a large amount of data is processed, related contents of the cyclic value list and the data source index are configured through the visual interface, the data is acquired based on the data source index, the data is injected into a plurality of sub-components of the cyclic value list according to the corresponding relation to obtain an html structure for generating an H5 rendering effect graph, repeated creation and configuration of the list are not needed, H5 production efficiency is improved, and H5 production cost is reduced.
Drawings
In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings that are required to be used in the embodiments or the description of the prior art will be briefly described below, and it is obvious that the drawings in the following description are only embodiments of the present application, and that other drawings can be obtained according to the provided drawings without inventive effort for a person skilled in the art.
FIG. 1 is a flowchart of a method for processing a cyclic value list of an H5 production platform according to an embodiment of the present application;
FIG. 2 is a diagram illustrating a portion of a first visual interface provided by an embodiment of the present application;
FIG. 3 is a diagram illustrating a portion of a second visual interface provided in accordance with an embodiment of the present application;
FIG. 4 is another flowchart of a method for processing a cyclic value list of an H5 production platform according to an embodiment of the present application;
fig. 5 is a block diagram of a processing system of a cyclic value list of an H5 production platform according to an embodiment of the present application.
Detailed Description
The following description of the embodiments of the present application will be made clearly and completely with reference to the accompanying drawings, in which it is apparent that the embodiments described are only some embodiments of the present application, but not all embodiments. All other embodiments, which can be made by those skilled in the art based on the embodiments of the application without making any inventive effort, are intended to be within the scope of the application.
In the present disclosure, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element.
As known from the background art, when the current H5 production platform configures data such as a voting object list and a winning information list with a larger number, the list needs to be repeatedly created, and the numerical values and triggering events to be extracted by the list need to be repeatedly configured, so that the operation involved in the mode is complicated, which results in lower H5 production efficiency and higher H5 production cost.
Therefore, the embodiment of the application provides a processing method and a processing system for a cyclic value list of an H5 manufacturing platform, wherein when a large amount of data is processed, related contents and data source indexes of the cyclic value list are configured through a visual interface, the data is acquired based on the data source indexes, and the data is injected into a plurality of sub-components of the cyclic value list according to a corresponding relation to obtain an html structure for generating an H5 rendering effect graph, so that the repeated creation and configuration of the list are not needed, the H5 production efficiency is improved, and the H5 production cost is reduced.
Referring to fig. 1, a flowchart of a processing method of a cyclic value list of an H5 production platform according to an embodiment of the present application is shown, where the processing method includes:
step S101: and determining a list length, a list sequence number range and a template sub-assembly corresponding to the cyclic value list in response to a first configuration instruction triggered by a user at a first visual interface of the H5 manufacturing platform, and determining a data source index in response to a second configuration instruction triggered by the user at a second visual interface of the H5 manufacturing platform.
It should be noted that, the length of the list corresponding to the cyclic value list is N (which can be used to indicate the display length of the cyclic value list), N is a positive integer, and the template subassembly at least includes a corresponding subassembly view structure.
In the specific implementation process of step S101, in the H5 production platform, the relevant information in the first visual interface is displayed to the user, so that the user performs visual configuration on the relevant information of the cyclic value list through the first visual interface. When the user configures relevant information of the cyclic value list in the first visual interface, the user responds to a first configuration instruction triggered by the first visual interface of the H5 manufacturing platform to determine the list length, the list sequence number range and the template sub-assembly corresponding to the cyclic value list.
It can be appreciated that, in response to a first configuration instruction triggered by a user at the first visual interface, at least a list sequence number range and a template sub-component corresponding to the cyclic value list can be configured, and then a list length can be determined according to the configured list sequence number range.
In some embodiments, the user configures, via the first visual interface, the start position of the cyclic value list to be a, configures the end position of the cyclic value list to be b (b is greater than a), then the list number ranges from a-1 to b-1, and the list length of the cyclic value list is n=b-a+1.
For example, in the partial exemplary diagram of the first visual interface shown in fig. 2, if the user sets the start position of the cyclic value list to be 1 and the end position of the cyclic value list to be 15 in the column of "cyclic list setting", the list number range of the cyclic value list is 0 to 14, and the list length of the cyclic value list is n=15. The cyclic list in fig. 2 is a cyclic value list.
It should be understood that the above-mentioned sequence number determining method for the list sequence number range is only one method, and the list sequence number range may be determined to be a to b, which is not limited herein, and the sequence number determining method for the list sequence number range is consistent with the sequence number determining method for each item of data in the data source to be processed. For example: if the serial numbers of all data in the data sources to be processed start to be numbered from 0, the list serial number range of the cyclic value list also needs to be numbered from 0.
In some embodiments, when a user configures a template sub-component corresponding to the cyclic value list through the first visual interface, at least information such as sub-component information corresponding to the template sub-component (the sub-component information is applied to the corresponding template sub-component), a sub-component view structure, a trigger event, and the like is configured.
It should be noted that, the template subassembly includes a plurality of other types of components, and the trigger event of the template subassembly is: events bound by the template subcomponent on other components contained (e.g., having other transactions act accordingly when it is necessary to respond to an event such as a click); the subassembly view structure indicates: determining the positions and nested hierarchies of the plurality of sub-components through visual editing; the sub-assembly information includes a plurality of style parameters such as position, width, height, font, and background color, and the user can set the sub-assembly information of the template sub-assembly in a column of "basic style" as in a partial exemplary diagram of the first visual interface shown in fig. 2.
In some embodiments, in the H5 production platform, relevant information in the second visual interface is displayed to the user, so that the user performs visual configuration on the data source to be processed through the second visual interface. And when the user configures related information of the data source in the second visual interface, responding to a second configuration instruction triggered by the user on the second visual interface of the H5 manufacturing platform, and determining the index of the data source.
As shown in the partial example diagram of the second visual interface shown in fig. 3, the user selects the data source to be processed as the "voting object list" under the "list activity 2" in the second visual interface, and obtains the data source index corresponding to the data source to be processed.
Step S102: and (5) carrying out N times of copying operation on the template subassemblies in sequence to obtain N subassemblies to be processed.
It should be noted that, the sequence numbers of the N to-be-processed subassemblies obtained by replication are determined based on the replication sequence and the list sequence number range, and since the to-be-processed subassemblies are obtained by replication of the template subassembly, the data types included in each to-be-processed subassembly are consistent with the data types included in the template subassembly, that is, each to-be-processed subassembly at least includes subassembly information, subassembly view structure, trigger event and other information.
In the specific implementation process of step S102, after determining the list length, the list sequence number range and the template sub-assembly, the template sub-assembly needs to be duplicated according to the list length, and the duplicated sub-assemblies to be processed are numbered and ordered according to the list sequence number range.
Specifically, after the list length, the list sequence number range and the template sub-assembly are determined, the determined template sub-assembly is used as a template, and the template sub-assembly (template) is subjected to N times of copying operations in turn, so that N sub-assemblies to be processed are obtained through copying.
The sequence number determination process for the N sub-components to be processed is as follows: the serial numbers of the N sub-components to be processed obtained through copying are determined according to the copying sequence and based on the list serial number range.
For example: assuming that the range of the list sequence numbers is 0 to 14, the sequence number of the sub-assembly to be processed obtained by the 1 st replication is 0, the sequence number of the sub-assembly to be processed obtained by the 2 nd replication is 1, and so on, the sequence number of the sub-assembly to be processed obtained by the 15 th replication is 14.
It can be appreciated that when the determined template sub-assembly is sequentially subjected to N times of copying operations, the sub-assembly information, the sub-assembly view structure, the triggering event and other information corresponding to the template sub-assembly need to be copied.
It will be appreciated that after determining the list length, the list sequence number range, the N sub-components to be processed, and the data source index in step S101 and step S102, a cyclic list module may be generated, which includes at least the data source index, sub-component information of each sub-component to be processed, and sub-component view structures of each sub-component to be processed, and information in the cyclic list module may be used in each step described below.
Step S103: and acquiring a data array corresponding to the cyclic value list based on the data source index, the list length and the list sequence number range.
In the specific implementation step S103, based on the determined data source index, N items of data with sequence numbers within the range of the list sequence numbers are obtained from the data source corresponding to the data source index, and a data array corresponding to the cyclic value list is constructed based on the obtained N items of data.
For example, as shown in the partial exemplary diagram of the second visual interface shown in fig. 3, from the data source index, a data array in the data source "voting object list" may be acquired, where "item 0" data in the data array indicates data with a sequence number of 0 (the other data are the same).
That is, multiple items of data are acquired from corresponding data sources by using the data source index, if the number of the acquired data is greater than N (i.e. the list length), the data with N item serial numbers within the list serial number range is acquired from the multiple items of data, and the acquired N item data is constructed into the data array corresponding to the cyclic value list.
For example: assuming that the list sequence number range is 0 to 14 and the list length N is 15, if 30 items of data (sequence numbers of all the data are 0 to 29) are obtained from the corresponding data sources by using the data source index, a total of 15 items of data with sequence numbers of 0 to 14 are intercepted from the 30 items of data, and a data array corresponding to the cyclic value list is constructed by using the total of 15 items of data with sequence numbers of 0 to 14.
Step S104: and respectively injecting each item of data in the data array into the corresponding sub-component to be processed to obtain a sub-component instance corresponding to each sub-component to be processed.
As can be seen from the above-mentioned contents of steps S101 to S103, the number of data in the determined data array is equal to the number of sub-components to be processed, and the sequence numbers of each data in the data array correspond to the sequence numbers of each sub-component to be processed.
Preferably, before executing step S104, binding the data with the sequence number M in the data array with the sub-component to be processed with the sequence number M, where M is an integer that starts from x and increases by 1, and M is greater than or equal to x and less than or equal to N, where x is the first sequence number in the list sequence number range, and binding the data with the sequence number identical in the data array with the sub-component to be processed in a one-to-one manner in the above manner.
For example: assuming that the range of the sequence numbers of the list is 0 to 14, binding the data with the sequence number of 0 in the data array with the sub-component to be processed with the sequence number of 0, binding the data with the sequence number of 1 in the data array with the sub-component to be processed with the sequence number of 1, and so on, binding the data with the sequence number of 14 in the data array with the sub-component to be processed with the sequence number of 14.
It should be noted that, the sub-components are defined according to sub-component classes in the program logic, and the sub-component corresponding sub-component instances can be generated by instantiating the class instances of the sub-components. When traversing the data in the data array, generating a sub-component instance array containing sub-component instances corresponding to the sub-components to be processed.
In the specific implementation step S104, the data with the sequence number M in the data array is injected into the sub-component to be processed with the sequence number M, so as to obtain a sub-component instance corresponding to the sub-component to be processed with the sequence number M, where M is an integer which starts from x and increases by 1, M is greater than or equal to x and less than or equal to N, and x is the first sequence number in the list sequence number range.
For example: assuming that the range of the list sequence numbers is 0 to 14, injecting the data with the sequence number of 0 in the data array into the sub-component to be processed with the sequence number of 0, injecting the data with the sequence number of 1 in the data array into the sub-component to be processed with the sequence number of 1, and so on, injecting the data with the sequence number of 14 in the data array into the sub-component to be processed with the sequence number of 14, so as to respectively obtain sub-component examples corresponding to the sub-components to be processed with the sequence numbers of 0 to 14.
Step S105: and determining an html structure for generating the H5 rendering effect graph based on the sub-component examples and the sub-component view structures corresponding to the N sub-components to be processed.
It should be noted that, the cyclic value list and its sub-components are rendered through data driving, and the components under the sub-components and other components can display content by binding corresponding data, for example: assuming that the data in the data array corresponding to the cyclic value list is an array serial number, the sub-component can add a text component through visual editing, so that the text component and the serial number of the data corresponding to the sub-component are bound, and a serial number display text can be rendered on an interface.
In the specific implementation process of step S105, for each sub-component to be processed, a first html structure corresponding to the sub-component to be processed is generated by a rendering engine by using a sub-component instance and a sub-component view structure corresponding to the sub-component to be processed. That is, each sub-component to be processed may generate a corresponding set of first html structures.
And integrating the first html structures corresponding to the N sub-components to be processed to obtain a second html structure, and sending the second html structure to the browser to enable the browser to generate an H5 rendering effect graph (e.g. list view) based on the second html structure.
In the embodiment of the application, when a large amount of data is processed, the related content and the data source index of the cyclic value list are configured through the visual interface, the data is acquired based on the data source index, and the data is injected into a plurality of sub-components of the cyclic value list according to the corresponding relation to obtain the html structure for generating the H5 rendering effect graph, so that the list is not required to be repeatedly created and configured, the H5 production efficiency is improved, and the H5 production cost is reduced.
For better explaining the content of fig. 1 in the above embodiment of the present application, it should be noted that fig. 4 is only used as an example.
Referring to fig. 4, another flowchart of a processing method of a cyclic value list of an H5 production platform according to an embodiment of the present application is shown, where the processing method includes:
step S401: and responding to a configuration instruction triggered by a user in a visual interface of the H5 manufacturing platform, and generating a circulation list module.
It should be noted that, the cyclic list module includes a data source index (dataKey in fig. 3), sub-component information (child in fig. 3) of each sub-component to be processed, and a sub-component view structure (view in fig. 3) of each sub-component to be processed, and the principle of generating the cyclic list module is referred to the content in step S102 in fig. 1 in the above embodiment of the present application.
Step S402: and acquiring the data array from the corresponding data source according to the data source index.
It should be noted that, the process of acquiring the data array is described in step S103 of fig. 1 according to the above embodiment of the present application.
Step S403: and injecting each item of data in the data array into the corresponding sub-assembly to be processed to obtain a sub-assembly example corresponding to each sub-assembly to be processed.
It should be noted that, the sub-component list in fig. 4 is made up of a plurality of sub-components to be processed, and the process of obtaining the sub-component instance corresponding to each sub-component to be processed is described in the above-mentioned embodiment of the present application in step S104 of fig. 1.
Step S404: and generating a second html structure by utilizing a rendering engine in combination with the sub-assembly instance and the sub-assembly view structure corresponding to each sub-assembly to be processed, and sending the second html structure to a browser to be rendered to obtain a list view.
It should be noted that, the process of generating the second html structure is described in the above embodiment of the present application, see the content in step S105 of fig. 1.
Corresponding to the above-mentioned processing method for the cyclic value list of the H5 production platform provided by the embodiment of the present application, referring to fig. 5, the embodiment of the present application further provides a structural block diagram of a processing system for the cyclic value list of the H5 production platform, where the processing system includes: a response unit 501, a copy unit 502, an acquisition unit 503, a processing unit 504, and a determination unit 505;
the response unit 501 is configured to determine a list length, a list sequence number range, and a template sub-assembly corresponding to the cyclic value list in response to a first configuration instruction triggered by a user at a first visual interface of the H5 production platform, and determine a data source index in response to a second configuration instruction triggered by a user at a second visual interface of the H5 production platform, where the list length is N, N is a positive integer, and the template sub-assembly at least includes a corresponding sub-assembly view structure.
The copying unit 502 is configured to sequentially perform N copying operations on the template subassemblies, copy N subassemblies to be processed, and determine sequence numbers of the N subassemblies to be processed based on the copying sequence and the list sequence number range.
An obtaining unit 503, configured to obtain a data array corresponding to the cyclic value list based on the data source index, the list length, and the list sequence number range.
In a specific implementation, the obtaining unit is specifically configured to: based on the data source index, N items of data with serial numbers within the range of the list serial numbers are obtained from the data source corresponding to the data source index, and a data array corresponding to the cyclic value list is constructed based on the obtained N items of data.
And the processing unit 504 is configured to inject each item of data in the data array into a sub-component to be processed corresponding to the item of data, so as to obtain a sub-component instance corresponding to each sub-component to be processed.
In a specific implementation, the processing unit 504 is specifically configured to: and injecting the data with the sequence number M in the data array into the sub-component to be processed with the sequence number M to obtain a sub-component example corresponding to the sub-component to be processed with the sequence number M, wherein M is an integer which starts from x and increases by 1, M is greater than or equal to x and less than or equal to N, and x is the first sequence number in the list sequence number range.
A determining unit 505, configured to determine an html structure for generating an H5 rendering effect map based on the sub-component instances and the sub-component view structures corresponding to the N sub-components to be processed.
In a specific implementation, the determining unit 505 is specifically configured to: generating a first html structure corresponding to each sub-component to be processed by utilizing a sub-component instance and a sub-component view structure corresponding to the sub-component to be processed; integrating the first html structures corresponding to the N sub-components to be processed to obtain a second html structure; and sending the second html structure to the browser, so that the browser generates an H5 rendering effect diagram based on the second html structure.
In the embodiment of the application, when a large amount of data is processed, the related content and the data source index of the cyclic value list are configured through the visual interface, the data is acquired based on the data source index, and the data is injected into a plurality of sub-components of the cyclic value list according to the corresponding relation to obtain the html structure for generating the H5 rendering effect graph, so that the list is not required to be repeatedly created and configured, the H5 production efficiency is improved, and the H5 production cost is reduced.
Preferably, in combination with the content shown in fig. 5, the processing system further comprises:
and the binding unit is used for binding the data with the sequence number M in the data array with the sub-component to be processed with the sequence number M.
In summary, the embodiment of the application provides a method and a system for processing a cyclic value list of an H5 production platform, which are used for responding to an instruction triggered by a user on a first visual interface and a second visual interface, determining a list length, a list sequence number range and a template sub-assembly corresponding to the cyclic value list, and determining a data source index. And performing N times of copying operation on the template sub-assembly to obtain N sub-assemblies to be processed. And acquiring a data array corresponding to the cyclic value list based on the data source index, the list length and the list sequence number range. And injecting each item of data in the data array into the corresponding sub-component to be processed to obtain a sub-component instance of each sub-component to be processed. Based on the sub-component instances of the N sub-components to be processed and the sub-component view structure, an html structure for generating an H5 rendering effect map is determined. When a large amount of data is processed, repeated creation and configuration of a list are not needed, H5 production efficiency is improved, and H5 production cost is reduced.
In this specification, each embodiment is described in a progressive manner, and identical and similar parts of each embodiment are all referred to each other, and each embodiment mainly describes differences from other embodiments. In particular, for a system or system embodiment, since it is substantially similar to a method embodiment, the description is relatively simple, with reference to the description of the method embodiment being made in part. The systems and system embodiments described above are merely illustrative, wherein the elements illustrated as separate elements may or may not be physically separate, and the elements shown as elements may or may not be physical elements, may be located in one place, or may be distributed over a plurality of network elements. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of this embodiment. Those of ordinary skill in the art will understand and implement the present application without undue burden.
Those of skill would further appreciate that the various illustrative elements and algorithm steps described in connection with the embodiments disclosed herein may be implemented as electronic hardware, computer software, or combinations of both, and that the various illustrative elements and steps are described above generally in terms of functionality in order to clearly illustrate the interchangeability of hardware and software. Whether such functionality is implemented as hardware or software depends upon the particular application and design constraints imposed on the solution. Skilled artisans may implement the described functionality in varying ways for each particular application, but such implementation decisions should not be interpreted as causing a departure from the scope of the present application.
The previous description of the disclosed embodiments is provided to enable any person skilled in the art to make or use the present application. Various modifications to these embodiments will be readily apparent to those skilled in the art, and the generic principles defined herein may be applied to other embodiments without departing from the spirit or scope of the application. Thus, the present application is not intended to be limited to the embodiments shown herein but is to be accorded the widest scope consistent with the principles and novel features disclosed herein.
Claims (10)
1. The processing method of the cyclic value list of the H5 manufacturing platform is characterized by comprising the following steps of:
determining a list length, a list sequence number range and a template sub-assembly corresponding to a cyclic value list in response to a first configuration instruction triggered by a user on a first visual interface of an H5 manufacturing platform, and determining a data source index in response to a second configuration instruction triggered by the user on a second visual interface of the H5 manufacturing platform, wherein the list length is N, N is a positive integer, and the template sub-assembly at least comprises a corresponding sub-assembly view structure;
sequentially performing N times of copying operation on the template sub-assembly to obtain N sub-assemblies to be processed, wherein the sequence numbers of the N sub-assemblies to be processed obtained by copying are determined based on the copying sequence and the list sequence number range;
acquiring a data array corresponding to the cyclic value list based on the data source index, the list length and the list sequence number range; the serial numbers of all data in the acquired data array correspond to the serial numbers of all sub-components to be processed;
injecting each item of data in the data array into the corresponding sub-assembly to be processed to obtain a sub-assembly instance corresponding to each sub-assembly to be processed;
and determining an html structure for generating an H5 rendering effect diagram based on the sub-component examples and the sub-component view structures corresponding to the N sub-components to be processed.
2. The method according to claim 1, wherein the injecting each item of data in the data array into the sub-component to be processed corresponding to the item of data to obtain a sub-component instance corresponding to each sub-component to be processed includes:
and injecting the data with the sequence number M in the data array into the sub-component to be processed with the sequence number M to obtain a sub-component instance corresponding to the sub-component to be processed with the sequence number M, wherein M is an integer which starts from x and increases by 1, M is greater than or equal to x and less than or equal to N, and x is the first sequence number in the list sequence number range.
3. The method according to claim 1, wherein determining an html structure for generating an H5 rendering effect map based on the sub-component instances and the sub-component view structures corresponding to the N sub-components to be processed comprises:
generating a first html structure corresponding to each sub-component to be processed by utilizing a sub-component instance and a sub-component view structure corresponding to the sub-component to be processed;
integrating the first html structures corresponding to the N sub-components to be processed to obtain a second html structure;
and sending the second html structure to a browser, so that the browser generates an H5 rendering effect diagram based on the second html structure.
4. The method of claim 1, wherein the obtaining a data array corresponding to the cyclic value list based on the data source index, the list length, and the list sequence number range comprises:
and based on the data source index, acquiring N items of data with sequence numbers within the list sequence number range from a data source corresponding to the data source index, and constructing a data array corresponding to the cyclic value list based on the acquired N items of data.
5. The method according to claim 2, wherein before injecting the data with the sequence number M into the sub-component to be processed with the sequence number M to obtain the sub-component instance corresponding to the sub-component to be processed with the sequence number M, the method further comprises:
binding the data with the sequence number M in the data array with the sub-component to be processed with the sequence number M.
6. A system for processing a cyclic value list of an H5 production platform, the system comprising:
the response unit is used for responding to a first configuration instruction triggered by a user on a first visual interface of the H5 manufacturing platform, determining a list length, a list sequence number range and a template sub-assembly corresponding to the cyclic value list, and responding to a second configuration instruction triggered by the user on a second visual interface of the H5 manufacturing platform, determining a data source index, wherein the list length is N, N is a positive integer, and the template sub-assembly at least comprises a corresponding sub-assembly view structure;
the copying unit is used for sequentially carrying out N times of copying operation on the template sub-assembly to obtain N sub-assemblies to be processed, and the sequence numbers of the N sub-assemblies to be processed obtained by copying are determined based on the copying sequence and the list sequence number range;
the acquisition unit is used for acquiring a data array corresponding to the cyclic value list based on the data source index, the list length and the list sequence number range; the serial numbers of all data in the acquired data array correspond to the serial numbers of all sub-components to be processed;
the processing unit is used for respectively injecting each item of data in the data array into the sub-assembly to be processed corresponding to the data array to obtain a sub-assembly instance corresponding to each sub-assembly to be processed;
and the determining unit is used for determining an html structure for generating the H5 rendering effect graph based on the sub-component examples and the sub-component view structures corresponding to the N sub-components to be processed.
7. The system according to claim 6, wherein the processing unit is specifically configured to: and injecting the data with the sequence number M in the data array into the sub-component to be processed with the sequence number M to obtain a sub-component instance corresponding to the sub-component to be processed with the sequence number M, wherein M is an integer which starts from x and increases by 1, M is greater than or equal to x and less than or equal to N, and x is the first sequence number in the list sequence number range.
8. The system according to claim 6, wherein the determining unit is specifically configured to: generating a first html structure corresponding to each sub-component to be processed by utilizing a sub-component instance and a sub-component view structure corresponding to the sub-component to be processed; integrating the first html structures corresponding to the N sub-components to be processed to obtain a second html structure; and sending the second html structure to a browser, so that the browser generates an H5 rendering effect diagram based on the second html structure.
9. The system according to claim 6, wherein the acquisition unit is specifically configured to: and based on the data source index, acquiring N items of data with sequence numbers within the list sequence number range from a data source corresponding to the data source index, and constructing a data array corresponding to the cyclic value list based on the acquired N items of data.
10. The system of claim 7, wherein the system further comprises:
and the binding unit is used for binding the data with the sequence number M in the data array with the sub-component to be processed with the sequence number M.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110967974.7A CN113656032B (en) | 2021-08-23 | 2021-08-23 | Processing method and system for cyclic value list of H5 manufacturing platform |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110967974.7A CN113656032B (en) | 2021-08-23 | 2021-08-23 | Processing method and system for cyclic value list of H5 manufacturing platform |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113656032A CN113656032A (en) | 2021-11-16 |
CN113656032B true CN113656032B (en) | 2023-09-26 |
Family
ID=78492104
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110967974.7A Active CN113656032B (en) | 2021-08-23 | 2021-08-23 | Processing method and system for cyclic value list of H5 manufacturing platform |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113656032B (en) |
Citations (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107169102A (en) * | 2017-05-16 | 2017-09-15 | 腾讯科技(深圳)有限公司 | Data query method, device, computer equipment and storage medium for interface display |
CN109146251A (en) * | 2018-07-24 | 2019-01-04 | 武汉空心科技有限公司 | Component- based development method and system |
CN109871523A (en) * | 2019-01-31 | 2019-06-11 | 成都摹客科技有限公司 | A kind of Method of Creation Process and system of the unit cell based on prototype tool |
CN109871254A (en) * | 2019-01-31 | 2019-06-11 | 成都摹客科技有限公司 | A kind of creation method and system of the unit cell of separable prototype tool |
CN110471656A (en) * | 2018-05-10 | 2019-11-19 | 北京京东尚科信息技术有限公司 | The method of adjustment and device of component level |
CN110825362A (en) * | 2019-11-04 | 2020-02-21 | 广东道一信息技术股份有限公司 | Low-code application software development system and method |
CN111125085A (en) * | 2018-10-30 | 2020-05-08 | 千寻位置网络有限公司 | Python-based database index optimization method, device and system |
CN111724453A (en) * | 2019-03-22 | 2020-09-29 | 阿里巴巴集团控股有限公司 | Rich text rendering method and device, terminal equipment and computer storage medium |
CN111819534A (en) * | 2017-12-03 | 2020-10-23 | 托马斯·斯塔胡拉 | Spreadsheet-based software application development |
CN112272307A (en) * | 2020-10-23 | 2021-01-26 | 海看网络科技(山东)股份有限公司 | Carousel method for EPG integrated picture and video |
CN112528184A (en) * | 2020-12-16 | 2021-03-19 | 平安养老保险股份有限公司 | Sending method and device of rich text mail, computer equipment and storage medium |
CN113238741A (en) * | 2021-05-12 | 2021-08-10 | 平安科技(深圳)有限公司 | Form configuration method and device, electronic equipment and storage medium |
-
2021
- 2021-08-23 CN CN202110967974.7A patent/CN113656032B/en active Active
Patent Citations (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107169102A (en) * | 2017-05-16 | 2017-09-15 | 腾讯科技(深圳)有限公司 | Data query method, device, computer equipment and storage medium for interface display |
CN111819534A (en) * | 2017-12-03 | 2020-10-23 | 托马斯·斯塔胡拉 | Spreadsheet-based software application development |
CN110471656A (en) * | 2018-05-10 | 2019-11-19 | 北京京东尚科信息技术有限公司 | The method of adjustment and device of component level |
CN109146251A (en) * | 2018-07-24 | 2019-01-04 | 武汉空心科技有限公司 | Component- based development method and system |
CN111125085A (en) * | 2018-10-30 | 2020-05-08 | 千寻位置网络有限公司 | Python-based database index optimization method, device and system |
CN109871523A (en) * | 2019-01-31 | 2019-06-11 | 成都摹客科技有限公司 | A kind of Method of Creation Process and system of the unit cell based on prototype tool |
CN109871254A (en) * | 2019-01-31 | 2019-06-11 | 成都摹客科技有限公司 | A kind of creation method and system of the unit cell of separable prototype tool |
CN111724453A (en) * | 2019-03-22 | 2020-09-29 | 阿里巴巴集团控股有限公司 | Rich text rendering method and device, terminal equipment and computer storage medium |
CN110825362A (en) * | 2019-11-04 | 2020-02-21 | 广东道一信息技术股份有限公司 | Low-code application software development system and method |
CN112272307A (en) * | 2020-10-23 | 2021-01-26 | 海看网络科技(山东)股份有限公司 | Carousel method for EPG integrated picture and video |
CN112528184A (en) * | 2020-12-16 | 2021-03-19 | 平安养老保险股份有限公司 | Sending method and device of rich text mail, computer equipment and storage medium |
CN113238741A (en) * | 2021-05-12 | 2021-08-10 | 平安科技(深圳)有限公司 | Form configuration method and device, electronic equipment and storage medium |
Non-Patent Citations (2)
Title |
---|
"Towards end-user development of REST client applications on smartphones";Gebremariam Mesfin 等;《computer standards & interfaces》;全文 * |
"面向学科交叉的数据采集与集成课程教学设计";郭玉臣 等;《计算机教育》;全文 * |
Also Published As
Publication number | Publication date |
---|---|
CN113656032A (en) | 2021-11-16 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
Blacker et al. | CUBIT geometry and mesh generation toolkit 15.1 user documentation | |
JP6419736B2 (en) | System and method for dialog customization | |
US8683359B2 (en) | In-place user interface and dataflow modeling | |
CN101968817B (en) | Method for configuring webpage template | |
US9563450B1 (en) | Expression based hierarchical mechanism for HTML form data validation | |
US9836573B2 (en) | Method and system for multilateral validation of wire harness design outputs | |
WO2019241656A1 (en) | System and method for comparing and selectively merging database records | |
US20070038947A1 (en) | Method and device for generation of a parametric model associated with a 3D geometry | |
CN106250110B (en) | Method and device for establishing model | |
CN112685025A (en) | Method and system for quickly building front-end page | |
US20140040724A1 (en) | Method and system for website creation | |
CN113656032B (en) | Processing method and system for cyclic value list of H5 manufacturing platform | |
CN114741360A (en) | Automobile part file reconstruction method and device, terminal equipment and storage medium | |
CN112486952A (en) | Flow creation method, system, storage medium and electronic device | |
CN111949267B (en) | UI front end generation method and device | |
CN110968311A (en) | Front-end page construction method and device and electronic equipment | |
CN115033436A (en) | Page testing method and device, electronic equipment and storage medium | |
CN109597845B (en) | Report configuration method, report configuration device, computer equipment and storage medium | |
Sprogis | ajoo: WEB based framework for domain specific modeling tools | |
Bogdanov et al. | Yii2 Application Development Cookbook | |
JP5706248B2 (en) | Product handling standard creation system and method | |
Yousaf et al. | Investigation of tools, techniques and languages for model driven Software Product Lines (SPL): A systematic literature review | |
US11194457B1 (en) | Knowledge engine auto-generation of guided flow experience | |
CN115857909B (en) | Method, device, equipment and medium for generating graph exploration analysis application | |
Graham | Viewpoints supporting the development of interactive software |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |