CN116301761A - Low-code component construction method, device and storage medium - Google Patents
Low-code component construction method, device and storage medium Download PDFInfo
- Publication number
- CN116301761A CN116301761A CN202310595087.0A CN202310595087A CN116301761A CN 116301761 A CN116301761 A CN 116301761A CN 202310595087 A CN202310595087 A CN 202310595087A CN 116301761 A CN116301761 A CN 116301761A
- Authority
- CN
- China
- Prior art keywords
- component
- atomic
- data
- low
- composite
- 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.)
- Pending
Links
- 238000010276 construction Methods 0.000 title claims description 7
- 239000002131 composite material Substances 0.000 claims abstract description 56
- 238000000034 method Methods 0.000 claims abstract description 34
- 230000006870 function Effects 0.000 claims abstract description 18
- 238000009877 rendering Methods 0.000 claims description 7
- 230000000712 assembly Effects 0.000 claims description 5
- 238000000429 assembly Methods 0.000 claims description 5
- 230000008569 process Effects 0.000 claims description 5
- 238000012423 maintenance Methods 0.000 abstract description 4
- 238000011161 development Methods 0.000 description 10
- 238000010586 diagram Methods 0.000 description 6
- 238000013461 design Methods 0.000 description 4
- 150000001875 compounds Chemical class 0.000 description 3
- 238000013079 data visualisation Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000003044 adaptive effect Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000013499 data model Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 210000001503 joint Anatomy 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000003032 molecular docking Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
- G06F8/24—Object-oriented
-
- 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
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
Abstract
The invention discloses a method, equipment and storage medium for constructing a low-code component, which comprises the following steps: s1, constructing a composite component in a container by taking an atomic component as a basic component with minimum granularity; s2, distributing data sources for each atomic component, and realizing the functions of the composite component according to the functions of the atomic components; s3, traversing and circulating according to the data set format of the data source to obtain a list component. Compared with the traditional technology, the method reduces the continuous maintenance and expansion cost of the platform function.
Description
Technical Field
The present invention relates to the field of low-code programming, and more particularly, to a method, apparatus, and storage medium for constructing a low-code component.
Background
The Low Code is a visual application development method, can deliver application programs with fewer codes and higher speed, and enables non-professional programmers to participate in the development of the application by matching a standard data model and a UI model through a graphical operation interface, thereby reducing the development cost and being an emerging application development mode at present.
In low code development platforms, various components are typically free to be dragged into the page canvas, enabling the size and placement of the components. By calculating the size and position ratio of each component in a real application, a page with rich components can be created.
The most common practice in the prior art is to make a free layout of a given series of built-in components of the platform. These platform-customized built-in components range from basic components such as text, icons, buttons, etc., to complex components that are integrally formed with filters, charts, tables, graphic cards, lists, etc. With the increasing diversity of business scenes built by the platform, the UI and business requirements are also more complex and individual, the platform can only add functions to the built-in components, and a configuration method is provided for users to turn on or off the functions as required.
However, the different types of requirements for BI analysis class scenes, even if a button is added to the chart component, a title is removed, or a data source and a field format are changed for a certain element in the chart list, the configuration item for the corresponding function of the component must be provided by the platform, which is problematic in that the scenes are not enumerated, so that the platform component tends to develop in a bulky and complex manner, lack flexibility and expansibility, and is difficult to maintain. This in turn results in the cost of long development cycle and low stability, and it is difficult to achieve business objectives efficiently and quickly.
To this end, in combination with the above needs and the drawbacks of the prior art, the present application proposes a low-code component building method, apparatus and storage medium.
Disclosure of Invention
The invention provides a low-code component construction method, equipment and a storage medium, so that a user can freely combine basic components with finer granularity and can automatically manufacture various complex components, thereby improving the flexibility and expansibility of a low-code development platform, reducing the development and maintenance cost and accelerating the service application delivery.
The primary purpose of the invention is to solve the technical problems, and the technical scheme of the invention is as follows:
the first aspect of the present invention provides a method for constructing a low-code component, comprising the steps of:
s1, constructing a composite component by taking the atomic component as a basic component with minimum granularity.
S2, distributing data sources for each atomic component on the composite component and binding the data sets.
S3, generating a list component according to the data set bound by the atomic component.
Further, the atomic assembly includes: text component, icon component, picture component, button component, chart component, filter component and label component; the controllable options in the atomic assembly comprise: the size of the atomic assembly, the coordinates of the atomic assembly in the container, the view control of the atomic assembly, and whether the atomic assembly displays data.
Further, the process of step S1 specifically includes:
s11, setting the corresponding atomic assembly in the container according to the functional requirement of the composite assembly.
S12, adjusting the size and the coordinates of the atomic assembly.
S13, configuring view control of the atomic assembly and appearance setting of the container, and completing construction of the composite assembly.
Further, the step S2 specifically includes:
s21, configuring a data set interface for the composite component.
S22, distributing data sources for each atomic component according to the function of each atomic component in the composite component and the supported data types.
And S23, rendering the distributed data by the atomic component according to the characteristics of the atomic component to obtain the function of the composite component.
Further, the data set is in the form of list data, and includes an array of objects having the same field and different values.
Further, the data received by the atomic assembly is preprocessed data, the atomic assembly renders the preprocessed data according to a preset configuration, and the preprocessed data comprises: configuration attributes, attribute descriptions, and data types.
Further, the step S3 specifically includes: according to the data set format of the distributed data sources, starting the circulation characteristic to traverse the data set to obtain a data set list, and automatically copying according to the data set list to obtain a plurality of composite component lists comprising the same fields but different values, wherein the composite components are arranged according to a preset mode to obtain list components.
Further, the preset mode specifically includes: the composite assemblies are arranged according to grids or according to lists, wherein the grids are arranged horizontally and are arranged in a row-by-row grid mode, and the lists are arranged vertically.
The second aspect of the present invention provides a low-code component building apparatus, including a memory, and a processor, where the memory includes a low-code component building program, and the low-code component building program implements a low-code component building method when executed by the processor.
A third aspect of the present invention provides a computer-readable storage medium storing executable instructions that when executed by a computer enable the implementation of the low-code component building method.
Compared with the prior art, the technical scheme of the invention has the beneficial effects that:
the invention provides a low-code component construction method, equipment and storage medium, which are provided with a series of built-in atomic components, wherein the atomic components have the functions of stable, cannot be blindly expanded due to the influence of business scenes and UI requirements, and reduce the continuous maintenance and expansion cost of platform functions; the composite component and the circulation list component which are assembled flexibly by simply relying on low codes or even no codes ensure diversity and usability, can rapidly realize various UI requirements under the condition of not involving development period, and greatly improve service delivery efficiency.
Drawings
FIG. 1 is a flow chart of a method of constructing a low-code component of the present invention.
FIG. 2 is a schematic diagram of an atomic component, a composite component, and a list component in one embodiment of the invention.
FIG. 3 is a schematic diagram of a list component in an embodiment of the invention.
FIG. 4 is a schematic diagram of a composite assembly according to an embodiment of the invention.
FIG. 5 is a diagram illustrating assignment of data set fields to atomic components in accordance with one embodiment of the present invention.
FIG. 6 is a schematic diagram of a low-code component build apparatus of the present invention.
Detailed Description
In order that the above-recited objects, features and advantages of the present invention will be more clearly understood, a more particular description of the invention will be rendered by reference to the appended drawings and appended detailed description. It should be noted that, in the case of no conflict, the embodiments of the present application and the features in the embodiments may be combined with each other.
In the following description, numerous specific details are set forth in order to provide a thorough understanding of the present invention, however, the present invention may be practiced in other ways than those described herein, and therefore the scope of the present invention is not limited to the specific embodiments disclosed below.
Example 1
As shown in fig. 1, the present invention provides a method for constructing a low-code component, which includes the following steps:
s1, constructing a composite component by taking the atomic component as a basic component with minimum granularity.
It should be noted that, the components that the platform opens to the user to drag and add are not integrated composite components, but atomic components, which are basic components with minimum granularity, and are the minimum building units for flexibly assembling and building more complex composite components, only take charge of rendering according to a given configuration after receiving data, and do not need to care about which other components exist in the page and what relationship is related to the atomic components. The method comprises the steps of data request, linkage among components and the like, which are all accomplished by a layer of container or page, and the components only need to care about the received data and configuration. The user can freely combine various atomic components in a container to form a larger and more complex composite component, thereby meeting different business scenes and user requirements. Meanwhile, the design of the composite component can realize the flexible configuration of the functions and data of each atomic component through UI and data configuration.
S2, distributing data sources for each atomic component on the composite component and binding the data sets.
It should be noted that, the data received by the atomic component is data which meets the own requirements after being requested and processed. This single duty, complete decoupling, is a principle of all atomic component design and implementation. Each atomic component performs its own role, rendering according to its own characteristics and the assigned data, thereby forming the data visualization role of the whole composite component.
S3, generating a list component according to the data set bound by the atomic component.
It should be noted that, on the basis of supporting the fine-grained layout design and the data binding of the composite component, the invention provides a capability with better expansibility, and can traverse and circularly produce a list according to the bound data set format. The list component binding interface returns data in array/list format, and the required fields are bound to different atomic components of the composite component, i.e. one list component can be traversed and rendered. The list can be a typical vertical arrangement list, an adaptive grid list and the like, and is suitable for various UI and business scenes.
Further, as shown in fig. 2, the atomic assembly includes: text component, icon component, picture component, button component, chart component, filter component and label component; the controllable options in the atomic assembly comprise: the size of the atomic assembly, the coordinates of the atomic assembly in the container, the view control of the atomic assembly, and whether the atomic assembly displays data.
In a specific embodiment, the chart component includes: bar graph, line graph, pie graph, ring graph, radar graph, scatter graph, thermodynamic graph, bubble graph, map, relationship graph, and variations thereof; the filter assembly comprises: a single-choice drop-down box, a multiple-choice drop-down box, a single-choice box, a check box, an input box, and a time-date selector.
In the filter component, the configuration attribute and the data type received by the single pull down box are shown in table 1, and the data type includes: numbers, boolean values, array lists, or strings/numbers; the configuration attribute corresponding to the data type is a number comprises: width, height, left coordinates and upper coordinates; the corresponding configuration attribute when the data type is the Boolean value comprises: whether the selected value is cleared, whether the option is selectable, whether the in-load option is loaded, and whether the status is disabled; the corresponding configuration attribute is an option list when the data type is an array list; and when the data type is character string/number, the corresponding configuration attribute is a default value.
Table 1: configuration attribute and data type received by single-selection drop-down frame filter
It follows that atomic components are known per se, controllable, only with respect to UI rendering, including size, position, component-specific view control and display data. Even though its options list (options) and default values (values) are from the data set interface API, it does not care what API, specifically how to request, because the received data is already requested and processed to meet its own needs.
Further, in step S1, the process of constructing the composite component by using the atomic component in the container specifically includes:
s11, setting the corresponding atomic assembly in the container according to the functional requirement of the composite assembly.
S12, adjusting the size and the coordinates of the atomic assembly.
S13, configuring view control of the atomic assembly and appearance setting of the container, and completing construction of the composite assembly.
Further, the step S2 specifically includes:
s21, configuring a data set interface for the composite component.
S22, distributing data sources for each atomic component according to the function of each atomic component in the composite component and the supported data types.
And S23, rendering the distributed data by the atomic component according to the characteristics of the atomic component to obtain the function of the composite component.
Further, the data set is in the form of list data, and includes an array of objects having the same field and different values.
Further, the data received by the atomic assembly is preprocessed data, the atomic assembly renders the preprocessed data according to a preset configuration, and the preprocessed data comprises: configuration attributes, attribute descriptions, and data types.
In a specific embodiment, the content of data binding for each atomic component in the composite component is shown in table 2, and it can be seen that each atomic component is allocated with different field sources according to the component type, so that each atomic component performs its own role, and renders according to its own characteristics and the allocated data, thereby forming the data visualization role of the whole composite component.
Table 2: data binding of atomic components within a composite component
Further, the step S3 specifically includes: the container starts the circulation characteristic to traverse the data set according to the data set format of the distributed data source to obtain a data set list, and automatically copies according to the data set list to obtain a plurality of composite component lists which comprise the same fields but different values, wherein the composite components are arranged according to a preset mode to obtain list components.
Further, the preset mode specifically includes: the composite assemblies are arranged according to grids or according to lists, wherein the grids are arranged horizontally and are arranged in a row-by-row grid mode, and the lists are arranged vertically.
The key points of the invention are as follows: the atomic components are designed and realized, the functions of the components are stable and are easy to multiplex and expand, the maintenance cost of the functions of the platform can be greatly reduced, and the development efficiency is improved. The design and implementation of the composite component and the circulation list component comprise seamless binding and rendering with the data set, and can be quickly assembled and customized in a low-code or even code-free mode, so that various UI requirements are met, and service delivery efficiency is improved.
Therefore, the technical scheme provided by the invention is basically satisfied with various application programs and scenes, and has wide application prospect and commercial value.
Example 2
Based on the above embodiment 1, the flow of the interactive configuration of the atomic components to obtain the list component in the present invention is described in detail with reference to fig. 3 to 5.
In a specific embodiment, a complete list component is constructed based on atomic and composite components, coupled with data binding, as shown in FIG. 3. Wherein, this list subassembly is including a plurality of vertical arrangement's compound subassembly, and every compound subassembly is including a plurality of kind of atomic subassembly, atomic subassembly includes: a picture component, an icon component, a button component, and a text component.
In a specific embodiment, as shown in fig. 3, the list component includes a plurality of composite components from top to bottom, and each composite component includes the following atomic components: the picture component is a head portrait of a user; an icon component, wherein the icon component is a dialogue symbol and a praise symbol; the label component is a plurality of light text boxes and texts preset in the text boxes, and the text boxes are shown as 'foo', 'bar' in fig. 3; a text component, the text component comprising: the title of the post, the name of the data source bound by the compound component and the text of the post are the title, the subtitle and the text; a button assembly configured in the shape of a linked button, with the text "details" attached.
The specific process of the configuration list component is as follows:
1. the atomic components required for dragging into the container include pictures, multiple texts, labels, icons, buttons and the like.
2. The positions and the sizes of the card-shaped composite component can be freely configured according to the requirements, and a card-shaped composite component embryonic form shown in fig. 4 is formed: drag-configuring the size and position of each atomic assembly; adjusting the word size and thickness of each text component to enable the text components to be respectively presented as a title, a subtitle and a text; configuring the button component as a link button form, and the text is 'detail'; the patterns of background colors, frames, fillets and the like of the pictures and the label components are configured according to the requirements.
The composite component comprises 4 Text components, which are respectively set as Text, a title, two subtitles and a Text, as shown in fig. 4; a picture component for displaying the head portrait of the user; a tag assembly, shown as tag in fig. 4, for adjusting the background color, frame and rounded corners of the tag assembly, specifically for adjusting the light text box around the tag character; a button assembly configured in the shape of a linked button, with the text "details" attached.
3. The data set interface is connected with the card assembly in a butt joint mode, the data format of the data set interface is an array list, and the data set interface consists of a plurality of objects with consistent formats. The fields included in each object are shown in table 3, and include: a unique identifier, the data type of which is a number; a user name, wherein the data type of the user name is a character string; age, its data type is digital; the head portrait picture links, and the data type is character string; the post label is provided with an array of data types; and the post text, the data type of which is a character string.
Table 3: data format for data set interface for card assembly docking
4. According to the function of each atomic component and the supported data types, the fields in the data set are selectively allocated to the atomic component as shown in fig. 5, and the specific process is as follows: selecting corresponding fields in interface data for components such as pictures, texts, labels, link buttons and the like needing to dynamically read the interface data; the corresponding cascading style sheet class names are filled in for the icon components which are fixedly displayed and do not need to be dynamically displayed. In a specific embodiment, as shown in fig. 5, the data configured for the picture component is an avatar picture of the user, and the data configured for the text component includes: a user name, configured at the main title of the text component, a source of information, i.e., a name of the software from which the dataset originated, configured at the first subtitle of the text component; a post body configured at a body configured at the text component; a praise icon arranged at the praise icon of the icon assembly; the praise number is configured on the right side of the praise icon of the icon component; and the original text link is configured at the button component, and the user can jump to the original text link by clicking the details.
5. Because the data set is homogeneous list data, i.e. an array consisting of objects containing the same field but different values, the container will default to enable the cycle characteristics, make it traverse the data set list, and automatically replicate a series of graphic card list components; the method can be configured into a grid arrangement or a vertical list arrangement which is horizontal and is used for line feed, wherein the style result of the list arrangement is shown in fig. 3, and composite assemblies are arranged in the list assemblies from top to bottom; the horizontal and line-feeding grids are arranged to arrange composite components in the list components from left to right, and when the horizontal and line-feeding grids are arranged to the preset boundaries of the list components, line-feeding is automatically performed and the composite components are continuously arranged in the list components from left to right; keyword text is configured on the tag assembly. Wherein, the left side of fig. 5 is an assigned data set field, and the right side of fig. 5 is a schematic diagram of each atomic component configured with data.
Example 3
Based on the above embodiment 1, as shown in fig. 6, a second aspect of the present invention provides a low-code component building apparatus, including a memory, and a processor, where the memory includes a low-code component building program, and the low-code component building program implements a low-code component building method when executed by the processor.
A third aspect of the present invention provides a computer-readable storage medium storing executable instructions that when executed by a computer enable the implementation of the low-code component building method.
In the embodiments provided in this application, it should be understood that the disclosed apparatus and method can be implemented in other ways. Those of ordinary skill in the art will appreciate that: all or part of the steps for implementing the above method embodiments can be implemented by hardware associated with program instructions, and the foregoing program can be stored in a computer readable storage medium, which when executed, performs steps including the above method embodiments; and the aforementioned storage medium includes: a mobile storage device, a Read-Only Memory (ROM), a random access Memory (RAM, random Access Memory), a magnetic disk, or an optical disk, or the like, which can store program codes.
Alternatively, the above-described embodiments of the present invention can be stored in a computer-readable storage medium if implemented in the form of software functional modules and sold or used as a stand-alone product. Based on such understanding, the technical solutions of the embodiments of the present invention can be embodied essentially or in part contributing to the prior art in the form of a software product stored in a storage medium, comprising several instructions for causing a computer device.
All or part of the methods described in the various embodiments of the invention are performed. And the aforementioned storage medium includes: a removable storage device, ROM, RAM, magnetic or optical disk, or other medium capable of storing program code.
It is to be understood that the above examples of the present invention are provided by way of illustration only and not by way of limitation of the embodiments of the present invention. The drawings depict structural positional relationships and are merely illustrative, and are not to be construed as limiting the patent. Other variations or modifications of the above teachings will be apparent to those of ordinary skill in the art. It is not necessary here nor is it exhaustive of all embodiments. Any modification, equivalent replacement, improvement, etc. which come within the spirit and principles of the invention are desired to be protected by the following claims.
Claims (10)
1. A method of constructing a low-code component, comprising the steps of:
s1, constructing a composite component by taking an atomic component as a basic component with minimum granularity;
s2, distributing data sources for each atomic component on the composite component and binding a data set;
s3, generating a list component according to the data set bound by the atomic component.
2. The method for constructing a low-code component according to claim 1, wherein the atomic component comprises: text component, icon component, picture component, button component, chart component, filter component and label component; the controllable options in the atomic assembly comprise: the size of the atomic assembly, the coordinates of the atomic assembly in the container, the view control of the atomic assembly, and whether the atomic assembly displays data.
3. The method for constructing a low-code component according to claim 2, wherein the process of step S1 is specifically:
s11, setting the corresponding atomic assembly in a container according to the functional requirement of the composite assembly;
s12, adjusting the size and the coordinates of the atomic assembly;
s13, configuring view control of the atomic assembly and appearance setting of the container, and completing construction of the composite assembly.
4. The method for constructing a low-code component according to claim 1, wherein step S2 specifically comprises:
s21, configuring a data set interface for the composite component;
s22, distributing data sources for each atomic component according to the function of each atomic component in the composite component and the supported data types;
and S23, rendering the distributed data by the atomic component according to the characteristics of the atomic component to obtain the function of the composite component.
5. The method of claim 4, wherein the data set is in the form of list data, and comprises an array of objects having the same field and different values.
6. The method for constructing a component of low code according to claim 5, wherein the data received by the atomic component is preprocessed data, the preprocessed data is rendered by the atomic component according to a preset configuration, and the preprocessed data includes: configuration attributes, attribute descriptions, and data types.
7. The method for constructing a low-code component according to claim 6, wherein step S3 specifically comprises: according to the data set format of the distributed data sources, starting the circulation characteristic to traverse the data set to obtain a data set list, and automatically copying according to the data set list to obtain a plurality of composite component lists comprising the same fields but different values, wherein the composite components are arranged according to a preset mode to obtain list components.
8. The method for constructing a low-code component according to claim 7, wherein the preset manner is specifically as follows: the composite assemblies are arranged according to grids or according to lists, wherein the grids are arranged horizontally and are arranged in a row-by-row grid mode, and the lists are arranged vertically.
9. A low-code component building device comprising a memory, a processor, characterized in that the memory comprises a low-code component building program, which when executed by the processor implements a low-code component building method according to any of claims 1-8.
10. A computer-readable storage medium storing executable instructions that when executed by a computer enable a method of constructing a low-code component according to any one of claims 1 to 8.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310595087.0A CN116301761A (en) | 2023-05-25 | 2023-05-25 | Low-code component construction method, device and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310595087.0A CN116301761A (en) | 2023-05-25 | 2023-05-25 | Low-code component construction method, device and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN116301761A true CN116301761A (en) | 2023-06-23 |
Family
ID=86813550
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310595087.0A Pending CN116301761A (en) | 2023-05-25 | 2023-05-25 | Low-code component construction method, device and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116301761A (en) |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105468349A (en) * | 2014-09-09 | 2016-04-06 | 北大方正集团有限公司 | Manufacturing method and apparatus for Rich Media component |
| CN112540763A (en) * | 2020-12-24 | 2021-03-23 | 贵阳货车帮科技有限公司 | Front-end page generation method and device, platform equipment and storage medium |
| CN112653584A (en) * | 2020-12-22 | 2021-04-13 | 杭州东方通信软件技术有限公司 | 5G message arranging method and arranging tool box based on component capability |
| CN113253996A (en) * | 2021-06-23 | 2021-08-13 | 北京泰迪熊移动科技有限公司 | Card construction method, electronic device, server and storage medium |
| CN113672213A (en) * | 2021-08-27 | 2021-11-19 | 优维科技(深圳)有限公司 | Low code arrangement method and system based on component |
| CN115220718A (en) * | 2021-12-28 | 2022-10-21 | 阿里云计算有限公司 | UI design method, design equipment, server and storage medium |
-
2023
- 2023-05-25 CN CN202310595087.0A patent/CN116301761A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105468349A (en) * | 2014-09-09 | 2016-04-06 | 北大方正集团有限公司 | Manufacturing method and apparatus for Rich Media component |
| CN112653584A (en) * | 2020-12-22 | 2021-04-13 | 杭州东方通信软件技术有限公司 | 5G message arranging method and arranging tool box based on component capability |
| CN112540763A (en) * | 2020-12-24 | 2021-03-23 | 贵阳货车帮科技有限公司 | Front-end page generation method and device, platform equipment and storage medium |
| CN113253996A (en) * | 2021-06-23 | 2021-08-13 | 北京泰迪熊移动科技有限公司 | Card construction method, electronic device, server and storage medium |
| CN113672213A (en) * | 2021-08-27 | 2021-11-19 | 优维科技(深圳)有限公司 | Low code arrangement method and system based on component |
| CN115220718A (en) * | 2021-12-28 | 2022-10-21 | 阿里云计算有限公司 | UI design method, design equipment, server and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10628021B2 (en) | Modular responsive screen grid, authoring and displaying system | |
| US10984177B2 (en) | System and method providing responsive editing and viewing, integrating hierarchical fluid components and dynamic layout | |
| CN105373567B (en) | Page generation method and client | |
| CN109062550B (en) | Page construction method and system, user terminal, server and readable storage medium | |
| CN102414682B (en) | Method and apparatus for providing scraped web pages in a graphical user interface | |
| RU2391700C2 (en) | Spaces of joint operation | |
| US6311196B1 (en) | Method and apparatus for implementing web pages having master borders | |
| CN111857717B (en) | UI editing method, device, equipment and computer readable storage medium | |
| CN102156999A (en) | Generation method and device thereof for user interface | |
| CN104462312A (en) | Web page displaying method and browser client side | |
| CN103092612A (en) | Method and electronic device for achieving three dimensional (3D) desktop mapping of Android operating system | |
| CN105979392A (en) | Webpage display method and browser | |
| WO2005057499A1 (en) | System and method for custom color design | |
| CN106294301A (en) | Report form generation method and device | |
| JP2008234082A (en) | Screen data creation device, image processor, image data creation method and recording medium | |
| CN115129212A (en) | Video editing method, video editing device, computer equipment, storage medium and product | |
| CN109040767A (en) | A kind of direct broadcasting room loading method, system, server and storage medium | |
| CN102222354A (en) | Method and system for automatically drawing graphical interface | |
| CN109089166B (en) | Program scheduling setting method and device | |
| CN116301761A (en) | Low-code component construction method, device and storage medium | |
| KR101813902B1 (en) | Systems for combining video modules and method thereof | |
| CN205540943U (en) | Virtual setting of panorama system for digit dining room | |
| US20220122143A1 (en) | System and method for customizing photo product designs with minimal and intuitive user inputs | |
| CN115408636A (en) | Custom method and system for system theme color based on angular framework | |
| CN115469869B (en) | Visual editing and developing working method for application interface data |
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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20230623 |
|
| RJ01 | Rejection of invention patent application after publication |