CN113535165A - Interface generation method and device, electronic equipment and computer readable storage medium - Google Patents
Interface generation method and device, electronic equipment and computer readable storage medium Download PDFInfo
- Publication number
- CN113535165A CN113535165A CN202110655662.2A CN202110655662A CN113535165A CN 113535165 A CN113535165 A CN 113535165A CN 202110655662 A CN202110655662 A CN 202110655662A CN 113535165 A CN113535165 A CN 113535165A
- Authority
- CN
- China
- Prior art keywords
- interface
- attribute
- component
- configuration
- information
- 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
- 238000000034 method Methods 0.000 title claims abstract description 58
- 230000006870 function Effects 0.000 claims description 14
- 238000004590 computer program Methods 0.000 claims description 9
- 230000008859 change Effects 0.000 abstract description 6
- 230000000694 effects Effects 0.000 description 14
- 238000011161 development Methods 0.000 description 13
- 238000012986 modification Methods 0.000 description 6
- 230000004048 modification Effects 0.000 description 6
- 230000008569 process Effects 0.000 description 4
- 238000010586 diagram Methods 0.000 description 3
- 230000003993 interaction Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 238000009877 rendering Methods 0.000 description 3
- 230000005540 biological transmission Effects 0.000 description 2
- 238000005034 decoration Methods 0.000 description 2
- 238000013461 design Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000002452 interceptive effect Effects 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 238000012795 verification Methods 0.000 description 2
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000003190 augmentative effect Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 230000003247 decreasing effect Effects 0.000 description 1
- 238000011156 evaluation Methods 0.000 description 1
- 230000014509 gene expression Effects 0.000 description 1
- 230000000670 limiting effect Effects 0.000 description 1
- 238000007726 management method Methods 0.000 description 1
- 238000013507 mapping Methods 0.000 description 1
- 230000036961 partial effect Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44505—Configuring for program initiating, e.g. using registry, configuration files
-
- 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
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44505—Configuring for program initiating, e.g. using registry, configuration files
- G06F9/4451—User profiles; Roaming
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Stored Programmes (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the application provides an interface generation method and device, electronic equipment and a computer readable storage medium, and relates to the technical field of computers. The method comprises the following steps: the method comprises the steps of describing attribute information of each component by a preset data format to obtain an attribute configuration file corresponding to the component, generating an attribute configuration interface corresponding to the component based on the attribute configuration file, visually configuring the attribute configuration file of the component through the attribute configuration interface, reading the configured attribute configuration file, displaying the component, sequentially reading the attribute configuration file of each component in a traversing manner, and displaying a target interface formed by at least one component. According to the embodiment of the application, the attribute configuration file is visually configured through the attribute configuration interface, the component is modified based on the configured attribute configuration file, the problem that the component is difficult to flexibly change is solved, and more diversified service requirements can be met.
Description
Technical Field
The present application relates to the field of computer technologies, and in particular, to an interface generation method and apparatus, an electronic device, and a computer-readable storage medium.
Background
The requirements for front-end interface configurations are becoming more and more diverse, data and methods corresponding to different functions are packaged into various components, a large number of components are applied in front-end interface design, and many kinds of components need to be better adjusted with reference to interface display effects.
At present, a JSON Editor, which is an Editor used for editing JSON, is generally used for configuring components, but the JSON Editor is not flexible enough when editing data in a JSON format, and is difficult to modify components when an interface effect is fixed, so that the JSON Editor is not suitable for increasingly complex business requirements.
Disclosure of Invention
The object of the present application is to solve at least one of the above-mentioned technical drawbacks, in particular the technical drawback of the assembly being difficult to modify flexibly.
In a first aspect, a method for generating an interface is provided, where the method includes:
acquiring at least one component forming an initial interface; the initial interface is used for obtaining a target interface after adjustment;
acquiring attribute information of each component, and describing the attribute information of the components by using a preset data format to obtain a corresponding attribute configuration file;
generating an attribute configuration interface aiming at the component based on the attribute configuration file, and configuring the attribute configuration file of the component through the attribute configuration interface;
and reading the configured attribute configuration file to display the components, and generating a target interface based on each displayed component.
In an optional embodiment of the first aspect, before acquiring at least one component constituting the initial interface, the method further includes:
receiving selection information aiming at the interface template, and selecting a target interface template from a preset template database based on the selection information; the template database comprises a plurality of interface templates;
determining at least one component library corresponding to the target interface template; each component library comprises a plurality of categories of components, and the components are used for generating an interface;
an initial interface is generated based on the target interface template and the at least one component library.
In an optional embodiment of the first aspect, the property configuration interface comprises a plurality of categories of configurable properties; configuring the attribute configuration file corresponding to the component through the attribute configuration interface, wherein the configuration comprises the following steps:
acquiring configuration information aiming at different configurable attributes based on operation information of a user on an attribute configuration interface;
and changing the corresponding attribute information in the attribute configuration file based on the acquired configuration information.
In an optional embodiment of the first aspect, the obtaining configuration information for different configurable attributes based on operation information of a user on the attribute configuration interface includes:
determining the type of the configurable attribute which is currently configured based on first operation information of a user on an attribute configuration interface;
and acquiring configuration information aiming at least one configurable attribute belonging to the category based on second operation information of the user on the attribute configuration interface.
In an optional embodiment of the first aspect, the configuration information comprises basic attribute information and additional attribute information; the basic attribute information includes at least one of title, size, coordinates, margin, color, text color, and style; the additional attribute information includes at least one of a component priority, an event to which the component is bound, and a special function option.
In an optional embodiment of the first aspect, further comprising:
verifying the configuration information to judge whether the configuration information meets a data condition corresponding to the configurable attribute, wherein the data condition comprises at least one of the following items:
the configuration information conforms to a standard data format corresponding to the configurable attribute;
the configuration information is in a parameter selectable value range preset by the configurable attribute;
and if the configuration information does not meet the data condition corresponding to the configurable attribute, outputting a prompt message.
In an optional embodiment of the first aspect, further comprising:
receiving updating configuration information aiming at the attribute configuration file through an attribute configuration interface, and reconfiguring the attribute configuration file based on the updating configuration information to obtain an updating configuration file;
the target interface is updated based on the update configuration file.
In a second aspect, an apparatus for generating an interface is provided, the apparatus comprising:
the acquisition module is used for acquiring at least one component forming the initial interface; the initial interface is used for obtaining a target interface after adjustment;
the description module is used for acquiring the attribute information of each component and describing the attribute information of the components by using a preset data format to obtain a corresponding attribute configuration file;
the configuration module is used for generating an attribute configuration interface aiming at the component based on the attribute configuration file and configuring the attribute configuration file of the component through the attribute configuration interface;
and the generating module is used for reading the configured attribute configuration file to display the components and generating a target interface based on each displayed component.
In an optional embodiment of the second aspect, the method further includes an initial interface generating module, specifically configured to:
receiving selection information aiming at the interface template, and selecting a target interface template from a preset template database based on the selection information; the template database comprises a plurality of interface templates;
determining at least one component library corresponding to the target interface template; each component library comprises a plurality of categories of components, and the components are used for generating an interface;
an initial interface is generated based on the target interface template and the at least one component library.
In an optional embodiment of the second aspect, the attribute configuration interface includes configurable attributes of multiple categories, and when the configuration module configures the attribute configuration file corresponding to the component through the attribute configuration interface, the configuration module is specifically configured to:
acquiring configuration information aiming at different configurable attributes based on operation information of a user on an attribute configuration interface;
and changing the corresponding attribute information in the attribute configuration file based on the acquired configuration information.
In an optional embodiment of the second aspect, when the configuration module obtains the configuration information for different configurable attributes based on the operation information of the user on the attribute configuration interface, the configuration module is specifically configured to:
determining the type of the configurable attribute which is currently configured based on first operation information of a user on an attribute configuration interface;
and acquiring configuration information aiming at least one configurable attribute belonging to the category based on second operation information of the user on the attribute configuration interface.
In an optional embodiment of the second aspect, the configuration information comprises basic attribute information and additional attribute information; the basic attribute information includes at least one of title, size, coordinates, margin, color, text color, and style; the additional attribute information includes at least one of a component priority, an event to which the component is bound, and a special function option.
In an optional embodiment of the second aspect, the system further comprises a verification module, specifically configured to:
verifying the configuration information to judge whether the configuration information meets a data condition corresponding to the configurable attribute, wherein the data condition comprises at least one of the following items:
the configuration information conforms to a standard data format corresponding to the configurable attribute;
the configuration information is in a parameter selectable value range preset by the configurable attribute;
and if the configuration information does not meet the data condition corresponding to the configurable attribute, outputting a prompt message.
In an optional embodiment of the second aspect, the apparatus further includes a modification module, specifically configured to:
receiving updating configuration information aiming at the attribute configuration file through an attribute configuration interface, and reconfiguring the attribute configuration file based on the updating configuration information to obtain an updating configuration file;
the target interface is updated based on the update configuration file.
In a third aspect, an electronic device is provided, which includes:
the interface generation method comprises a memory, a processor and a computer program which is stored on the memory and can run on the processor, wherein the processor executes the program to realize the interface generation method of any one of the embodiments.
In a fourth aspect, the present invention further provides a computer-readable storage medium, on which a computer program is stored, where the computer program is executed by a processor to implement the method for generating an interface according to any one of the above embodiments.
In a fifth aspect, embodiments of the present application provide a computer program product or a computer program comprising computer instructions stored in a computer-readable storage medium. The processor of the computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions, so that the computer device implements the method provided in the first aspect embodiment or the second aspect embodiment when executed.
According to the interface generation method, for each component, the attribute information of the component is described in the preset data format, the attribute configuration file corresponding to the component is obtained, then the attribute configuration interface corresponding to the component is generated based on the attribute configuration file, the attribute configuration file of the component is visually configured through the attribute configuration interface, the configured attribute configuration file is read, and the component is displayed, so that the problem that the component is difficult to flexibly change is solved, and more diversified service requirements can be met.
Drawings
In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings used in the description of the embodiments of the present application will be briefly described below.
Fig. 1 is a schematic flowchart of an interface generation method according to an embodiment of the present disclosure;
fig. 2 is a schematic view of an attribute configuration interface in an interface generation method according to an embodiment of the present application;
fig. 3 is a schematic view of an attribute configuration interface in an interface generation method according to an embodiment of the present application;
fig. 4 is a schematic view of an attribute configuration interface in an interface generation method according to an embodiment of the present application;
fig. 5 is a schematic view of an attribute configuration interface in an interface generation method according to an embodiment of the present application;
fig. 6 is a schematic view of an attribute configuration interface in an interface generation method according to an embodiment of the present application;
fig. 7 is a schematic flowchart of an interface generation method according to an embodiment of the present application;
fig. 8 is a schematic diagram illustrating interface configuration performed in an interface generation method according to an embodiment of the present disclosure;
fig. 9 is a schematic flowchart illustrating interface configuration performed in an interface generating method according to an embodiment of the present application;
fig. 10 is a schematic structural diagram of an interface generating apparatus according to an embodiment of the present application;
fig. 11 is a schematic structural diagram of an electronic device for generating an interface according to an embodiment of the present application.
Detailed Description
Reference will now be made in detail to embodiments of the present application, examples of which are illustrated in the accompanying drawings, wherein like or similar reference numerals refer to the same or similar elements or elements having the same or similar function throughout. The embodiments described below with reference to the drawings are exemplary only for the purpose of explaining the present application and are not to be construed as limiting the present application.
As used herein, the singular forms "a", "an", "the" and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise. It will be further understood that the terms "comprises" and/or "comprising," when used in this specification, specify the presence of stated features, integers, steps, operations, elements, and/or components, but do not preclude the presence or addition of one or more other features, integers, steps, operations, elements, components, and/or groups thereof. It will be understood that when an element is referred to as being "connected" or "coupled" to another element, it can be directly connected or coupled to the other element or intervening elements may also be present. Further, "connected" or "coupled" as used herein may include wirelessly connected or wirelessly coupled. As used herein, the term "and/or" includes all or any element and all combinations of one or more of the associated listed items.
To make the objects, technical solutions and advantages of the present application more clear, embodiments of the present application will be described in further detail below with reference to the accompanying drawings.
The technical scheme of the embodiment of the application can be applied to an interface development scene, a traditional interface development mode is generally programming development, programmers in technical departments design and generate interfaces through programming according to requirements and business data provided by business personnel in business departments, cooperation among multiple departments is needed in the development process, the interfaces are continuously modified, and the development efficiency of the interfaces is low.
Meanwhile, when interface development is carried out, JSON Editor in the existing scheme is not flexible enough when editing JSON data, when an interface effect is displayed, the display style of a component and the like can not be changed, in the actual project development process, the component style or the interface layout generally needs to be flexibly adjusted, and the traditional development scheme is difficult to meet increasingly complex business requirements.
The application provides an interface generation method, an interface generation device, an electronic device and a computer-readable storage medium, which aim to solve the above technical problems in the prior art.
In the embodiment of the present application, the development can be performed based on an Vue framework, and the Vue framework is a set of progressive frameworks for constructing a user interface, is designed to be applied layer by layer from bottom to top, and is easy to use and convenient to cooperate with a third-party library.
For example, in the embodiment of the present application, the following tool libraries may be collocated on the basis of the Vue framework: vuex, a state management schema developed specifically for the Vue technology stack, uses centralized storage to manage the state of all components of an application and ensures that the state changes in a predictable manner with corresponding rules; vue-router, used for managing the routing layer in a unified way, specifically, mapping the components to the routing, vue-router receiving rendering information and determining where to render the components; element-UI, a UI (User Interface) framework that cooperates with the Vue framework to facilitate project development.
The following describes the technical solutions of the present application and how to solve the above technical problems with specific embodiments. The following several specific embodiments may be combined with each other, and details of the same or similar concepts or processes may not be repeated in some embodiments. Embodiments of the present application will be described below with reference to the accompanying drawings.
The interface generation method provided in the embodiment of the application can be applied to a server and can also be applied to a terminal.
Those skilled in the art will appreciate that the terminal used herein may include a smart phone, a desktop computer, a tablet computer, a notebook computer, a smart speaker, a digital assistant, an Augmented Reality (AR)/Virtual Reality (VR) device, a smart wearable device, and other types of physical devices. And may also include software running in a physical device, such as a virtual machine. The operating system running on the terminal in the embodiment of the present application may include, but is not limited to, an android system, an IOS system, linux, windows, and the like.
The server used may be an independent physical server, a server cluster or a distributed system formed by a plurality of physical servers, or a cloud server providing basic cloud computing services such as cloud service, a cloud database, cloud computing, a cloud function, cloud storage, Network service, cloud communication, middleware service, domain name service, security service, CDN (Content Delivery Network), big data, an artificial intelligence platform, and the like.
An embodiment of the present application provides a method for generating an interface, and as shown in fig. 1, the method includes:
and S101, acquiring at least one component forming an initial interface, wherein the initial interface is used for obtaining a target interface after adjustment.
Components are packages of data and methods, can be multiplexed, and can have their own properties and methods. In the embodiment of the present application, the page to be configured is formed by combining different components, and specifically, the components generate different page elements by rendering to form the page to be configured.
In the embodiment of the application, the components can be selected from different component libraries according to specific project requirements, and can also be obtained from open source component packages shared by other users. The attribute information from components in different component libraries may be different and, therefore, the effect of the generated interface may be different. For example, when the component is a form item, the size of a text box built by using components in different component libraries, or the supported data font, size, etc. may be different for the same type of form item, such as a text input box.
At least one component constituting the initial interface can be obtained from the component library based on the functions to be realized by the interface and the interface effect.
Step S102 may obtain attribute information of each component, and describe the attribute information of the component in a preset data format to obtain a corresponding attribute configuration file.
The attribute information of the component may include basic attribute information, event interaction information, and extension information, wherein the basic attribute information may include a type, a name, a color, a size, and the like of the component, and wherein the component name may serve as identification information of the component. The event interaction information can comprise click events associated with the components, check regular expressions, data sources, selection modes and the like. The extension information may include additional attributes specifically set based on the domain and the demand. Some properties of the component may be set to configurable properties based on the different categories and functions of the component.
In the embodiment of the present application, attribute information of a component may be described in a preset data format, so as to obtain an attribute configuration file corresponding to each component. The attribute configuration file can be written according to a language and a description mode which can be analyzed by the interface configuration framework, and can also be written in a user-defined mode, and a corresponding rendering engine can be configured in the interface configuration framework.
The preset data format may be a JSON (JavaScript Object Notation, JS) format. JSON is a lightweight data exchange format. The data exchange system is based on a subset of ECMAScript (js specification established by European computer Association), adopts a text format completely independent of a programming language to store and represent data, has a simple and clear hierarchical structure, is an ideal data exchange language, is easy to read and write by people, is easy to analyze and generate by a machine, and effectively improves the network transmission efficiency. The specific attribute configuration file corresponding to each component can be written through a JSON Schema, and the JSON Schema is a specification for defining a JSON data structure based on a JSON format. Property information for the components, such as the name, type, and configurable properties for each class of component, can also be assembled by various JSON editors or JSON-specific toolkits.
The attribute configuration file with the data format of JSON may include identification information of a corresponding component, and the identification information may be set as required.
In one example, after the attribute information of the component is assembled into the JSON format, the attribute configuration file may include: "name" represents a tag name, which can be modified; "componentName" represents a component name, and may be used as identification information; prop is one of three application program interfaces of a component in the vue framework, prop allows an external environment to pass data to the component, and "prop values" means that prop is set for the following properties, making the following properties configurable; "label" represents the option name; "key" represents a component flag; "value" represents an option default; "type" represents a parameter type.
Step S103, generating an attribute configuration interface aiming at the component based on the attribute configuration file, and configuring the attribute configuration file of the component through the attribute configuration interface
In an embodiment of the present application, a property configuration interface for the component may be generated based on the property configuration file. Specifically, the attribute information in the attribute configuration file can be written into the attribute configuration interface through the element-ui.
The attribute configuration interface can visually display the configurable attributes of the corresponding components, a user can debug the configurable attributes in the debuggable area of the attribute configuration interface through mouse, keyboard or screen touch operation, and the attribute information in the attribute configuration file can be changed by changing the configurable attributes in the attribute configuration interface.
And step S104, reading the configured attribute configuration file to display the components, and generating a target interface based on each displayed component.
In the embodiment of the application, the complete effect of the component can be displayed in a temporary interface (canvas) by acquiring the identification information in the attribute configuration file, for example, the component name in the attribute configuration file, and reading the attribute information in the configured attribute configuration file.
And sequentially traversing the attribute configuration files corresponding to each component, and displaying the complete display effect of each component on the interface until all configured components are displayed to generate a target interface.
In the interface generation method in the embodiment, for each component, the attribute information of the component is described in a preset data format to obtain an attribute configuration file corresponding to the component, then an attribute configuration interface corresponding to the component is generated based on the attribute configuration file, the attribute configuration file of the component is visually configured through the attribute configuration interface, the configured attribute configuration file is read, and the component is displayed, so that the problem that the component is difficult to flexibly change is solved, and more diversified service requirements can be met.
In this embodiment of the present application, before acquiring at least one component for constituting an interface to be generated, the method may further include the following steps:
(1) receiving selection information aiming at the interface template, and selecting a target interface template from a preset template database based on the selection information; the template database includes a plurality of interface templates.
In the embodiment of the present application, interface templates respectively corresponding to multiple topics, for example, business topics and administrative work topics, may be prestored in the preset template database, wherein the interface templates in a certain topic may be further classified, for example, several commonly used interface templates may be listed in a business topic, and may include a commodity display promotion class, an after-sale service evaluation class, a user interest survey class, and the like, so that a user may conveniently find a target interface template that meets a requirement.
Specifically, a corresponding interface preview may be prestored corresponding to each target interface template, and a general interface layout of the target interface template may be known in advance through the interface preview, so that a user may select a target interface template from the template database.
(2) Determining at least one component library corresponding to the target interface template; each component library comprises a plurality of categories of components, and the components are used for generating an interface.
The target interface template and at least one component library have a corresponding relation, components in each component library related to the target interface template can be used for forming the target interface template, after the target interface template is selected, a temporary interface can be loaded based on the target interface template, default components and interface layout can exist on the temporary interface, and a user can replace the default components on the basis of the default interface layout.
The component library may comprise multiple categories of components, such as a base component, a form component, a layout component, a feedback component, a presentation component, a business component, a navigation component, and the like, and different component libraries may have different classification methods for the components, i.e. comprise different component categories.
By way of example, further description is made with respect to several of the above categories of components:
the Layout components may be used to configure the overall Layout structure of the form, and specifically, the Layout components may include, but are not limited to, a grid component, a card Layout component, and a Layout component Layout; the grid Layout can divide the forms into at least two columns, the card type Layout component can display the form combination into card types, and the Layout component can set independent type configuration;
the basic components can comprise components for realizing common functions of the forms, and specifically can comprise nestable components and non-nestable components; wherein nestable components may include components that may be configured to nest other form components; the non-nested component is a component which can not nest other form components; the nestable components may include, but are not limited to, array components and object components, the non-nested components may include, but are not limited to, single line input components, multiple line input components, heading text components, number box components, switch components, radio box components, pair box components, single drop down box components, date components, month components, date range components, time components, slider components, table components, and the like;
business components can include components that are custom configured in connection with actual business needs, and in one example can include scoring components, information gathering components, and the like.
(3) An initial interface is generated based on the target interface template and the at least one component library.
In the embodiment of the application, the initial interface may be generated based on the selected target interface template and the component library corresponding to the target interface template, the initial interface may have some basic functions, and a user may perform more detailed and deeper adjustment on components constituting the initial interface on the basis of the initial interface.
In the embodiment, the target interface template can be selected from the template database, the searching range of the component is narrowed, the component is directly selected from the component library corresponding to the target interface template, and the interface development efficiency is improved.
In an embodiment of the present application, the attribute configuration interface may include a plurality of categories of configurable attributes; the method can configure the attribute configuration file corresponding to the component through the attribute configuration interface, and comprises the following steps: acquiring configuration information aiming at different configurable attributes based on operation information of a user on an attribute configuration interface; and changing the corresponding attribute information in the attribute configuration file based on the acquired configuration information.
In this embodiment of the present application, the configuration information may include basic attribute information and additional attribute information; the basic attribute information may include at least one of a title, a size, coordinates, margins, a color, a text color, and a style; the additional attribute information may include at least one of a component priority, an event of a component binding, and a special function option.
The attribute configuration interface may include various types of configurable attributes, where a configurable attribute refers to an attribute that can be modified and adjusted, and the type of the configurable attribute may correspond to the type of the configuration information, for example, the configurable attribute may also be divided into basic attribute information and additional attribute information, or the configurable attribute may also be classified by rules that are more convenient for a user to understand, so that the user may quickly find the configurable attribute that needs to be configured.
The configurable attribute of the attribute configuration interface has a corresponding relation with the attribute information in the attribute configuration file, and the technical effect of visually changing the corresponding attribute information in the attribute configuration file is realized by modifying the configurable attribute in the attribute configuration interface.
In one example, for any two components, a and B, may correspond to property configuration interface 1 and property configuration interface 2, respectively. The configurable attributes of the component a and the component B may be different, and only one type of configurable attribute may be in the attribute configuration interface 1 and the attribute configuration interface 2, and then as shown in fig. 2, two types of attribute configuration interface display effects may be included, which respectively correspond to two types of configurable attributes of a basic attribute and a basic style, where four types of configurable attributes are included in the basic attribute type, which are respectively "X coordinate", "Y coordinate", "length", and "height"; five configurable attributes are contained in the basic style category, namely 'title', 'component color', 'text color', 'filling option' and 'transparency', and can be configured according to different configurable attributes.
In further examples, for any component C, as shown in fig. 3, the component C may correspond to the property configuration interface 3, and two categories of configurable properties, i.e., "basic property" and "basic style", may be contained in the property configuration interface 3, and may be switched between the two categories by keyboard, mouse click, or touch screen.
The above examples are only used as examples, in the actual project development process, the display modes of the configurable attributes are diversified, and what configurable attributes are displayed in what mode on the attribute configuration interface can be specifically set based on the attribute information of the component and the actual requirements of the service, which is not limited in the present application.
In the embodiment of the application, the configuration information aiming at different configurable attributes can be acquired based on the operation information of the user on the attribute configuration interface. The operation information may be divided into first operation information and second operation information.
Specifically, the type of the configurable attribute currently configured may be determined based on first operation information of the user on the attribute configuration interface; configuration information for at least one configurable attribute belonging to the category may be obtained based on second operation information of the user at the attribute configuration interface.
The first operation information may be selection information of a category of the configurable attribute in the attribute configuration interface through an interactive operation of a keyboard, a mouse, a touch screen, and the like, and specifically, the first operation information may be switched between different categories of the configurable attribute through a keyboard shortcut key, a mouse click operation, and a screen touch operation. In some embodiments, the configurable attributes are further classified after being classified into a plurality of categories, and are classified into a plurality of subclasses, and the selection information of the user for the subclasses can also be used as the first operation information.
The second operation information may include information generated by interactive operations such as inputting data meeting a rule in an input box by a user, performing check in a check box, selecting a target item in a drop-down list, selecting a target color in a color table, and increasing or decreasing through a button in a preset range, and the like, and is used for acquiring configuration information for different configurable attributes. The type and the generation mode of the second operation information may be determined based on the display mode of various configurable attributes on the attribute configuration interface, which is not limited in the present application.
In one example, as shown in FIG. 3, the property configuration interface includes two categories of configurable properties, namely "base property" and "base style", respectively. The title of the category of the basic attribute can be clicked by a mouse to serve as first operation information, the configurable attribute in the basic attribute is selected to be configured, according to the configuration interface of the basic attribute, the numerical values of four configurable attributes, namely X coordinate, Y coordinate, length and height, can be modified by clicking increase and decrease buttons on the left and right sides of the numerical value, at the moment, the clicking operation on the increase and decrease buttons on the two sides of the numerical value can serve as second operation information, and the configuration information aiming at the configurable attribute in the category of the basic attribute can be obtained based on the second operation information.
In this embodiment of the present application, the verifying the configuration information to determine whether the configuration information satisfies a data condition corresponding to the configurable attribute may include at least one of:
the configuration information conforms to a standard data format corresponding to the configurable attribute;
the configuration information is in a parameter selectable value range preset by the configurable attribute;
and if the configuration information does not meet the data condition corresponding to the configurable attribute, outputting a prompt message.
Specifically, different data conditions may be possible for different configurable attributes, for example, for "X coordinate", "Y coordinate", "length", and "height" in the component basic attribute, the data format is a number, and the parameter selectable value range is related to the set interface size. For the configurable attribute whose configuration mode is text input, the input data can be specified to be in a specific format, such as chinese and english.
And when the configuration information does not meet the data condition corresponding to the configurable attribute, outputting a prompt message, canceling the second operation information of the previous step, and prompting the user to reconfigure.
In the embodiment of the application, the configured attribute configuration file and the target interface generated according to the configured attribute configuration file can be stored, so that the subsequent use is facilitated.
Specifically, for the target interface, the preview thumbnail can be generated based on the target interface, and the target interface and the corresponding thumbnail are updated to the interface database to be used as a new interface template for the user to select, so that the user can continuously modify and adjust the target interface.
For the configured attribute configuration file, the attribute configuration file may be associated with a corresponding component in the component library, and when the component needs to be used again, the attribute configuration file does not need to be generated again, and the corresponding attribute configuration file may be directly obtained based on the component, where a data format of the attribute configuration file may be JSON.
By storing each item of configured data, the user can conveniently perform subsequent use and modification, and the interface development efficiency is improved.
In the embodiment of the application, after the target interface is generated, if the display effect of the target interface is not satisfactory, the interface can still be configured and modified based on the attributes until the satisfactory display effect is achieved.
Specifically, the update configuration information for the attribute configuration file can be received through the attribute configuration interface, and the attribute configuration file is reconfigured based on the update configuration information to obtain the update configuration file; the target interface is updated based on the update configuration file.
The user can continue to modify and debug the configured attribute configuration interface to generate corresponding updated configuration information, reconfigure the attribute configuration file based on the modification information aiming at the attribute information in the attribute configuration file in the updated configuration information to obtain the updated configuration file, and display the updated component effect on the temporary interface (canvas) by obtaining the identification information in the updated configuration file, such as the component name, reading the updated configuration file.
In one example, the effect of the modified component may be shown on a temporary interface (canvas) by visually configuring the configurable properties in the property configuration interface, as shown in fig. 4 and 5. For example, in FIG. 5, the "height" attribute of FIG. 4 is modified, and the size of the component is changed and shown according to the modified height.
As shown in fig. 6, the configuration category can be changed by mouse clicking, in the basic style, the color of the component can be changed to black, the color of the text can be changed to white, and the display effect of the changed component is displayed on the temporary interface (canvas).
In order to explain the interface generation method of the present application more clearly, the interface generation method will be further described below with reference to specific examples.
In one embodiment, the present application provides an interface generation method, as shown in fig. 7, including the following steps:
step S701, a plurality of interface templates are pre-stored in a template database, interface template selection information is received, and a target interface template is selected from at least one interface template;
step S702, determining at least one component library corresponding to the target interface template, wherein each component library can comprise a plurality of categories of components and is used for generating an initial interface;
step S703, generating an initial interface based on the target interface template and at least one component library;
step S704, judging whether the initial interface needs to be configured, if so, entering step S705, otherwise, entering step S706;
step S705, ending the interface generation flow and storing;
step S706, acquiring at least one component forming the initial interface, and acquiring attribute information of the component for each component;
step S707, the attribute information of the component is described by a preset data format to obtain a corresponding attribute configuration file; the preset data format can be a JSON format, and an attribute configuration file with the JSON format is obtained;
step S708, generating a property configuration interface for the component based on the property configuration file; the attribute configuration interface comprises configurable attributes of various categories;
step S709, determining the type of the configurable attribute which is currently configured based on the first operation information of the user on the attribute configuration interface;
step S710, acquiring configuration information aiming at least one configurable attribute belonging to the category based on second operation information of the user on the attribute configuration interface; the second operation information may be text input in a text input box, checkup in a checkup box, selection of a target item in a drop-down list, increase or decrease of a numerical value through an increase or decrease button, and the like; the configuration information comprises basic attribute information and additional attribute information; the basic attribute information includes at least one of title, size, coordinates, margin, color, text color, and style; the additional attribute information includes at least one of component priority, event of component binding, and special function option;
step S711, based on the acquired configuration information, changing corresponding attribute information in the attribute configuration file;
step S712, the configured attribute configuration file is read to display the components, and a target interface is generated based on each displayed component.
The embodiment of the application provides an interface generation method and device, electronic equipment and a computer readable storage medium, and relates to the technical field of computers. The method comprises the following steps: the method comprises the steps of describing attribute information of each component by a preset data format to obtain an attribute configuration file corresponding to the component, generating an attribute configuration interface corresponding to the component based on the attribute configuration file, visually configuring the attribute configuration file of the component through the attribute configuration interface, reading the configured attribute configuration file, displaying the component, sequentially reading the attribute configuration file of each component in a traversing manner, and displaying a target interface formed by at least one component. According to the embodiment of the application, the attribute configuration file is visually configured through the attribute configuration interface, the component is modified based on the configured attribute configuration file, the problem that the component is difficult to flexibly change is solved, and more diversified service requirements can be met.
In one example, as shown in fig. 8, the controls of the toolbar T1 are used to empty a canvas, generate JSON data, and generate code, and the toolbar T2 is used to select a target interface template from a template database according to an interface template preview, and then display a corresponding component library according to the target interface template, where each component library includes multiple categories of components, and a user selects at least one component to form an initial interface.
For any one of the components constituting the initial interface, the component may be configured through the property configuration interface in the T4 area, for example, a "button" component is selected, and the component may be configured through the property configuration interface corresponding to the button component. The property configuration interface can comprise three types of configurable properties, namely ' basic property ', ' event ' and ' option data ', wherein the ' basic property ' comprises two types of detailed classes of ' dimension coordinate ' and ' special style ', the dimension coordinate ' can modify the numerical value through a data increase and decrease button, the ' special style ' comprises different configurable properties according to different components, and for the ' button ' component, the properties of the component, such as title, component color, text color, filling option, transparency and the like, can be configured.
And visually configuring the attribute configuration file based on the attribute configuration interface, reading the attribute configuration file, and displaying the configured components in the canvas.
As shown in fig. 9, the attribute configuration files corresponding to all the components are sequentially traversed and read, and the configured components are displayed to generate a target interface.
An embodiment of the present application provides an interface generating apparatus, as shown in fig. 10, the interface generating apparatus 100 may include: an acquisition module 1001, a description module 1002, a configuration module 1003, and a generation module 1004, wherein,
an obtaining module 1001 configured to obtain at least one component constituting an initial interface; the initial interface is used for obtaining a target interface after adjustment;
the description module 1002 is configured to obtain attribute information of each component, and describe the attribute information of the component in a preset data format to obtain a corresponding attribute configuration file;
the configuration module 1003 is configured to generate an attribute configuration interface for the component based on the attribute configuration file, and configure the attribute configuration file of the component through the attribute configuration interface;
the generating module 1004 is configured to read the configured attribute configuration file to display the components, and generate a target interface based on each displayed component.
The interface generation device visually configures the attribute configuration file through the attribute configuration interface, and modifies the component based on the configured attribute configuration file, so that the problem that the component is difficult to flexibly change is solved, and more diversified service requirements can be met.
In an embodiment of the present application, the method further includes an initial interface generating module, specifically configured to:
receiving selection information aiming at the interface template, and selecting a target interface template from a preset template database based on the selection information; the template database comprises a plurality of interface templates;
determining at least one component library corresponding to the target interface template; each component library comprises a plurality of categories of components, and the components are used for generating an interface;
an initial interface is generated based on the target interface template and the at least one component library.
In this embodiment of the present application, the attribute configuration interface includes configurable attributes of multiple categories, and when configuring the attribute configuration file corresponding to the component through the attribute configuration interface, the configuration module 1003 is specifically configured to:
acquiring configuration information aiming at different configurable attributes based on operation information of a user on an attribute configuration interface;
and changing the corresponding attribute information in the attribute configuration file based on the acquired configuration information.
In this embodiment of the application, when the configuration module 1003 acquires configuration information for different configurable attributes based on operation information of a user on an attribute configuration interface, specifically, the configuration module is configured to:
determining the type of the configurable attribute which is currently configured based on first operation information of a user on an attribute configuration interface;
and acquiring configuration information aiming at least one configurable attribute belonging to the category based on second operation information of the user on the attribute configuration interface.
In the embodiment of the application, the configuration information comprises basic attribute information and additional attribute information; the basic attribute information includes at least one of title, size, coordinates, margin, color, text color, and style; the additional attribute information includes at least one of a component priority, an event to which the component is bound, and a special function option.
In an embodiment of the present application, the system further includes a verification module, specifically configured to:
verifying the configuration information to judge whether the configuration information meets a data condition corresponding to the configurable attribute, wherein the data condition comprises at least one of the following items:
the configuration information conforms to a standard data format corresponding to the configurable attribute;
the configuration information is in a parameter selectable value range preset by the configurable attribute;
and if the configuration information does not meet the data condition corresponding to the configurable attribute, outputting a prompt message.
In an embodiment of the present application, the apparatus further includes a modification module, specifically configured to:
receiving updating configuration information aiming at the attribute configuration file through an attribute configuration interface, and reconfiguring the attribute configuration file based on the updating configuration information to obtain an updating configuration file;
the target interface is updated based on the update configuration file.
In an alternative embodiment, an electronic device is provided, as shown in fig. 11, the electronic device 4000 shown in fig. 11 comprising: a processor 4001 and a memory 4003. Processor 4001 is coupled to memory 4003, such as via bus 4002. Optionally, the electronic device 4000 may further include a transceiver 4004, and the transceiver 4004 may be used for data interaction between the electronic device and other electronic devices, such as transmission of data and/or reception of data. In addition, the transceiver 4004 is not limited to one in practical applications, and the structure of the electronic device 4000 is not limited to the embodiment of the present application.
The Processor 4001 may be a CPU (Central Processing Unit), a general-purpose Processor, a DSP (Digital Signal Processor), an ASIC (Application Specific Integrated Circuit), an FPGA (Field Programmable Gate Array) or other Programmable logic device, a transistor logic device, a hardware component, or any combination thereof. Which may implement or perform the various illustrative logical blocks, modules, and circuits described in connection with the disclosure. The processor 4001 may also be a combination that performs a computational function, including, for example, a combination of one or more microprocessors, a combination of a DSP and a microprocessor, or the like.
The Memory 4003 may be a ROM (Read Only Memory) or other types of static storage devices that can store static information and instructions, a RAM (Random Access Memory) or other types of dynamic storage devices that can store information and instructions, an EEPROM (Electrically Erasable Programmable Read Only Memory), a CD-ROM (Compact Disc Read Only Memory) or other optical Disc storage, optical Disc storage (including Compact Disc, laser Disc, optical Disc, digital versatile Disc, blu-ray Disc, etc.), a magnetic Disc storage medium or other magnetic storage devices, or any other medium that can be used to carry or store desired program code in the form of instructions or data structures and that can be accessed by a computer, but is not limited to these.
The memory 4003 is used for storing application program codes (computer programs) for executing the present scheme, and is controlled by the processor 4001 to execute. Processor 4001 is configured to execute application code stored in memory 4003 to implement what is shown in the foregoing method embodiments.
The electronic devices include, but are not limited to, mobile terminals such as mobile phones, notebook computers, PADs, etc., and fixed terminals such as digital TVs, desktop computers, etc.
The present application provides a computer-readable storage medium, on which a computer program is stored, which, when running on a computer, enables the computer to execute the corresponding content in the foregoing method embodiments. Compared with the prior art, the method has the advantages that the attribute configuration file is visually configured through the attribute configuration interface, and the component is further modified based on the configured attribute configuration file, so that the problem that the component is difficult to flexibly change is solved, and more diversified service requirements can be met.
It should be understood that, although the steps in the flowcharts of the figures are shown in order as indicated by the arrows, the steps are not necessarily performed in order as indicated by the arrows. The steps are not performed in the exact order shown and may be performed in other orders unless explicitly stated herein. Moreover, at least a portion of the steps in the flow chart of the figure may include multiple sub-steps or multiple stages, which are not necessarily performed at the same time, but may be performed at different times, which are not necessarily performed in sequence, but may be performed alternately or alternately with other steps or at least a portion of the sub-steps or stages of other steps.
The foregoing is only a partial embodiment of the present invention, and it should be noted that, for those skilled in the art, various modifications and decorations can be made without departing from the principle of the present invention, and these modifications and decorations should also be regarded as the protection scope of the present invention.
Claims (10)
1. A method of interface generation, comprising:
acquiring at least one component forming an initial interface; the initial interface is used for obtaining a target interface after adjustment;
acquiring attribute information of each component, and describing the attribute information of the components by using a preset data format to obtain a corresponding attribute configuration file;
generating a property configuration interface aiming at the component based on the property configuration file, and configuring the property configuration file of the component through the property configuration interface;
and reading the configured attribute configuration file to display the components, and generating the target interface based on each displayed component.
2. The interface generation method of claim 1, wherein before obtaining at least one component that constitutes the initial interface, further comprising:
receiving selection information aiming at the interface template, and selecting a target interface template from a preset template database based on the selection information; the template database comprises a plurality of interface templates;
determining at least one component library corresponding to the target interface template; each component library comprises a plurality of categories of components, and the components are used for generating an interface;
generating the initial interface based on the target interface template and the at least one component library.
3. The interface generation method of claim 2, wherein the property configuration interface includes a plurality of categories of configurable properties; configuring the attribute configuration file corresponding to the component through the attribute configuration interface, including:
acquiring configuration information aiming at different configurable attributes based on operation information of a user on an attribute configuration interface;
and changing the corresponding attribute information in the attribute configuration file based on the acquired configuration information.
4. The interface generation method according to claim 3, wherein the obtaining configuration information for different configurable attributes based on the operation information of the user on the attribute configuration interface comprises:
determining the category of the configurable attribute which is currently configured based on first operation information of the user on an attribute configuration interface;
and acquiring configuration information aiming at least one configurable attribute belonging to the category based on second operation information of the user on an attribute configuration interface.
5. The interface generation method according to claim 4, wherein the configuration information includes basic attribute information and additional attribute information; the basic attribute information comprises at least one item of title, size, coordinates, margin, color, character color and style; the additional attribute information includes at least one of a component priority, an event to which the component is bound, and a special function option.
6. The interface generation method of claim 4, further comprising:
verifying the configuration information to judge whether the configuration information meets a data condition corresponding to the configurable attribute, wherein the data condition comprises at least one of the following items:
the configuration information conforms to a standard data format corresponding to the configurable attribute;
the configuration information is in a parameter selectable value range preset by the configurable attribute;
and if the configuration information does not meet the data condition corresponding to the configurable attribute, outputting a prompt message.
7. The interface generation method according to claim 1, further comprising:
receiving the updating configuration information aiming at the attribute configuration file through the attribute configuration interface, and reconfiguring the attribute configuration file based on the updating configuration information to obtain an updating configuration file;
and updating the target interface based on the update configuration file.
8. An interface generating apparatus, comprising:
the acquisition module is used for acquiring at least one component forming the initial interface; the initial interface is used for obtaining a target interface after adjustment;
the description module is used for acquiring the attribute information of each component and describing the attribute information of the components by using a preset data format to obtain a corresponding attribute configuration file;
the configuration module is used for generating a property configuration interface aiming at the component based on the property configuration file and configuring the property configuration file of the component through the property configuration interface;
and the generating module is used for reading the configured attribute configuration file to display the components and generating a target interface based on each displayed component.
9. An electronic device comprising a memory, a processor, and a computer program stored on the memory and executable on the processor, wherein the processor implements the interface generation method of any one of claims 1-7 when executing the program.
10. A computer-readable storage medium, characterized in that the computer-readable storage medium has stored thereon a computer program which, when being executed by a processor, implements the interface generation method according to any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110655662.2A CN113535165A (en) | 2021-06-11 | 2021-06-11 | Interface generation method and device, electronic equipment and computer readable storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110655662.2A CN113535165A (en) | 2021-06-11 | 2021-06-11 | Interface generation method and device, electronic equipment and computer readable storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113535165A true CN113535165A (en) | 2021-10-22 |
Family
ID=78095886
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110655662.2A Pending CN113535165A (en) | 2021-06-11 | 2021-06-11 | Interface generation method and device, electronic equipment and computer readable storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113535165A (en) |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114020252A (en) * | 2021-10-28 | 2022-02-08 | 四川启睿克科技有限公司 | Method for dynamically rendering multi-level header based on vue and element |
| CN114036418A (en) * | 2021-11-04 | 2022-02-11 | 康佳集团股份有限公司 | Advertisement editing and publishing method, terminal and computer readable storage medium |
| CN114115672A (en) * | 2021-11-22 | 2022-03-01 | 北京光启元数字科技有限公司 | Object processing method, device, equipment and medium |
| CN114326641A (en) * | 2021-12-31 | 2022-04-12 | 深圳市汇川技术股份有限公司 | Process quality monitoring method, system, device and computer readable storage medium |
| CN114896020A (en) * | 2022-06-16 | 2022-08-12 | 拉扎斯网络科技（上海）有限公司 | Popup window generation method and device, electronic equipment and readable storage medium |
| WO2023279827A1 (en) * | 2021-07-08 | 2023-01-12 | 北京字跳网络技术有限公司 | Component debugging method, apparatus and device, and storage medium |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104090749A (en) * | 2014-05-30 | 2014-10-08 | 爱培科科技开发（深圳）有限公司 | Processing method and system for updating and changing interface theme of WinCE product |
| US20180341380A1 (en) * | 2015-12-09 | 2018-11-29 | Alibaba Group Holding Limited | System, method, and apparatus for configuring attributes of interface elements |
| CN109960538A (en) * | 2017-12-21 | 2019-07-02 | 深圳市金证科技股份有限公司 | A kind of configuration interface management method, configuration interface managing device and electronic equipment |
| CN110275735A (en) * | 2019-06-24 | 2019-09-24 | 深圳乐信软件技术有限公司 | A kind of interface configuration method, device, terminal and storage medium |
| CN111984259A (en) * | 2020-07-10 | 2020-11-24 | 浙江大搜车软件技术有限公司 | Interface creating method, device, equipment and storage medium |
| CN112181576A (en) * | 2020-09-30 | 2021-01-05 | 汉海信息技术(上海)有限公司 | Form processing method, device, terminal and storage medium |
| CN112433725A (en) * | 2020-11-26 | 2021-03-02 | 泰康保险集团股份有限公司 | Interface generation method and device, electronic equipment and storage medium |
| CN112540747A (en) * | 2019-09-23 | 2021-03-23 | 南宁富桂精密工业有限公司 | Platform development method, device and computer readable storage medium |
| CN112685040A (en) * | 2021-01-22 | 2021-04-20 | 爱驰汽车有限公司 | Method, device, equipment and storage medium for generating interface file in android system |
-
2021
- 2021-06-11 CN CN202110655662.2A patent/CN113535165A/en active Pending
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104090749A (en) * | 2014-05-30 | 2014-10-08 | 爱培科科技开发（深圳）有限公司 | Processing method and system for updating and changing interface theme of WinCE product |
| US20180341380A1 (en) * | 2015-12-09 | 2018-11-29 | Alibaba Group Holding Limited | System, method, and apparatus for configuring attributes of interface elements |
| CN109960538A (en) * | 2017-12-21 | 2019-07-02 | 深圳市金证科技股份有限公司 | A kind of configuration interface management method, configuration interface managing device and electronic equipment |
| CN110275735A (en) * | 2019-06-24 | 2019-09-24 | 深圳乐信软件技术有限公司 | A kind of interface configuration method, device, terminal and storage medium |
| CN112540747A (en) * | 2019-09-23 | 2021-03-23 | 南宁富桂精密工业有限公司 | Platform development method, device and computer readable storage medium |
| CN111984259A (en) * | 2020-07-10 | 2020-11-24 | 浙江大搜车软件技术有限公司 | Interface creating method, device, equipment and storage medium |
| CN112181576A (en) * | 2020-09-30 | 2021-01-05 | 汉海信息技术(上海)有限公司 | Form processing method, device, terminal and storage medium |
| CN112433725A (en) * | 2020-11-26 | 2021-03-02 | 泰康保险集团股份有限公司 | Interface generation method and device, electronic equipment and storage medium |
| CN112685040A (en) * | 2021-01-22 | 2021-04-20 | 爱驰汽车有限公司 | Method, device, equipment and storage medium for generating interface file in android system |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2023279827A1 (en) * | 2021-07-08 | 2023-01-12 | 北京字跳网络技术有限公司 | Component debugging method, apparatus and device, and storage medium |
| CN114020252A (en) * | 2021-10-28 | 2022-02-08 | 四川启睿克科技有限公司 | Method for dynamically rendering multi-level header based on vue and element |
| CN114036418A (en) * | 2021-11-04 | 2022-02-11 | 康佳集团股份有限公司 | Advertisement editing and publishing method, terminal and computer readable storage medium |
| CN114115672A (en) * | 2021-11-22 | 2022-03-01 | 北京光启元数字科技有限公司 | Object processing method, device, equipment and medium |
| CN114326641A (en) * | 2021-12-31 | 2022-04-12 | 深圳市汇川技术股份有限公司 | Process quality monitoring method, system, device and computer readable storage medium |
| CN114896020A (en) * | 2022-06-16 | 2022-08-12 | 拉扎斯网络科技（上海）有限公司 | Popup window generation method and device, electronic equipment and readable storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11514033B2 (en) | System for providing dynamic linked panels in user interface | |
| CN113535165A (en) | Interface generation method and device, electronic equipment and computer readable storage medium | |
| US9336267B2 (en) | Method and system for navigation and visualization of data in relational and/or multidimensional databases | |
| CN109408764B (en) | Page area dividing method, device, computing equipment and medium | |
| US9575950B2 (en) | Systems and methods for managing spreadsheet models | |
| US8386919B2 (en) | System for displaying an annotated programming file | |
| CN111881662A (en) | Form generation method, device, processing equipment and storage medium | |
| US11430163B2 (en) | Displaying a chart without rendering entirely obscured markers | |
| US20150278190A1 (en) | Web server system, dictionary system, dictionary call method, screen control display method, and demonstration application generation method | |
| CN109471580B (en) | Visual 3D courseware editor and courseware editing method | |
| CN113407284A (en) | Navigation interface generation method and device, storage medium and electronic equipment | |
| CN111666100A (en) | Software framework generation method and device, electronic equipment and storage medium | |
| CN115543282A (en) | Page code generation method and device, storage medium and computer equipment | |
| CN112825038A (en) | Visual page making method based on general component language specification and related product | |
| US20240037325A1 (en) | Ability to add non-direct ancestor columns in child spreadsheets | |
| JP6948492B2 (en) | Information management device and file management method | |
| CN115691772A (en) | Operation visualization system and corresponding computer device and storage medium | |
| CN112748917B (en) | Graph display method and device | |
| CN116301785A (en) | Method and device for realizing custom text editor component | |
| US11126791B2 (en) | In-application example library | |
| CN117311567A (en) | Object data display method and device based on navigation tree, electronic equipment and medium | |
| de Almeida Martins | CleanGraph-Graph viewing and editing for family trees and UML class diagrams | |
| WO2022107228A1 (en) | Operation assistance device, operation assistance method, and operation assistance program | |
| CN118092914A (en) | Page generation method, device, equipment, storage medium and low-code generation system | |
| Giani et al. | A set of languages for context-aware adaptation |
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 |