CN116088833A - Method, device and equipment for creating page and readable storage medium - Google Patents

Method, device and equipment for creating page and readable storage medium Download PDF

Info

Publication number
CN116088833A
CN116088833A CN202211476641.5A CN202211476641A CN116088833A CN 116088833 A CN116088833 A CN 116088833A CN 202211476641 A CN202211476641 A CN 202211476641A CN 116088833 A CN116088833 A CN 116088833A
Authority
CN
China
Prior art keywords
page
components
configuration information
information
data
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
Application number
CN202211476641.5A
Other languages
Chinese (zh)
Inventor
马杰
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
China Telecom Digital Intelligence Technology Co Ltd
Original Assignee
China Telecom Digital Intelligence Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by China Telecom Digital Intelligence Technology Co Ltd filed Critical China Telecom Digital Intelligence Technology Co Ltd
Priority to CN202211476641.5A priority Critical patent/CN116088833A/en
Publication of CN116088833A publication Critical patent/CN116088833A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/903—Querying
    • 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/36—Software reuse

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Computational Linguistics (AREA)
  • Data Mining & Analysis (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

The application provides a method, a device, equipment and a readable storage medium for creating a page, wherein the method comprises the steps of acquiring page configuration information of a front end and data information of a plurality of components corresponding to the page configuration information of a rear end, wherein the page configuration information comprises configuration information of the plurality of components, the page configuration information is obtained through user-defined setting, and the data information of the plurality of components is stored in a database in advance; and creating a target page according to the page configuration information and the data information of the components. By the method, the effect of improving the efficiency of page creation can be achieved.

Description

Method, device and equipment for creating page and readable storage medium
Technical Field
The present application relates to the field of front-end page design, and in particular, to a method, apparatus, device, and readable storage medium for creating pages.
Background
At present, in the process of continuously developing a front-end technology, codes are packaged layer by layer, so that functions are more and more powerful, a method for realizing gorgeous rendering of the page is also rich and colorful, and professional front-end personnel usually need third party components to write the codes to construct the page.
The construction of the page based on the code written by the third party component is very limited, and a large amount of time is wasted when a large amount of code is required to develop.
Therefore, how to improve the efficiency of creating pages is a technical problem to be solved.
Disclosure of Invention
The embodiment of the application aims to provide a method for creating a page, and the effect of improving the efficiency of creating the page can be achieved through the technical scheme of the embodiment of the application.
In a first aspect, an embodiment of the present application provides a method for creating a page, including obtaining page configuration information of a front end and data information of a plurality of components corresponding to the page configuration information of a rear end, where the page configuration information includes configuration information of the plurality of components, the page configuration information is obtained through user-defined setting, and the data information of the plurality of components is stored in a database in advance; and creating a target page according to the page configuration information and the data information of the components.
In the embodiment, the creation of the target page can be completed directly by acquiring the data information of a plurality of components stored in the database through the user-defined page configuration information, so that the creation of the page through a large number of programming in the prior art is avoided, and the effect of improving the efficiency of creating the page can be achieved through the method.
In some embodiments, the page configuration information includes:
at least one of page frame information, page component information, page style information, and component rendering information.
In the embodiment, through one or more types of user-defined page configuration information, the page creation style can be diversified and more convenient.
In some embodiments, creating a page from page configuration information and data information of a plurality of components includes:
processing the page configuration information and the data information of the plurality of components through the data logic device to obtain processed page configuration information and processed plurality of data information corresponding to the plurality of components;
performing resource integration on the processed page configuration information and the processed plurality of data information to obtain resource information of a target page;
and generating a target page corresponding to the resource information.
In the embodiment, the resource information of the target page can be determined by integrating the page configuration information and the resources of the plurality of data information, so that the target page of the target style can be automatically generated, and the time for creating the page is saved.
In some embodiments, processing, by the data logic, the page configuration information and the data information of the plurality of components to obtain processed page configuration information and processed plurality of data information corresponding to the plurality of components, including:
The data logic device is used for carrying out information analysis on the page configuration information and the data information of the plurality of components, and determining whether the page configuration information and the data information of the plurality of components meet the requirement of the page configuration information set by a user in a self-defining way;
under the condition that the page configuration information and the data information of the plurality of components meet the requirement of the page configuration information set by the user in a self-defining way, the page configuration information and the data information of the plurality of components are used as processed page configuration information and processed plurality of data information;
under the condition that the page configuration information and the data information of the plurality of components are determined to not meet the requirement of the page configuration information set by the user in a self-defining way, the page configuration information and the data information of the plurality of components are modified or replaced to obtain the processed page configuration information and the processed plurality of data information.
In the embodiment, whether the page configuration information and the data information of the plurality of components meet the requirement of the page configuration information set by the user in a user-defined manner is detected, so that the page can be accurately created into a pattern required by the user, and the accuracy of creating the page is improved.
In some embodiments, obtaining data information of a plurality of components corresponding to the page configuration information of the front end and the page configuration information of the back end includes:
Acquiring page configuration information set by a user in a self-defining way, and creating a data collector for each of a plurality of components to obtain a plurality of data collectors;
data information of a plurality of components is collected from the back end through a plurality of data collectors.
In the embodiment, the data information of the component can be directly acquired through the collector, so that a user is not required to re-develop the data of the component, and the development time of the component is saved.
In some embodiments, before acquiring the data information of the plurality of components corresponding to the page configuration information of the front end and the page configuration information of the back end, the method further includes:
creating a node of each of the plurality of components, wherein the node of each component is configured to reconnect the plurality of components through the node of each component and according to the connection when the location of the plurality of components changes.
In the embodiment, the node of the component is created, so that the component can be directly associated through the node, development of a program is reduced, a user can customize the component style according to requirements, and the method is more open.
In some embodiments, after creating the target page from the page configuration information and the data information of the plurality of components, further comprising:
The data information of each component in the target page is stored in the application container engine so that the data information of each component in the application container engine is directly called when the second target page is created.
In the embodiment, the data information after development can be stored in the application container engine again in each development, and can be directly obtained from the application container engine when the data information is used in the subsequent development, so that the development time is reduced.
In some embodiments, after creating the target page from the page configuration information and the data information of the plurality of components, further comprising:
monitoring at least one of the component response time, the static resource loading time and the page data processing performance, and displaying abnormal information to a user when the component response time, the static resource loading time and the page data processing performance are abnormal.
In the embodiment, the response time, the static resource loading time and the page data processing performance of the component are monitored through the monitoring function, so that errors in creating the page are avoided, and the efficiency of creating the page is improved.
In some embodiments, creating the target page from the page configuration information and the data information of the plurality of components includes:
Determining that different data information exists in the data information of the plurality of components and the initial data information of the plurality of components according to the configuration information;
replacing the initial data information of the corresponding position with the different data information to obtain the data information of the replaced multiple components;
and generating target pages corresponding to the data information of the components.
In the embodiment, by comparing the source data information with the updated data information, and replacing the data information, the data updating time can be reduced, and the page creation efficiency can be improved.
In a second aspect, an embodiment of the present application provides an apparatus for creating a page, including:
the system comprises an acquisition module, a database and a storage module, wherein the acquisition module is used for acquiring data information of a plurality of components corresponding to page configuration information of a front end and page configuration information of a rear end, wherein the page configuration information comprises configuration information of the plurality of components, the page configuration information is obtained through user-defined setting, and the data information of the plurality of components is stored in the database in advance;
and the creation module is used for creating a target page according to the page configuration information and the data information of the plurality of components.
Optionally, the page configuration information includes:
At least one of page frame information, page component information, page style information, and component rendering information.
Optionally, the creating module is specifically configured to:
processing the page configuration information and the data information of the plurality of components through the data logic device to obtain processed page configuration information and processed plurality of data information corresponding to the plurality of components;
performing resource integration on the processed page configuration information and the processed plurality of data information to obtain resource information of a target page;
and generating a target page corresponding to the resource information.
Optionally, the creating module is specifically configured to:
the data logic device is used for carrying out information analysis on the page configuration information and the data information of the plurality of components, and determining whether the page configuration information and the data information of the plurality of components meet the requirement of the page configuration information set by a user in a self-defining way;
under the condition that the page configuration information and the data information of the plurality of components meet the requirement of the page configuration information set by the user in a self-defining way, the page configuration information and the data information of the plurality of components are used as processed page configuration information and processed plurality of data information;
under the condition that the page configuration information and the data information of the plurality of components are determined to not meet the requirement of the page configuration information set by the user in a self-defining way, the page configuration information and the data information of the plurality of components are modified or replaced to obtain the processed page configuration information and the processed plurality of data information.
Optionally, the acquiring module is specifically configured to:
acquiring page configuration information set by a user in a self-defining way, and creating a data collector for each of a plurality of components to obtain a plurality of data collectors;
data information of a plurality of components is collected from the back end through a plurality of data collectors.
Optionally, the apparatus further includes:
the node creating module is used for creating a node of each component in the plurality of components before the acquiring module acquires the data information of the plurality of components corresponding to the page configuration information of the front end and the page configuration information of the rear end, wherein the node of each component is used for reconnecting the plurality of components through the node of each component and according to the connection when the positions of the plurality of components change.
Optionally, the apparatus further includes:
the storage module is used for storing the data information of each component in the target page in the application container engine after the creation module creates the target page according to the page configuration information and the data information of the plurality of components, so that the data information of each component in the application container engine is directly called when the second target page is created.
Optionally, the apparatus further includes:
The monitoring module is used for monitoring at least one of the response time of the component, the loading time of the static resource and the processing performance of the page data after the creation module creates the target page according to the page configuration information and the data information of the components, and displaying the abnormal information to the user when the response time of the component, the loading time of the static resource and the processing performance of the page data are abnormal.
Optionally, the creating module is specifically configured to:
determining that different data information exists in the data information of the plurality of components and the initial data information of the plurality of components according to the configuration information;
replacing the initial data information of the corresponding position with the different data information to obtain the data information of the replaced multiple components;
and generating target pages corresponding to the data information of the components.
In a third aspect, embodiments of the present application provide an electronic device comprising a processor and a memory storing computer readable instructions that, when executed by the processor, perform the steps of the method as provided in the first aspect above.
In a fourth aspect, embodiments of the present application provide a readable storage medium having stored thereon a computer program which when executed by a processor performs the steps of the method as provided in the first aspect above.
Additional features and advantages of the application will be set forth in the description which follows, and in part will be apparent from the description, or may be learned by practice of the embodiments of the application. The objectives and other advantages of the application will be realized and attained by the structure particularly pointed out in the written description and claims thereof as well as the appended drawings.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings that are needed in the embodiments of the present application will be briefly described below, it should be understood that the following drawings only illustrate some embodiments of the present application and should not be considered as limiting the scope, and other related drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.
FIG. 1 is a flowchart of a method for creating a page according to an embodiment of the present application;
FIG. 2 is a flowchart of a detailed method of creating a page provided in an embodiment of the present application;
FIG. 3 is a flowchart of a method for creating a page by integrating front-end and back-end resources according to an embodiment of the present application;
FIG. 4 is a schematic block diagram of an apparatus for creating a page according to an embodiment of the present application;
Fig. 5 is a schematic structural diagram of an apparatus for creating a page according to an embodiment of the present application.
Detailed Description
The following description of the embodiments of the present application will be made clearly and completely with reference to the drawings in the embodiments of the present application, and it is apparent that the described embodiments are only some embodiments of the present application, not all embodiments. The components of the embodiments of the present application, as generally described and illustrated in the figures herein, may be arranged and designed in a wide variety of different configurations. Thus, the following detailed description of the embodiments of the present application, as provided in the accompanying drawings, is not intended to limit the scope of the application, as claimed, but is merely representative of selected embodiments of the application. All other embodiments, which can be made by those skilled in the art based on the embodiments of the present application without making any inventive effort, are intended to be within the scope of the present application.
It should be noted that: like reference numerals and letters denote like items in the following figures, and thus once an item is defined in one figure, no further definition or explanation thereof is necessary in the following figures. Meanwhile, in the description of the present application, the terms "first", "second", and the like are used only to distinguish the description, and are not to be construed as indicating or implying relative importance.
Some of the terms referred to in the embodiments of the present application will be described first to facilitate understanding by those skilled in the art.
JSON: (JavaScript Object Notation, JS object profile) is a lightweight data exchange format. It stores and presents data in a text format that is completely independent of the programming language based on a subset of ECMAScript (European Computer Manufacturers Association, js specification by the european computer institute). The compact and clear hierarchical structure makes JSON an ideal data exchange language.
Vue: vue is a front end framework that runs where it is required to download nodes. Js, and to download vs codes (code editors) to edit the code. The front page can be developed quickly in coordination with an element ui (hundreds of searches).
CSS: cascading style sheets (English full name: cascading Style Sheets) are a type of computer language used to represent file styles such as HTML (an application of standard generalized markup language) or XML (a subset of standard generalized markup language).
jsPlumb: the front-end-based process design framework is a front-end-based process design framework, component connecting wires are completed by utilizing the svg technology, any components can be connected through simple js configuration, an automatic deployment process is formed, personalized requirements of users are met, and meanwhile, the pressure of the rear end can be relieved, so that the rear end is focused on specific service implementation.
Svg: SVG is a graphic file format, which is known in english as Scalable Vector Graphics, meaning a scalable vector graphic.
Dock: is an open-source application container engine, allows developers to package their applications and rely on packages into a portable image, then issue to any popular Linux or Windows operating system machine, and also can implement virtualization. The containers are completely sandboxed without any interface to each other.
FLEX: (Flipboard Explorer) is an in-application debugging and instrumentation toolset developed by iOS.
The method and the device are applied to the scene of front-end page design, and the specific scene is that the page information is set by user definition, so that the target page meeting the user requirement can be automatically generated.
However, in the current process of continuously developing the front-end technology, codes are packaged layer by layer, so that functions are more and more powerful, the method for realizing gorgeous rendering of the page is also rich and colorful, and professional front-end personnel usually need third party components to write the codes to construct the page. The construction of the page based on the code written by the third party component is very limited, and a large amount of time is wasted when a large amount of code is required to develop.
The method comprises the steps that data information of a plurality of components corresponding to page configuration information of a front end and page configuration information of a rear end is obtained, wherein the page configuration information comprises configuration information of the plurality of components, the page configuration information is obtained through user-defined setting, and the data information of the plurality of components is stored in a database in advance; and creating a target page according to the page configuration information and the data information of the components. The method can directly acquire the data information of a plurality of components stored in the database through the user-defined page configuration information to finish the creation of the target page, avoids the problem that the creation of the page is finished through a large number of programming in the prior art, and can achieve the effect of improving the efficiency of creating the page. That is, through amis (low code front end framework) front end framework manipulation JSON deployment of the application to form a page, a developer can master JSON to develop without knowing the front end, and without knowing vue pages, or without understanding css, and can use a visual editor, by pulling defined components, the page and JSON source code can be automatically generated, and not only can a dynamic page be generated, but also can be immediately used for on-line publishing. The Amis provides a plurality of built-in components, and is not dependent on a complex third party component, so that page development logic is clearer and more efficient. The development threshold is greatly reduced, and the programming of the whole people is possible.
In this embodiment of the present application, the execution body may be a creation page device in a creation page system, and in practical application, the creation page device may be electronic devices such as a terminal device and a server, which is not limited herein.
The method for creating the page according to the embodiment of the present application is described in detail below with reference to fig. 1.
Referring to fig. 1, fig. 1 is a flowchart of a method for creating a page according to an embodiment of the present application, where the method for creating a page shown in fig. 1 includes:
step 110: acquiring page configuration information of a front end and data information of a plurality of components corresponding to the page configuration information of a rear end.
The page configuration information comprises configuration information of a plurality of components, the page configuration information is obtained through user-defined setting, and data information of the plurality of components is stored in a database in advance.
In some embodiments of the present application, the page configuration information includes: at least one of page frame information, page component information, page style information, and component rendering information.
In the process, through one or more types of page configuration information customized by a user, the page creation style can be diversified and more convenient.
The page frame information may be a page frame customized according to user requirements, the page component information may be user-customized component content, the page style information may be typesetting, format, shape, color, etc. of the user-customized component, and may also be connection style, endpoint and position of the page flow, such as arrow style and endpoint position of the inter-component connection line.
In some embodiments of the present application, before acquiring the data information of the plurality of components corresponding to the front-end page configuration information and the back-end page configuration information, the method shown in fig. 1 further includes:
creating a node of each of the plurality of components, wherein the node of each component is configured to reconnect the plurality of components through the node of each component and according to the connection when the location of the plurality of components changes.
In the process, the node of the component is created, so that the component can be directly associated through the node, development of a program is reduced, a user can customize the component style according to requirements, and the method is more open.
The node can be set in advance, an adaptive node can be set for each component through a node editor, and when a user drags the components in a self-defined mode, automatic connection between the components is ensured. Creating nodes of each component in the plurality of components comprises creating nodes or anchor points of each component in the plurality of components, building the anchor points or nodes among user components by combining layout design capability of jsplum on page layout, building connection among the anchor points or nodes, and obtaining component object attributes through the anchor points or nodes. When the flow function of one component is completed, the other component, either an anchor or node connection, is executed. When the position of the component changes, the positions of the anchor points or nodes of the jsplumb also change, and the connecting lines between the anchor points or the nodes still exist, so that the arbitrary dragging function between the nodes is realized, the traditional linear layout mode is also changed, the tree layout mode can be realized, the unfolding and folding functions of the component are also possible, and the relation of the component is clearer.
In some embodiments of the present application, obtaining data information of a plurality of components corresponding to front-end page configuration information and back-end page configuration information includes: acquiring page configuration information set by a user in a self-defining way, and creating a data collector for each of a plurality of components to obtain a plurality of data collectors; data information of a plurality of components is collected from the back end through a plurality of data collectors.
In the process, the data information of the component can be directly acquired through the collector, the user is not required to re-develop the data of the component, and the development time of the component is saved.
The data information may be stored in a database, and corresponding component data may be obtained from the database. The customized page configuration information can be edited by a visual editor. The front end and the back end can complete the configuration task of the data domain and the data chain of the component. For the backend, a database stores data information for the editor system related components and components. For front-end data interactions, data chaining techniques may be employed to accomplish this. The front-end may also be caused to use the interface to invoke the back-end to access data in the database.
Step 120: and creating a target page according to the page configuration information and the data information of the components.
In some embodiments of the present application, creating a page from page configuration information and data information of a plurality of components includes: processing the page configuration information and the data information of the plurality of components through the data logic device to obtain processed page configuration information and processed plurality of data information corresponding to the plurality of components; performing resource integration on the processed page configuration information and the processed plurality of data information to obtain resource information of a target page; and generating a target page corresponding to the resource information.
In the process, the resource information of the target page can be determined by integrating the page configuration information and the resources of the plurality of data information, so that the target page of the target style can be automatically generated, and the time for creating the page is saved.
The resource integration comprises the steps of configuring a plurality of data information in the form of page configuration information, namely configuring code data, modifying codes by a user, carrying out parameter change, or dependent change, or configuration processing of middleware, or presentation change of page style under corresponding components, and carrying out classification processing on different modifications. In the process of acquiring database data, conflict can also occur, and the problem of conflict is solved by checking the user password of the database to carry out comparison change and checking the change part of the configuration file. When an item is started, dependency conflicts for code changes may occur, resolved using dependency processing.
In some embodiments of the present application, processing, by a data logic, page configuration information and data information of a plurality of components to obtain processed page configuration information and processed plurality of data information corresponding to the plurality of components, includes: the data logic device is used for carrying out information analysis on the page configuration information and the data information of the plurality of components, and determining whether the page configuration information and the data information of the plurality of components meet the requirement of the page configuration information set by a user in a self-defining way; under the condition that the page configuration information and the data information of the plurality of components meet the requirement of the page configuration information set by the user in a self-defining way, the page configuration information and the data information of the plurality of components are used as processed page configuration information and processed plurality of data information; under the condition that the page configuration information and the data information of the plurality of components are determined to not meet the requirement of the page configuration information set by the user in a self-defining way, the page configuration information and the data information of the plurality of components are modified or replaced to obtain the processed page configuration information and the processed plurality of data information.
In the process, whether the page configuration information and the data information of the plurality of components meet the requirement of the page configuration information set by the user in a self-defining mode is detected, so that the page can be accurately created into a mode required by the user, and the accuracy of creating the page is improved.
The page configuration information and the data information of the plurality of components are modified or replaced, the replacement information corresponding to the data information of the plurality of components can be obtained from the database, or the modification information can be obtained according to the prompt, and the source data can be directly replaced or modified. Different data processing logic events can occur in different component combinations in the page, when one component field changes or triggers a click event, operation logic is performed, a data logic device is used for processing the logic event, and different data processing and method calling are performed, so that page configuration information and data information can be processed.
In some embodiments of the present application, creating a target page from page configuration information and data information of a plurality of components includes: determining that different data information exists in the data information of the plurality of components and the initial data information of the plurality of components according to the configuration information; replacing the initial data information of the corresponding position with the different data information to obtain the data information of the replaced multiple components; and generating target pages corresponding to the data information of the components.
In the process, the data is replaced according to different data information by comparing the source data information with the updated data information, so that the data updating time can be reduced, and the page creation efficiency is improved.
When the data information is modified, code conflict can occur, and resources are consumed by adopting integral replacement, so that the data information can be positioned to an updated position for replacement, the complexity of searching in a large number of files and codes is reduced, and the page deployment is more free and flexible while the functions are modified.
In some embodiments of the present application, after creating the target page from the page configuration information and the data information of the plurality of components, the method shown in fig. 1 further includes: the data information of each component in the target page is stored in the application container engine so that the data information of each component in the application container engine is directly called when the second target page is created.
In the process, the data information after development can be stored in the application container engine again in each development, and can be directly obtained from the application container engine when the data information is used in the subsequent development, so that the development time is reduced.
The data information of the components after each development can be packaged in the dock mirror image, and a user can call the components at any time, so that the components are convenient to deploy. The method not only enriches the deployment form, but also ensures that the application program is completely isolated from other containers in the container, and gives users certain control rights to modify the corresponding configuration.
In some embodiments of the present application, after creating the target page from the page configuration information and the data information of the plurality of components, the method shown in fig. 1 further includes: monitoring at least one of the component response time, the static resource loading time and the page data processing performance, and displaying abnormal information to a user when the component response time, the static resource loading time and the page data processing performance are abnormal.
In the process, the response time, the static resource loading time and the page data processing performance of the component are monitored through the monitoring function, so that errors in creating the page are avoided, and the efficiency of creating the page is improved.
After the abnormal information is displayed to the user, the user can select automatic repair or manual modification by himself, so that maintenance is completed on the system, and the accuracy of page creation is improved. For example, an event monitoring engine can be introduced to monitor the change of event actions and interaction scenes in component linkage, and mainly process data transmission, linkage refreshing, state judgment and logic arrangement among components, the change of the data linkage is subjected to data refreshing, and when one page data is submitted, the other page data is subjected to data backfilling, so that the relation mapping among the data is realized, and the method is popular and easy to understand.
In addition, pages are created by the method shown in FIG. 1, e.g., a single line text box component implementation, cssVars (theme style) attributes are created under a page (web page), css variables in the amis are dynamically updated using the cssVars attributes, and the data is stored in a database. The layout mode is set through flex, and the result returned by the back end is processed by calling the jslumb function in the component. And generating a link anchor point by combining jsplud to establish data association among the components, thereby completing page creation. Unlike traditional js call data, jspraud will create anchor points for connectors between components, thus determining the location, and hiding connection elements to optimize interfaces and dynamically associate interfaces. Compared with the traditional dragging assembly, the smoothness and the integrity are higher, the connection according to jsplud can not be interrupted, and free movement and operation functions are increased. And the component flow is more personalized, the connection style, the position and the end point of the component are all changeable, and the layout is richer compared with the traditional size and color change.
In the process shown in fig. 1, the data information of a plurality of components corresponding to the page configuration information of the front end and the page configuration information of the rear end is obtained, wherein the page configuration information comprises the configuration information of the plurality of components, the page configuration information is obtained through user-defined setting, and the data information of the plurality of components is stored in a database in advance; and creating a target page according to the page configuration information and the data information of the components. The method can directly acquire the data information of a plurality of components stored in the database through the user-defined page configuration information to finish the creation of the target page, avoids the problem that the creation of the page is finished through a large number of programming in the prior art, and can achieve the effect of improving the efficiency of creating the page.
The method for creating the page according to the embodiment of the present application is described in detail below with reference to fig. 2.
Referring to fig. 2, fig. 2 is a flowchart of a detailed method for creating a page according to an embodiment of the present application, where the detailed method for creating a page shown in fig. 2 includes:
step 210: and acquiring data information.
Specifically, data information of a plurality of components corresponding to the page configuration information of the front end and the page configuration information of the rear end is obtained.
Step 220: and processing data information.
Specifically, the page configuration information and the data information of the plurality of components are processed through the data logic device, so that the processed page configuration information and the processed plurality of data information corresponding to the plurality of components are obtained.
Step 230: the data fields and the data chains are configured.
Specifically, the data field and the data chain are configured for each component corresponding to the data information.
Step 240: and (5) integrating resources.
Specifically, resource integration is performed on the processed page configuration information and the processed plurality of data information, so as to obtain resource information of the target page.
Step 250: data linkage and data mapping.
Specifically, the data of the components are connected through the nodes, so that all the components in the interface are associated.
Step 260: a page is created.
Specifically, a target page is generated according to the integrated resources.
Step 270: and (5) monitoring resources.
Specifically, at least one of the response time of the component, the loading time of the static resource and the processing performance of the page data is monitored, and when the response time of the component, the loading time of the static resource and the processing performance of the page data are abnormal, abnormal information is displayed to a user.
In addition, the specific method and step shown in fig. 2 may refer to the method and step shown in fig. 1, which are not repeated herein.
The method for creating a page by integrating front-end and back-end resources according to the embodiment of the present application is described in detail below with reference to fig. 3.
Referring to fig. 3, fig. 3 is a flowchart of a method for creating a page by integrating front-end and back-end resources according to an embodiment of the present application, where the method for creating a page by integrating front-end and back-end resources shown in fig. 3 includes:
step 310: the page frame is configured.
Specific: and configuring frame information in the page configuration information.
Step 320: page styles and components are configured.
Specific: and configuring page components and component styles in the page configuration information.
Step 330: component data information is acquired.
Specific: acquiring page configuration information of a front end and data information of a plurality of components corresponding to the page configuration information of a rear end.
Step 340: and (5) data linkage.
Specific: and tracking interaction of page data, and linking data information according to the nodes.
Step 350: and (5) integrating resources.
Specific: and integrating the resources of the processed page configuration information and the processed data information to obtain the resource information of the target page.
Step 360: a target page is created.
And generating a target page according to the integrated resources.
In addition, the specific method and step shown in fig. 3 may refer to the method and step shown in fig. 1, which are not repeated herein.
The method of creating the page is described above by fig. 1 to 3, and the apparatus for creating the page is described below with reference to fig. 4 to 5.
Referring to fig. 4, a schematic block diagram of an apparatus 400 for creating a page provided in an embodiment of the present application, where the apparatus 400 may be a module, a program segment, or code on an electronic device. The apparatus 400 corresponds to the embodiment of the method of fig. 1 described above, and is capable of performing the steps involved in the embodiment of the method of fig. 1. The specific functions of the apparatus 400 will be described below, and detailed descriptions thereof will be omitted herein as appropriate to avoid redundancy.
Optionally, the apparatus 400 includes:
the acquiring module 410 is configured to acquire data information of a plurality of components corresponding to the page configuration information of the front end and the page configuration information of the rear end, where the page configuration information includes configuration information of the plurality of components, the page configuration information is obtained through user-defined setting, and the data information of the plurality of components is stored in a database in advance;
The creation module 420 is configured to create a target page according to the page configuration information and the data information of the plurality of components.
Optionally, the page configuration information includes:
at least one of page frame information, page component information, page style information, and component rendering information.
Optionally, the creating module is specifically configured to:
processing the page configuration information and the data information of the plurality of components through the data logic device to obtain processed page configuration information and processed plurality of data information corresponding to the plurality of components; performing resource integration on the processed page configuration information and the processed plurality of data information to obtain resource information of a target page; and generating a target page corresponding to the resource information.
Optionally, the creating module is specifically configured to:
the data logic device is used for carrying out information analysis on the page configuration information and the data information of the plurality of components, and determining whether the page configuration information and the data information of the plurality of components meet the requirement of the page configuration information set by a user in a self-defining way; under the condition that the page configuration information and the data information of the plurality of components meet the requirement of the page configuration information set by the user in a self-defining way, the page configuration information and the data information of the plurality of components are used as processed page configuration information and processed plurality of data information; under the condition that the page configuration information and the data information of the plurality of components are determined to not meet the requirement of the page configuration information set by the user in a self-defining way, the page configuration information and the data information of the plurality of components are modified or replaced to obtain the processed page configuration information and the processed plurality of data information.
Optionally, the acquiring module is specifically configured to:
acquiring page configuration information set by a user in a self-defining way, and creating a data collector for each of a plurality of components to obtain a plurality of data collectors; data information of a plurality of components is collected from the back end through a plurality of data collectors.
Optionally, the apparatus further includes:
the node creating module is used for creating a node of each component in the plurality of components before the acquiring module acquires the data information of the plurality of components corresponding to the page configuration information of the front end and the page configuration information of the rear end, wherein the node of each component is used for reconnecting the plurality of components through the node of each component and according to the connection when the positions of the plurality of components change.
Optionally, the apparatus further includes:
the storage module is used for storing the data information of each component in the target page in the application container engine after the creation module creates the target page according to the page configuration information and the data information of the plurality of components, so that the data information of each component in the application container engine is directly called when the second target page is created.
Optionally, the apparatus further includes:
The monitoring module is used for monitoring at least one of the response time of the component, the loading time of the static resource and the processing performance of the page data after the creation module creates the target page according to the page configuration information and the data information of the components, and displaying the abnormal information to the user when the response time of the component, the loading time of the static resource and the processing performance of the page data are abnormal.
Optionally, the creating module is specifically configured to:
determining that different data information exists in the data information of the plurality of components and the initial data information of the plurality of components according to the configuration information; replacing the initial data information of the corresponding position with the different data information to obtain the data information of the replaced multiple components; and generating target pages corresponding to the data information of the components.
Referring to fig. 5, a schematic block diagram of an apparatus 500 for creating a page according to an embodiment of the present application may include a memory 510 and a processor 520. Optionally, the apparatus may further include: a communication interface 530 and a communication bus 540. The apparatus corresponds to the embodiment of the method of fig. 1 described above, and is capable of performing the steps involved in the embodiment of the method of fig. 1, and specific functions of the apparatus may be found in the following description.
In particular, the memory 510 is used to store computer readable instructions.
Processor 520, for processing the memory-stored readable instructions, is capable of performing the various steps in the method of fig. 1.
A communication interface 530 for communicating signaling or data with other node devices. For example: for communication with a server or terminal, or with other device nodes, the embodiments of the application are not limited in this regard.
A communication bus 540 for implementing direct connection communication of the above components.
The communication interface 530 of the device in the embodiment of the present application is used for performing signaling or data communication with other node devices. The memory 510 may be a high-speed RAM memory or a non-volatile memory (non-volatile memory), such as at least one disk memory. Memory 510 may also optionally be at least one storage device located remotely from the aforementioned processor. The memory 510 has stored therein computer readable instructions which, when executed by the processor 520, perform the method process described above in fig. 1. Processor 520 may be used on apparatus 400 and to perform the functions herein. By way of example, the processor 520 described above may be a general purpose processor, a digital signal processor (Digital Signal Processor, DSP), an application specific integrated circuit (Application Specific Integrated Circuit, ASIC), an off-the-shelf programmable gate array (Field Programmable Gate Array, FPGA) or other programmable logic device, discrete gate or transistor logic device, discrete hardware components, and the embodiments are not limited in this regard.
Embodiments of the present application also provide a readable storage medium, which when executed by a processor, performs a method process performed by an electronic device in the method embodiment shown in fig. 1.
It will be clear to those skilled in the art that, for convenience and brevity of description, reference may be made to the corresponding procedure in the foregoing method for the specific working procedure of the apparatus described above, and this will not be repeated here.
In summary, the embodiments of the present application provide a method, an apparatus, an electronic device, and a readable storage medium for creating a page, where the method includes obtaining page configuration information of a front end and data information of a plurality of components corresponding to the page configuration information of a rear end, where the page configuration information includes configuration information of the plurality of components, the page configuration information is obtained through user-defined setting, and the data information of the plurality of components is stored in a database in advance; and creating a target page according to the page configuration information and the data information of the components. By the method, the effect of improving the efficiency of page creation can be achieved.
In the several embodiments provided in this application, it should be understood that the disclosed apparatus and method may be implemented in other manners as well. The apparatus embodiments described above are merely illustrative, for example, flow diagrams and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of apparatus, methods and computer program products according to various embodiments of the present application. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
In addition, the functional modules in the embodiments of the present application may be integrated together to form a single part, or each module may exist alone, or two or more modules may be integrated to form a single part.
The functions, if implemented in the form of software functional modules and sold or used as a stand-alone product, may be stored in a computer-readable storage medium. Based on such understanding, the technical solution of the present application may be embodied essentially or in a part contributing to the prior art or in a part of the technical solution, in the form of a software product stored in a storage medium, including several instructions for causing a computer device (which may be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the methods described in the embodiments of the present application. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read-Only Memory (ROM), a random access Memory (RAM, random Access Memory), a magnetic disk, or an optical disk, or other various media capable of storing program codes.
The foregoing is merely exemplary embodiments of the present application and is not intended to limit the scope of the present application, and various modifications and variations may be suggested to one skilled in the art. Any modification, equivalent replacement, improvement, etc. made within the spirit and principles of the present application should be included in the protection scope of the present application. It should be noted that: like reference numerals and letters denote like items in the following figures, and thus once an item is defined in one figure, no further definition or explanation thereof is necessary in the following figures.
The foregoing is merely specific embodiments of the present application, but the scope of the present application is not limited thereto, and any person skilled in the art can easily think about changes or substitutions within the technical scope of the present application, and the changes and substitutions are intended to be covered by the scope of the present application. Therefore, the protection scope of the present application shall be subject to the protection scope of the claims.
It is noted that relational terms such as first and second, and the like are used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Moreover, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element.

Claims (12)

1. A method of creating a page, comprising:
acquiring page configuration information of a front end and data information of a plurality of components corresponding to the page configuration information of a rear end, wherein the page configuration information comprises configuration information of the plurality of components, the page configuration information is obtained through user-defined setting, and the data information of the plurality of components is stored in a database in advance;
and creating a target page according to the page configuration information and the data information of the components.
2. The method of claim 1, wherein the page configuration information comprises:
at least one of page frame information, page component information, page style information, and component rendering information.
3. The method of claim 1 or 2, wherein the creating a page from the page configuration information and the data information of the plurality of components comprises:
processing the page configuration information and the data information of the plurality of components through a data logic device to obtain processed page configuration information and processed plurality of data information corresponding to the plurality of components;
performing resource integration on the processed page configuration information and the processed plurality of data information to obtain resource information of a target page;
And generating the target page corresponding to the resource information.
4. The method of claim 3, wherein the processing, by the data logic, the page configuration information and the data information of the plurality of components to obtain processed page configuration information and processed plurality of data information corresponding to the plurality of components includes:
the data logic device analyzes the page configuration information and the data information of the components to determine whether the page configuration information and the data information of the components meet the requirement of the page configuration information set by the user in a self-defining way;
under the condition that the page configuration information and the data information of the plurality of components meet the requirement of the page configuration information set by the user in a self-defining way, the page configuration information and the data information of the plurality of components are used as the processed page configuration information and the processed plurality of data information;
and under the condition that the page configuration information and the data information of the plurality of components are determined to not meet the requirement of the page configuration information set by the user in a self-defining way, modifying or replacing the page configuration information and the data information of the plurality of components to obtain the processed page configuration information and the processed plurality of data information.
5. The method according to claim 1 or 2, wherein the obtaining the page configuration information of the front end and the data information of the plurality of components corresponding to the page configuration information of the back end includes:
acquiring the page configuration information set by the user in a user-defined manner, and creating a data collector for each of the plurality of components to obtain a plurality of data collectors;
and acquiring data information of the plurality of components from the back end through the plurality of data collectors.
6. The method according to claim 1 or 2, wherein before the acquiring the page configuration information of the front end and the data information of the plurality of components corresponding to the page configuration information of the back end, the method further comprises:
and creating a node of each component in the plurality of components, wherein the node of each component is used for reconnecting the plurality of components through the node of each component and according to the connection when the positions of the plurality of components change.
7. The method according to claim 1 or 2, wherein after said creating a target page from said page configuration information and data information of said plurality of components, said method further comprises:
And storing the data information of each component in the target page in an application container engine so as to directly call the data information of each component in the application container engine when the second target page is created.
8. The method according to claim 1 or 2, wherein after said creating a target page from said page configuration information and data information of said plurality of components, said method further comprises:
monitoring at least one of component response time, static resource loading time and page data processing performance, and displaying abnormal information to the user when the component response time, the static resource loading time and the page data processing performance are abnormal.
9. The method according to claim 1 or 2, wherein the creating a target page from the page configuration information and the data information of the plurality of components comprises:
according to the configuration information, determining that different data information exists in the data information of the plurality of components and the initial data information of the plurality of components;
replacing the initial data information of the corresponding position with the different data information to obtain data information of a plurality of replaced components;
And generating the target page corresponding to the data information of the components.
10. An apparatus for creating a page, comprising:
the system comprises an acquisition module, a database and a storage module, wherein the acquisition module is used for acquiring page configuration information of a front end and data information of a plurality of components corresponding to the page configuration information of a rear end, the page configuration information comprises configuration information of the plurality of components, the page configuration information is obtained through user-defined setting, and the data information of the plurality of components is stored in the database in advance;
and the creation module is used for creating a target page according to the page configuration information and the data information of the components.
11. An electronic device, comprising:
a memory and a processor, the memory storing computer readable instructions that, when executed by the processor, perform the steps in the method of any of claims 1-9.
12. A computer-readable storage medium, comprising:
computer program which, when run on a computer, causes the computer to perform the method according to any one of claims 1-9.
CN202211476641.5A 2022-11-23 2022-11-23 Method, device and equipment for creating page and readable storage medium Pending CN116088833A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202211476641.5A CN116088833A (en) 2022-11-23 2022-11-23 Method, device and equipment for creating page and readable storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202211476641.5A CN116088833A (en) 2022-11-23 2022-11-23 Method, device and equipment for creating page and readable storage medium

Publications (1)

Publication Number Publication Date
CN116088833A true CN116088833A (en) 2023-05-09

Family

ID=86199932

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202211476641.5A Pending CN116088833A (en) 2022-11-23 2022-11-23 Method, device and equipment for creating page and readable storage medium

Country Status (1)

Country Link
CN (1) CN116088833A (en)

Similar Documents

Publication Publication Date Title
US10824691B2 (en) Page rendering method, device, and data storage medium
US9158518B2 (en) Collaborative application development environment using a connected device
CN108984172B (en) Interface file generation method and device
US20090063999A1 (en) Graphical authoring and editing of mark-up language sequences
US20130073994A1 (en) Web-based workflow service visualization and navigation
KR102016161B1 (en) Method and system for simplified knowledge engineering
Masiello et al. Mastering React Native
US20200150937A1 (en) Advanced machine learning interfaces
Halliday Vue. js 2 Design Patterns and Best Practices: Build enterprise-ready, modular Vue. js applications with Vuex and Nuxt
Snell et al. Microsoft Visual Studio 2012 Unleashed: Micro Visua Studi 2012 Unl_p2
US10229096B1 (en) Automatic generation of a presentation from code based on analysis of an intermediate version of the code
Freeman Pro react 16
US20100192167A1 (en) Graphical user interface generation through use of a binary file
CN112015410A (en) Webpage editing method, device and system and computer storage medium
CA3203793C (en) System and method for real-time, dynamic creation, delivery, and use of customizable web applications
Khan et al. A retargetable model-driven framework for the development of mobile user interfaces
CN116088833A (en) Method, device and equipment for creating page and readable storage medium
CN112631585B (en) XML-based rapid parameter interface configuration method
Huang Qt 5 Blueprints
Nayrolles Angular Design Patterns: Implement the Gang of Four patterns in your apps with Angular
Yuen Mastering Windows Presentation Foundation: Build responsive UIs for desktop applications with WPF
Pitt React Components
CN112199097B (en) Installation package generation method, installation package generation device, computer equipment and storage medium
CN111694723B (en) Method for editing nodes and components when product runs under H5 and storage medium
CN116595284B (en) Webpage system operation method, device, equipment, storage medium and program

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