Set component generation method and device, storage medium and server
By establishing the slot slot relationship between parent and hierarchical components in the Vue filtering collection and updating custom business logic code, the problem of inefficient manual writing is solved, and rapid development and efficient iteration are achieved.
Patent Information
- Application Number
- CN202411350614.2
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-09-26
- Publication Date
- 2024-12-27
AI Technical Summary
When developing Vue filtering sets, manual writing of screening functional elements is inefficient and cannot meet the needs of rapid development iteration and timely delivery, especially when the screening sets are of various types and large number.
By establishing the parent component of specific collective attributes and reserve slot space inside it, embedding multiple hierarchical components, configuring custom business logic code, updating the code of the hierarchical component according to application needs to generate the target collection component, and using Provide and inject options establish data transfer relationships between components and realize customized modifications.
It improves project development efficiency, meets the needs of rapid development iteration and timely delivery, reduces the amount of code rewrites, and improves code maintainability and user experience.
Smart Images
Figure CN119201173A_ABST
Abstract
Description
Technical Field
[0001] The present disclosure relates to the field of computer technology, and in particular to a collection component generation method, a collection component generation device, a storage medium, and a server. Background Art
[0002] At present, the most common way to develop Vue filter collections is to manually write filter function elements according to business needs and combine them into the business code of the filter collection. For example, when writing, you need to write the corresponding type for each element of the filter collection according to the grammatical rules of Vue. For example, the function of automatically expanding and collapsing when the line length exceeds the limit, the function of resetting the default value of the filter element, the linkage between filter elements, and the verification message prompts and style layout. However, in the above scheme, when the types of filter collections are complex and the number is large, the manual writing efficiency is extremely low, which cannot meet the needs of rapid development iteration and timely delivery. Summary of the invention
[0003] In view of this, the embodiments of the present disclosure are intended to provide a collection component generation method, a collection component generation device, a storage medium, and a server.
[0004] The technical solution of the present disclosure is achieved as follows:
[0005] In a first aspect, the present disclosure provides a method for generating a collection component.
[0006] The method for generating a collection component provided by an embodiment of the present disclosure includes:
[0007] Establish a parent component of specific collective attributes, and reserve slot space in the parent component;
[0008] A plurality of hierarchical components are embedded in the slot space inside the parent component; wherein the hierarchical components include at least one level of child components; wherein the plurality of hierarchical components are configured with custom business logic codes;
[0009] According to the application requirements of the collection component, the custom business logic code of the hierarchical component is updated through the slot to generate a target collection component.
[0010] In some embodiments, when the slot space inside the parent component embeds multiple hierarchical components, the method includes:
[0011] Embed the provide and inject options inside the parent component;
[0012] A data transfer relationship between the parent component and the hierarchical component is established based on the provide and inject options.
[0013] In some embodiments, the hierarchy component is a filter component including a plurality of options.
[0014] In some embodiments, the slot space inside the parent component embeds multiple hierarchical components, including:
[0015] Establishing a mapping tag between the parent component and the hierarchical component; wherein the mapping tag represents a one-to-one mapping relationship between the parent component and the hierarchical component;
[0016] The updating of the custom business logic code of the hierarchical component through the slot according to the application requirements of the collection component to generate a target collection component includes:
[0017] Determine the target hierarchical component that needs to be updated with the custom business logic code based on the mapping label between the parent component and the hierarchical component;
[0018] According to the application requirements of the collection component, the custom business logic code of the target level component is updated through the slot to generate a target collection component.
[0019] In a second aspect, the present disclosure provides a collection component generation device, including:
[0020] A parent component establishment module is used to establish a parent component of a specific collective attribute and reserve a slot space in the parent component;
[0021] A hierarchical component embedding module, used to embed multiple hierarchical components in the slot space inside the parent component; wherein the hierarchical components include at least one level of child components; wherein the multiple hierarchical components are configured with custom business logic codes;
[0022] The target collection component generation module is used to update the custom business logic code of the hierarchical component through the slot according to the application requirements of the collection component to generate the target collection component.
[0023] In some embodiments, the hierarchical component embedding module is used to
[0024] Embed the provide and inject options inside the parent component;
[0025] A data transfer relationship between the parent component and the hierarchical component is established based on the provide and inject options.
[0026] In some embodiments, the hierarchy component is a filter component including a plurality of options.
[0027] In some embodiments, the hierarchical component embedding module is used to
[0028] Establishing a mapping tag between the parent component and the hierarchical component; wherein the mapping tag represents a one-to-one mapping relationship between the parent component and the hierarchical component;
[0029] The target set component generation module is used to
[0030] Determine the target hierarchical component that needs to be updated with the custom business logic code based on the mapping label between the parent component and the hierarchical component;
[0031] According to the application requirements of the collection component, the custom business logic code of the target level component is updated through the slot to generate a target collection component.
[0032] In a third aspect, the present disclosure provides a computer-readable storage medium having a collection component generation program stored thereon. When the collection component generation program is executed by a processor, the collection component generation method described in the first aspect is implemented.
[0033] In a fourth aspect, the present disclosure provides a server, comprising a memory, a processor, and a collection component generation program stored in the memory and executable on the processor, wherein when the processor executes the collection component generation program, the collection component generation method described in the first aspect is implemented.
[0034] According to the collection component generation method of the embodiment of the present disclosure, it includes establishing a parent component of specific collective attributes, and reserving slot slot space in the parent component; embedding multiple hierarchical components in the slot slot space inside the parent component; wherein the hierarchical component includes at least a first-level child component; wherein the multiple hierarchical components are configured with custom business logic code; according to the application requirements of the collection component, the custom business logic code of the hierarchical component is updated through the slot slot to generate a target collection component. In this application, the custom business logic code of multiple hierarchical components is directly modified by reserving slot slot space inside the parent component, thereby realizing customized modification of the hierarchical components. The entire process does not require rewriting all the code to complete the update and compilation of the collection component according to business needs, so as to improve the overall project development efficiency, thereby meeting the requirements of rapid development iteration and timely delivery.
[0035] Additional aspects and advantages of the present disclosure will be given in part in the following description and in part will be obvious from the following description or learned through practice of the present disclosure. BRIEF DESCRIPTION OF THE DRAWINGS
[0036] Figure 1is a flow chart of a method for generating a collection component according to an exemplary embodiment;
[0037] Figure 2 is a schematic diagram of a structure of a collection component according to an exemplary embodiment;
[0038] Figure 3 is a schematic diagram showing an internal communication method of a collection component according to an exemplary embodiment;
[0039] Figure 4 is a flow chart of a collection component generation process according to an exemplary embodiment;
[0040] Figure 5 is a schematic diagram showing a collection component page display according to an exemplary embodiment;
[0041] Figure 6 It is a schematic diagram of the structure of a collection component generating device according to an exemplary embodiment. DETAILED DESCRIPTION
[0042] Embodiments of the present disclosure are described in detail below, examples of which are shown in the accompanying drawings, wherein the same or similar reference numerals throughout represent the same or similar elements or elements having the same or similar functions. The embodiments described below with reference to the accompanying drawings are exemplary and are intended to be used to explain the present disclosure, and should not be construed as limiting the present disclosure.
[0043] At present, the most common way to develop Vue filter collections is to manually write filter function elements according to business needs and combine them into the business code of the filter collection. For example, when writing, you need to write the corresponding type for each element of the filter collection according to the grammatical rules of Vue. For example, the function of automatically expanding and collapsing when the line length exceeds the limit, the function of resetting the default value of the filter element, the linkage between filter elements, and the verification message prompts and style layout. However, in the above scheme, when the types of filter collections are complex and the number is large, the manual writing efficiency is extremely low, which cannot meet the needs of rapid development iteration and timely delivery.
[0044] In view of the above situation, the present disclosure provides a method for generating a collection component. Figure 1 FIG. 1 is a flow chart of a method for generating a collection component according to an exemplary embodiment. Figure 1 As shown, the collection component generation method includes:
[0045] Step 10: Create a parent component of a specific collective attribute, and reserve a slot space in the parent component;
[0046] Step 11, embedding a plurality of hierarchical components in the slot space inside the parent component; wherein the hierarchical components include at least a first-level child component; wherein the plurality of hierarchical components are configured with custom business logic code;
[0047] Step 12: According to the application requirements of the collection component, the custom business logic code of the hierarchical component is updated through the slot to generate a target collection component.
[0048] In this exemplary embodiment, the collection component may be a screening collection component. The hierarchical component may include a child component, a grandchild component in the child component, and so on.
[0049] In this exemplary embodiment, Figure 5 FIG. 1 is a schematic diagram showing a collection component page display according to an exemplary embodiment. Figure 5 As shown, the parent component has the collective properties of the components at each level in the collection component. For example, the collection component displays the information related to the functional applications of a certain brand of car, and the collective properties of its components at each level are the display of the information related to the functional applications of the brand of car. The components at each level are the display of the functional applications and related information of various models of the brand of car. For example, the public opinion scope component, the market segment component, the energy type component, the emotional attribute component, etc. Among them, each level component is a screening component, etc.
[0050] In this exemplary embodiment, slots are a mechanism for distributing content, a mechanism for delivering content in components. In this application, slots are used as placeholders in parent components, and then when the component is used, the incoming component content, that is, the Vue code snippet, will be distributed to the corresponding slots; slots allow users to better expand and customize components, and realize more flexible and reusable collection components. Figure 2 FIG. 1 is a schematic diagram of a structure of a collection component according to an exemplary embodiment. Figure 2 As shown, a slot space can be built into the parent component of the filter collection. The slot user can introduce the Checkbox subcomponent, Radio subcomponent, and switch subcomponent into the parent component of the filter collection as needed.
[0051] According to the collection component generation method of the embodiment of the present disclosure, it includes establishing a parent component of specific collective attributes, and reserving slot slot space in the parent component; embedding multiple hierarchical components in the slot slot space inside the parent component; wherein the hierarchical component includes at least a first-level child component; wherein the multiple hierarchical components are configured with custom business logic code; according to the application requirements of the collection component, the custom business logic code of the hierarchical component is updated through the slot slot to generate a target collection component. In this application, the custom business logic code of multiple hierarchical components is directly modified by reserving slot slot space inside the parent component, thereby realizing customized modification of the hierarchical components. The entire process does not require rewriting all the code to complete the update and compilation of the collection component according to business needs, so as to improve the overall project development efficiency, thereby meeting the requirements of rapid development iteration and timely delivery.
[0052] In some embodiments, when the slot space inside the parent component embeds multiple hierarchical components, the method includes:
[0053] Embed the provide and inject options inside the parent component;
[0054] A data transfer relationship between the parent component and the hierarchical component is established based on the provide and inject options.
[0055] In this exemplary embodiment, provide and inject are usually used in pairs to make an ancestor component the dependency injector of its descendant components. Injection can be successful no matter how deep the hierarchy of this component is, as long as they are on the same component chain. inject is used to inject a value provided by an ancestor component. provide is used to create a pair named provided on the parent component instance. The provided object stores the data provided to the child component, and this data will be available in the entire component tree. That is, a direct data transfer relationship between the parent component and each of the hierarchical components can be established through the provide and inject options, so that the data transfer between the parent component and each of the hierarchical components no longer depends on the layer-by-layer transfer between the hierarchical relationships, thereby effectively improving the efficiency of data transfer. For example, the parent component can directly pass data to the grandchild component through the provide and inject options, so that it no longer depends on the parent component passing it to the child component, and then the child component passing it to the grandchild component, thereby effectively improving the efficiency of data transfer. Figure 3 FIG. 1 is a schematic diagram showing the internal communication mode of a collection component according to an exemplary embodiment. Figure 3 As shown, the internal communication mode of the collection component can be implemented as follows:
[0056] Between the parent component 01 and the child component 03 of the filter collection, the provided object 02 is established through the Provide() function. The provided object is used to represent the common properties that can be adopted by each child component. Among them, the child component 03 and the grandchild component 04 can directly obtain the property information in the provided object through inject(). The parent component 01 of the filter collection assigns the property value to the child component 03 and the grandchild component 04 through inject().
[0057] In some embodiments, the hierarchical component is a screening component including multiple options. For example, the market segment component includes multiple options such as compact car options, mid-size car options, and small SUV options. By establishing the hierarchical screening component, a screening set component is generated.
[0058] In some embodiments, the slot space inside the parent component embeds multiple hierarchical components, including:
[0059] Establishing a mapping tag between the parent component and the hierarchical component; wherein the mapping tag represents a one-to-one mapping relationship between the parent component and the hierarchical component;
[0060] The updating of the custom business logic code of the hierarchical component through the slot according to the application requirements of the collection component to generate a target collection component includes:
[0061] Determine the target hierarchical component that needs to be updated with the custom business logic code based on the mapping label between the parent component and the hierarchical component;
[0062] According to the application requirements of the collection component, the custom business logic code of the target level component is updated through the slot to generate a target collection component.
[0063] In this exemplary embodiment, when the custom business logic code of the target hierarchical component is updated through the slot, since there are multiple hierarchical components in the parent component. At this time, the target hierarchical component that needs the custom business logic code update can be determined based on the mapping label between the parent component and the hierarchical component. Then, according to the application requirements of the collection component, the custom business logic code of the target hierarchical component is updated through the slot to generate a target collection component. For example, a first mapping label is correspondingly established between the parent component and the public opinion scope component; a second mapping label is correspondingly established between the parent component and the market segment component, and so on. The editing space of the public opinion scope component can be determined through the first mapping label, and the custom business logic code of the public opinion scope component can be modified and updated.
[0064] Figure 4 FIG. 1 is a flow chart of a process of generating a collection component according to an exemplary embodiment. Figure 4 As shown, the collection component generation process includes:
[0065] Step 40, start;
[0066] Step 41: Import the parent component of the filter collection and the filter level components that need to be imported through the Vue file;
[0067] Step 42, configure (style, built-in packaged functions, etc.) filter collection parent components;
[0068] Step 43, write a configuration file in json format; wherein the configuration file has function information of filtering hierarchical components;
[0069] Step 44, traverse the JSON format configuration files and configure them to the built-in filtering level components respectively;
[0070] Step 45: embed the configured filter level component into the slot position of the filter collection parent component; wherein, the user-defined business logic code can be embedded through the slot structure, and can coexist with the built-in filter level component;
[0071] Step 46, end.
[0072] In this exemplary embodiment, the filter set component can be predefined and packaged, and developers do not need to write code from scratch every time when building the filter function. By reusing components, the development time can be significantly reduced, thereby speeding up the development process and meeting the needs of rapid development and iteration.
[0073] In this application, the componentized development approach means that the logic of filtering collections is encapsulated in independent modules. This makes the code structure clearer, easier to read and maintain. When the filtering function needs to be modified or extended, developers can directly locate the corresponding component without having to search in the complex code.
[0074] In this application, since the filter collection components are pre-tested and verified, they are usually more reliable than manually written code. Reusing these components can reduce syntax errors and logic errors caused by manual coding, thereby improving the quality of the code.
[0075] In this application, the filter collection component can be designed as a consistent and intuitive user interface to ensure that users can get a familiar operating experience in different scenarios. At the same time, the component can easily integrate various interactive elements and dynamic effects, thereby improving the efficiency and satisfaction of users in filtering data.
[0076] In this application, although the filter collection components provide predefined functions, they usually also support a certain degree of customization. Developers can adjust the appearance, behavior, and data source of the components according to specific business needs to meet specific filtering needs.
[0077] In summary, the filter collection component provides developers with an efficient, reliable, and user-friendly way to implement filtering functions by improving development efficiency, enhancing code maintainability, reducing error rates, improving user experience, and providing flexibility and customizability.
[0078] The present disclosure provides a collection component generating device. Figure 6 FIG. 1 is a schematic diagram of a structure of a collection component generating device according to an exemplary embodiment. Figure 6 As shown, the assembly component generating device includes:
[0079] A parent component establishment module 60 is used to establish a parent component of a specific collective attribute and reserve a slot space in the parent component;
[0080] A hierarchical component embedding module 61 is used to embed multiple hierarchical components in the slot space inside the parent component; wherein the hierarchical components include at least one level of child components; wherein the multiple hierarchical components are configured with custom business logic codes;
[0081] The target collection component generation module 62 is used to update the custom business logic code of the hierarchical component through the slot according to the application requirements of the collection component to generate the target collection component.
[0082] In this exemplary embodiment, the collection component may be a screening collection component. The hierarchical component may include a child component, a grandchild component in the child component, and so on.
[0083] In this exemplary embodiment, Figure 5 FIG. 1 is a schematic diagram showing a collection component page display according to an exemplary embodiment. Figure 5 As shown, the parent component has the collective properties of the components at each level in the collection component. For example, the collection component displays the information related to the functional applications of a certain brand of car, and the collective properties of its components at each level are the display of the information related to the functional applications of the brand of car. The components at each level are the display of the functional applications and related information of various models of the brand of car. For example, the public opinion scope component, the market segment component, the energy type component, the emotional attribute component, etc. Among them, each level component is a screening component, etc.
[0084] In this exemplary embodiment, slots are a mechanism for distributing content, a mechanism for delivering content in components. In this application, slots are used as placeholders in parent components, and then when the component is used, the incoming component content, that is, the Vue code snippet, will be distributed to the corresponding slots; slots allow users to better expand and customize components, and realize more flexible and reusable collection components. Figure 2 FIG. 1 is a schematic diagram of a structure of a collection component according to an exemplary embodiment. Figure 2 As shown, a slot space can be built into the parent component of the filter collection. The slot user can introduce the Checkbox subcomponent, Radio subcomponent, and switch subcomponent into the parent component of the filter collection as needed.
[0085] According to the collection component generation device of the embodiment of the present disclosure, it is used to establish a parent component of specific collective attributes, and reserve slot slot space in the parent component; embed multiple hierarchical components in the slot slot space inside the parent component; wherein the hierarchical component includes at least a first-level child component; wherein the multiple hierarchical components are configured with custom business logic code; according to the application requirements of the collection component, the custom business logic code of the hierarchical component is updated through the slot slot to generate a target collection component. In this application, by reserving slot slot space inside the parent component, it is convenient to customize the packaged parent component, thereby improving the update and compilation of the collection component according to business needs, so as to improve the overall project development efficiency, and then meet the needs of rapid development iteration and timely delivery.
[0086] In some embodiments, the hierarchical component embedding module is used to
[0087] Embed the provide and inject options inside the parent component;
[0088] A data transfer relationship between the parent component and the hierarchical component is established based on the provide and inject options.
[0089] In this exemplary embodiment, provide and inject are usually used in pairs to make an ancestor component the dependency injector of its descendant components. Injection can be successful no matter how deep the hierarchy of this component is, as long as they are on the same component chain. inject is used to inject a value provided by an ancestor component. provide is used to create a pair named provided on the parent component instance. The provided object stores the data provided to the child component, and this data will be available in the entire component tree. That is, a direct data transfer relationship between the parent component and each of the hierarchical components can be established through the provide and inject options, so that the data transfer between the parent component and each of the hierarchical components no longer depends on the layer-by-layer transfer between the hierarchical relationships, thereby effectively improving the efficiency of data transfer. For example, the parent component can directly pass data to the grandchild component through the provide and inject options, so that it no longer depends on the parent component passing it to the child component, and then the child component passing it to the grandchild component, thereby effectively improving the efficiency of data transfer. Figure 3 FIG. 1 is a schematic diagram showing the internal communication mode of a collection component according to an exemplary embodiment. Figure 3 As shown, the internal communication mode of the collection component can be implemented as follows:
[0090] Between the parent component 01 and the child component 03 of the filter collection, the provided object 02 is established through the Provide() function. The provided object is used to represent the common properties that can be adopted by each child component. Among them, the child component 03 and the grandchild component 04 can directly obtain the property information in the provided object through inject(). The parent component 01 of the filter collection assigns the property value to the child component 03 and the grandchild component 04 through inject().
[0091] In some embodiments, the hierarchical component is a screening component including multiple options. For example, the market segment component includes multiple options such as compact car options, mid-size car options, and small SUV options. By establishing the hierarchical screening component, a screening set component is generated.
[0092] In some embodiments, the hierarchical component embedding module is used to
[0093] Establishing a mapping tag between the parent component and the hierarchical component; wherein the mapping tag represents a one-to-one mapping relationship between the parent component and the hierarchical component;
[0094] The target set component generation module is used to
[0095] Determine the target hierarchical component that needs to be updated with the custom business logic code based on the mapping label between the parent component and the hierarchical component;
[0096] According to the application requirements of the collection component, the custom business logic code of the target level component is updated through the slot to generate a target collection component.
[0097] In this exemplary embodiment, when the custom business logic code of the target hierarchical component is updated through the slot, since there are multiple hierarchical components in the parent component. At this time, the target hierarchical component that needs the custom business logic code update can be determined based on the mapping label between the parent component and the hierarchical component. Then, according to the application requirements of the collection component, the custom business logic code of the target hierarchical component is updated through the slot to generate a target collection component. For example, a first mapping label is correspondingly established between the parent component and the public opinion scope component; a second mapping label is correspondingly established between the parent component and the market segment component, and so on. The editing space of the public opinion scope component can be determined through the first mapping label, and the custom business logic code of the public opinion scope component can be modified and updated.
[0098] The present disclosure provides a computer-readable storage medium on which a collection component generation program is stored. When the collection component generation program is executed by a processor, the collection component generation method described in the above embodiments is implemented.
[0099] The present disclosure provides a server, including a memory, a processor, and a collection component generation program stored in the memory and executable on the processor. When the processor executes the collection component generation program, the collection component generation method described in the above embodiments is implemented.
[0100] It should be noted that the logic and / or steps represented in the flowchart or otherwise described herein, for example, can be considered as a sequenced list of executable instructions for implementing logical functions, and can be specifically implemented in any computer-readable medium for use by an instruction execution system, device or apparatus (such as a computer-based system, a system including a processor, or other system that can fetch instructions from an instruction execution system, device or apparatus and execute instructions), or in combination with these instruction execution systems, devices or apparatuses. For the purposes of this specification, "computer-readable medium" can be any device that can contain, store, communicate, propagate or transmit a program for use by an instruction execution system, device or apparatus, or in combination with these instruction execution systems, devices or apparatuses. More specific examples of computer-readable media (a non-exhaustive list) include the following: an electrical connection portion with one or more wirings (electronic device), a portable computer disk box (magnetic device), a random access memory (RAM), a read-only memory (ROM), an erasable and programmable read-only memory (EPROM or flash memory), an optical fiber device, and a portable compact disk read-only memory (CDROM). In addition, the computer-readable medium may even be paper or other suitable medium on which the program is printed, since the program may be obtained electronically, for example, by optically scanning the paper or other medium and then editing, interpreting or otherwise processing in a suitable manner if necessary, and then stored in a computer memory.
[0101] It should be understood that the various parts of the present disclosure can be implemented in hardware, software, firmware or a combination thereof. In the above-mentioned embodiments, multiple steps or methods can be implemented in software or firmware stored in a memory and executed by a suitable instruction execution system. For example, if implemented in hardware, as in another embodiment, it can be implemented by any one of the following technologies known in the art or their combination: a discrete logic circuit having a logic gate circuit for implementing a logic function for a data signal, a dedicated integrated circuit having a suitable combination of logic gate circuits, a programmable gate array (PGA), a field programmable gate array (FPGA), etc.
[0102] In the description of this specification, the description with reference to the terms "one embodiment", "some embodiments", "example", "specific example", or "some examples" means that the specific features, structures, materials or characteristics described in conjunction with the embodiment or example are included in at least one embodiment or example of the present disclosure. In this specification, the schematic representation of the above terms does not necessarily refer to the same embodiment or example. Moreover, the specific features, structures, materials or characteristics described may be combined in any one or more embodiments or examples in a suitable manner.
[0103] In the description of the present disclosure, it should be understood that the terms "center", "longitudinal", "lateral", "length", "width", "thickness", "up", "down", "front", "back", "left", "right", "vertical", "horizontal", "top", "bottom", "inside", "outside", "clockwise", "counterclockwise", "axial", "radial", "circumferential" and the like indicate orientations or positional relationships based on the orientations or positional relationships shown in the accompanying drawings, and are only for the convenience of describing the present disclosure and simplifying the description, and do not indicate or imply that the referred device or element must have a specific orientation, be constructed and operated in a specific orientation, and therefore should not be understood as a limitation on the present disclosure.
[0104] In addition, the terms "first", "second", etc. used in the embodiments of the present disclosure are only used for descriptive purposes and should not be understood as indicating or implying relative importance, or implicitly indicating the number of technical features indicated in the embodiments. Therefore, the features defined by the terms "first", "second", etc. in the embodiments of the present disclosure may explicitly or implicitly indicate that at least one of the features is included in the embodiment. In the description of the present disclosure, the word "multiple" means at least two or two or more, such as two, three, four, etc., unless otherwise clearly and specifically defined in the embodiments.
[0105] In the present disclosure, unless otherwise clearly specified or limited in the embodiments, the terms "installed", "connected", "connected" and "fixed" etc. appearing in the embodiments should be understood in a broad sense. For example, the connection can be a fixed connection, a detachable connection, or an integrated connection. It can be understood that it can also be a mechanical connection, an electrical connection, etc.; of course, it can also be a direct connection, or an indirect connection through an intermediate medium, or it can be the internal connection of two elements, or the interaction relationship between two elements. For ordinary technicians in this field, the specific meanings of the above terms in the present disclosure can be understood according to the specific implementation situation.
[0106] In the present disclosure, unless otherwise clearly specified and limited, a first feature being "above" or "below" a second feature may mean that the first and second features are in direct contact, or the first and second features are in indirect contact through an intermediate medium. Moreover, a first feature being "above", "above" or "above" a second feature may mean that the first feature is directly above or obliquely above the second feature, or simply means that the first feature is higher in level than the second feature. A first feature being "below", "below" or "below" a second feature may mean that the first feature is directly below or obliquely below the second feature, or simply means that the first feature is lower in level than the second feature.
[0107] Although the embodiments of the present disclosure have been shown and described above, it is to be understood that the above embodiments are exemplary and are not to be construed as limitations of the present disclosure. A person skilled in the art may change, modify, replace and vary the above embodiments within the scope of the present disclosure.
Claims
1. A method for generating a collection component, characterized in that: include: Establish a parent component of specific collective attributes, and reserve slot space in the parent component; A plurality of hierarchical components are embedded in the slot space inside the parent component; wherein the hierarchical components include at least one level of child components; wherein the plurality of hierarchical components are configured with custom business logic codes; According to the application requirements of the collection component, the custom business logic code of the hierarchical component is updated through the slot to generate a target collection component.
2. The method for generating a collection component according to claim 1, characterized in that: When multiple hierarchical components are embedded in the slot space inside the parent component, the method includes: Embed the provide and inject options inside the parent component; A data transfer relationship between the parent component and the hierarchical component is established based on the provide and inject options.
3. The method for generating a collection component according to claim 1, characterized in that: The hierarchy component is a filter component including a plurality of options.
4. The method for generating a collection component according to claim 1, characterized in that: The slot space within the parent component embeds multiple hierarchical components, including: Establishing a mapping tag between the parent component and the hierarchical component; wherein the mapping tag represents a one-to-one mapping relationship between the parent component and the hierarchical component; The updating of the custom business logic code of the hierarchical component through the slot according to the application requirements of the collection component to generate a target collection component includes: Determine the target hierarchical component that needs to be updated with the custom business logic code based on the mapping label between the parent component and the hierarchical component; According to the application requirements of the collection component, the custom business logic code of the target level component is updated through the slot to generate a target collection component.
5. A collection component generating device, characterized in that: include: A parent component establishment module is used to establish a parent component of a specific collective attribute and reserve a slot space in the parent component; A hierarchical component embedding module, used to embed multiple hierarchical components in the slot space inside the parent component; wherein the hierarchical components include at least one level of child components; wherein the multiple hierarchical components are configured with custom business logic codes; The target collection component generation module is used to update the custom business logic code of the hierarchical component through the slot according to the application requirements of the collection component to generate the target collection component.
6. The assembly component generating device according to claim 5, characterized in that: Hierarchical component embedding module for Embed the provide and inject options inside the parent component; A data transfer relationship between the parent component and the hierarchical component is established based on the provide and inject options.
7. The assembly component generating device according to claim 5, characterized in that: The hierarchy component is a filter component including a plurality of options.
8. The assembly component generating device according to claim 5, characterized in that: The hierarchical component embedding module is used to Establishing a mapping tag between the parent component and the hierarchical component; wherein the mapping tag represents a one-to-one mapping relationship between the parent component and the hierarchical component; The target set component generation module is used to Determine the target hierarchical component that needs to be updated with the custom business logic code based on the mapping label between the parent component and the hierarchical component; According to the application requirements of the collection component, the custom business logic code of the target level component is updated through the slot to generate a target collection component.
9. A computer-readable storage medium, characterized in that: A collection component generation program is stored thereon, and when the collection component generation program is executed by a processor, the collection component generation method described in any one of claims 1 to 4 is implemented.
10. A server, characterized in that: The invention comprises a memory, a processor and a collection component generation program stored in the memory and executable on the processor. When the processor executes the collection component generation program, the collection component generation method according to any one of claims 1 to 4 is implemented.