CN115114556A - Method and device for creating page - Google Patents
Method and device for creating page Download PDFInfo
- Publication number
- CN115114556A CN115114556A CN202210846719.1A CN202210846719A CN115114556A CN 115114556 A CN115114556 A CN 115114556A CN 202210846719 A CN202210846719 A CN 202210846719A CN 115114556 A CN115114556 A CN 115114556A
- Authority
- CN
- China
- Prior art keywords
- configuration information
- component
- page
- document
- dynamic
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The method and the device for creating the page are characterized in that a creator of the page executes operations of creating a page selection component and configuration information on a terminal, the selected component comprises at least one dynamic component to realize the creation of the dynamic page, a server analyzes and identifies according to the configuration information to obtain a first document which can be identified by the page, a second document which can be identified by the page can be obtained by further converting a dynamic data block corresponding to dynamic content, and the two documents are combined to obtain the dynamic page created by the creator.
Description
Technical Field
The present application relates to the field of information technology, and more particularly, to a method and an apparatus for creating a page.
Background
A dynamic page is a page that can provide personalized web content to a user according to different requests made by the user. Moreover, the content of the dynamic page exists in the database, and compared with the static page existing on the page, the dynamic page can greatly reduce the workload of website maintenance.
In the prior art, in the process of creating a dynamic page, adding a static component is realized by dragging, adjusting the component style is realized by configuring or writing a code, and adding dynamic content is realized by writing a code.
In the process, the creator needs to learn html technology required by the code and write the code, and the requirement on the creator is high.
Disclosure of Invention
In view of the above, the present application provides a method for creating a page, including:
a method for creating a page, which is applied to a server, comprises the following steps:
receiving configuration information transmitted by a terminal, wherein the configuration information at least comprises at least one component in a page to be created and the configuration information, and the at least one component at least comprises a dynamic component;
analyzing the configuration information to obtain a first document and a dynamic data block which can be identified by a webpage;
converting the dynamic data block into a second document which can be identified by the webpage;
and obtaining a target document corresponding to the page to be created according to the first document and the second document.
Optionally, in the method, the analyzing the configuration information to obtain a first document and a dynamic data block that are recognizable to the web page includes:
converting the non-dynamic component and the configuration information into a first document in a hypertext markup language format based on a preset first conversion rule;
and converting the dynamic components and the configuration information into dynamic data blocks of the five-star cloud based on a preset first conversion rule.
Optionally, the method for converting the dynamic data block into a second document recognizable by the web page includes:
and converting the dynamic data blocks of the five-star cloud into a second document which can be identified by the webpage based on a second conversion rule.
Optionally, in the method, after receiving the configuration information transmitted by the terminal, before analyzing the configuration information to obtain a first document and a dynamic data block that are recognizable to a web page, the method further includes:
analyzing the configuration information to obtain the configuration information of the typesetting components and the configuration information of the non-typesetting components in the page to be created;
storing the configuration information of the typesetting component in a first data table;
and storing the configuration information of the non-typesetting component into a second data table.
Optionally, in the method, the analyzing the configuration information to obtain a first document and a dynamic data block that are recognizable to a web page includes:
according to the table entry content, configuration information is sequentially obtained from the first data table and the second data table, and the first table entry in the second data table stores the dynamic component and the configuration information;
based on a preset first conversion rule, converting the table entry content in the first data table into a hypertext markup language format, and converting the table entry content of other table entries except the first table entry in the second data table into the hypertext markup language format to obtain a first document;
and converting the table item contents of the first table item in the second data table into a dynamic data block of the five-star cloud based on a preset first conversion rule.
Optionally, the converting the dynamic data block into a second document recognizable by a web page includes:
based on the configuration information of the dynamic component, calling target information of a data block model corresponding to the dynamic data block;
and converting the target information into a second document in a hypertext markup language format.
A method for creating a page is applied to a terminal, and comprises the following steps:
controlling to display a page to be created and at least two component options in a display screen in response to an operation of creating the page performed by a user;
in response to a dragging operation performed by a user, selecting at least one component to be displayed in a target area of the page to be created, wherein the at least one component at least comprises one dynamic component;
receiving configuration information for the at least one component;
and transmitting the component and the configuration information to a server so that the server generates a target document corresponding to the page to be created based on the component and the configuration information.
An apparatus for creating a page, applied to a server, the apparatus comprising:
the system comprises a receiving module, a sending module and a receiving module, wherein the receiving module is used for receiving configuration information transmitted by a terminal, the configuration information at least comprises at least one component in a page to be created and the configuration information, and the at least one component at least comprises one dynamic component;
the analysis module is used for analyzing the configuration information to obtain a first document and a dynamic data block which can be identified by a webpage;
the conversion module is used for converting the dynamic data block into a second document which can be identified by the webpage;
and the merging module is used for obtaining a target document corresponding to the page to be created according to the first document and the second document.
The above apparatus, optionally, further comprises:
the storage module is used for analyzing the configuration information to obtain the configuration information of the typesetting assembly and the configuration information of the non-typesetting assembly in the page to be created; storing the configuration information of the typesetting component in a first data table; and storing the configuration information of the non-typesetting component into a second data table.
An apparatus for creating a page, applied to a terminal, the apparatus comprising:
the display control module is used for responding to the operation of creating the page executed by the user and controlling the page to be created and at least two component options to be displayed in the display screen; and responding to a dragging operation executed by a user, and selecting at least one component to be displayed in a target area of the page to be created, wherein the at least one component at least comprises one dynamic component;
and the transmission module is used for receiving the configuration information of the at least one component option and transmitting the component and the configuration information to the server so that the server generates a target document corresponding to the page to be created based on the component and the configuration information.
According to the technical scheme, a creator of the page executes operations of creating a page selection component and configuration information on the terminal, the selected component comprises at least one dynamic component to achieve creation of the dynamic page, the server analyzes and identifies according to the configuration information to obtain a first document which can be identified by the webpage, a second document which can be identified by the webpage can be obtained by further converting a dynamic data block corresponding to the dynamic content, and the two documents are combined to obtain the dynamic page created by the creator.
Drawings
In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings needed to be used in the description of the embodiments are briefly introduced below, and it is obvious that the drawings in the following description are only embodiments of the present application, and it is obvious for those skilled in the art to obtain other drawings based on the provided drawings without creative efforts.
Fig. 1 is a flowchart of embodiment 1 of a method for creating a page provided by the present application;
fig. 2 is a schematic connection diagram between a server and a terminal in embodiment 1 of a method for creating a page provided by the present application;
fig. 3 is a schematic diagram of a user operation in a terminal according to embodiment 1 of a method for creating a page provided by the present application;
FIG. 4 is a flowchart of embodiment 2 of a method for creating a page provided by the present application;
FIG. 5 is a flowchart of embodiment 3 of a method for creating a page provided by the present application;
FIG. 6 is a flowchart of embodiment 4 of a method for creating a page provided by the present application;
FIG. 7 is a flowchart of embodiment 5 of a method for creating a page provided by the present application;
FIG. 8 is a flowchart of embodiment 6 of a method for creating a page provided by the present application;
FIG. 9 is a schematic structural diagram of an embodiment 1 of an apparatus for creating a page provided by the present application;
fig. 10 is a schematic structural diagram of an apparatus embodiment 2 for creating a page provided by the present application.
Detailed Description
The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only a part of the embodiments of the present application, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
As shown in fig. 1, a flowchart of embodiment 1 of a method for creating a page provided by the present application is applied to a server, and the method includes the following steps:
step S101: receiving configuration information transmitted by a terminal;
the configuration information at least comprises at least one component in the page to be created and the configuration information, and the at least one component at least comprises one dynamic component.
Wherein the server is connected to one or more terminals.
It should be noted that the configuration information transmitted by the terminal may be sent in batches, and the user performs the operation of creating the page in the terminal, and sends the configuration information once every time a component is added to the page to be created and the configuration information.
It should be noted that vue dynamic rendering components are provided in the server, and when the user configures the components, the components are rendered in real time and presented to the user for the configured effect of the components.
Fig. 2 is a schematic diagram of a connection between a server and a terminal, and includes a server 201 and a plurality of terminals 202, where the terminals receive user operations to generate configuration information and send the configuration information to the server, so that the server executes the scheme in the embodiment.
It should be noted that two terminals are used in fig. 2, and in an implementation, the present invention is not limited to this, and one or more terminals may be connected to one server.
The user operates the terminal, and executes the creation of the page and the configuration operation of the components in the configuration page.
Specifically, the server receives configuration information transmitted by the terminal, where the configuration information includes a page to be created, at least one component therein, and configuration information thereof.
The components in the page to be created at least comprise one dynamic component, and correspondingly, the page is a dynamic page.
The components in the page to be created comprise a basic component, a typesetting component, a business component, a content component, a high-level component and the like.
The typesetting component is mainly responsible for the format of the page; the basic components are elements in the page and can be placed in the typesetting components; the business components are mainly forms and the like; the content assembly mainly comprises a dynamic model classification data block, a model information data block and a data block consisting of static designated information, and if the assembly uses dynamic content, the assembly is used as a dynamic assembly, and dynamic rendering and real-time updating can be performed when the assembly is rendered.
For example, the composition components include free containers, banners, landscape tabs, portrait tabs, etc., the basic group prices include text, pictures, buttons, video, etc., the advanced components include navigation, picture banner (web navigation picture), breadcrumb navigation, web logo (logo), search, etc.
The configuration information corresponding to different components is also different, for example, the text components serving as basic components have the main configuration information of text content, font size, font style, line height, color, bolding, inclination, alignment mode, and the like; in the case of a picture assembly, the main configuration information is the selection of a picture, picture shape, opacity, alt description of a picture, set links, etc.
Step S102: analyzing the configuration information to obtain a first document and a dynamic data block which can be identified by a webpage;
after receiving the configuration information of the page to be created, the server performs preliminary analysis on the configuration information to obtain a first document and a dynamic data block which can be identified by the webpage.
The document recognizable by the web page is html (HyperText Markup Language) document.
Specifically, in the process of preliminary parsing the configuration information, the server cannot parse a dynamic component containing dynamic content to obtain a document identifiable by a web page.
Step S103: converting the dynamic data block into a second document which can be identified by the webpage;
in this embodiment, the server further converts the dynamic data block that is not analyzed, and obtains a second document that is recognizable by the web page.
Specifically, an elastic search is arranged in the server, and the main application of the elastic search is to analyze dynamic content components (dynamic data blocks), and the dynamic data blocks are analyzed into html-format documents more quickly and better by virtue of the strong search analysis capability of the elastic search.
The Elasticissearch is a distributed extensible real-time search and analysis engine, and a search engine built on the basis of a full-text search engine Apache Lucene (TM).
Specifically, based on the elastic search, the server further analyzes and converts the dynamic data block to obtain a second document in the html format.
Step S104: and obtaining a target document corresponding to the page to be created according to the first document and the second document.
And combining the first document and the second document to obtain a target document corresponding to the page to be created.
The target document includes configuration information of all components in the created page, the page to be created is a dynamic page, and correspondingly, the target document is a html document of the dynamic page.
And inserting the second document into the first document to realize combination to obtain a target document.
Specifically, the second document is inserted into the corresponding position in the first document based on the setting position of the dynamic component in the page and the relative position relationship between the dynamic component and other components in the page.
According to the scheme, a user only needs to drag the component option on the display interface at the terminal for configuration, the process of writing codes is not needed, and the process of converting the components into the codes is executed by the server.
As shown in fig. 3, which is a schematic diagram of user operation in the terminal related in this embodiment, in which the terminal displays a page 301 and component options 302 and 304, a user may add a component to a target position 305 of the page by dragging the component options, and a dashed arrow in the diagram indicates a dragged route without writing a code.
It should be noted that the page created in this embodiment includes a dynamic component of dynamic data, and the page is used as a dynamic page, supports dynamic update, and implements automatic update.
In summary, in the method for creating a page provided by this embodiment, a creator of the page executes operations of creating a page selection component and configuration information at a terminal, where the selected component includes at least one dynamic component to implement creating the dynamic page, and a server performs parsing and identification according to the configuration information to obtain a first document identifiable by the web page, and further converts a dynamic data block corresponding to the dynamic content to obtain a second document identifiable by the web page, and combines the two documents to obtain the dynamic page created by the creator.
As shown in fig. 4, a flowchart of embodiment 2 of a method for creating a page provided by the present application is applied to a server, and the method includes the following steps:
step S401: receiving configuration information of a page to be created, which is transmitted by a terminal;
step S401 is the same as step S101 in embodiment 1, and details are not described in this embodiment.
Step S402: converting the non-dynamic component and the configuration information into a first document in a hypertext markup language format based on a preset first conversion rule;
the server is provided with conversion rules, wherein the first conversion rules are used for primarily converting the configuration information of the page to be created.
Specifically, the first conversion rule can convert the non-dynamic component and the configuration information to obtain a first document in a hypertext markup language format.
Wherein, the first conversion rule converts the basic component, the typesetting component, the business component, the content component (only containing the content component of the non-dynamic content), the high-level component and the like.
Wherein, the first document contains the content of the html element.
Step S403: converting the dynamic component and the configuration information into a dynamic data block of the five-star cloud based on a preset first conversion rule;
wherein the content in the dynamic component is automatically updated following background data changes.
For example, a content component is configured, the rule is the latest 10 news, and when a piece of news information is newly published in the background, the latest news information is automatically displayed.
Specifically, the content configured by the user is converted into a dynamic data block identifier which can be analyzed by the five-star cloud plug-in, and the dynamic data block identifier is an identifier which can be analyzed by the five-star cloud plug-in according to a syntax rule specified in the five-star cloud.
Such as: the dynamic block identification is { { Material. id _617f9011c5d9593e86132dfa }
Step S404: converting the dynamic data block into a second document which can be identified by the webpage based on a second conversion rule;
wherein, the second conversion rule is a grammar rule formulated inside the five-star cloud.
Specifically, according to a grammar rule formulated inside the five-star cloud, the dynamic data block identification of the five-star cloud is converted, and the content in the html format is converted.
For example, a user configures a content component (the content component is a dynamic data block) in a page, the rule is to call the latest 10 news items for display, and after two times of analysis and conversion, specifically, the first analysis and conversion adopts a first conversion rule, and the second analysis and conversion adopts a second conversion rule.
After the first parse, this component is parsed as:
{{Materiel.id_617f9011c5d9593e86132dfa}}。
the content after the first parsing comprises html elements such as div and css and dynamic data blocks (such as { { material.id _617f9011c5d9593e86132dfa } }) of the five-star cloud (at this time, the browser cannot read and understand the line of codes, and the browser can parse html documents).
In the second analysis, the dynamic data block identification of the five-star cloud is mainly converted into the content in the html format, and the rules of the two analyses are different.
Step S405: and obtaining a target document corresponding to the page to be created according to the first document and the second document.
Step S405 is the same as step S104 in embodiment 1, and details are not described in this embodiment.
In summary, in the method for creating a page provided by this embodiment, based on a preset first conversion rule, a non-dynamic component and configuration information are converted into a first document in a hypertext markup language format, and a dynamic component and configuration information are converted into a dynamic data block of a five-star cloud; and converting the dynamic data blocks of the five-star cloud into a second document which can be identified by the webpage based on a second conversion rule. In the scheme, through two times of conversion, the configuration information of the dynamic component contained in the page to be created is converted to obtain the document which can be identified by the webpage, and the user does not need to manually input the html document.
As shown in fig. 5, a flowchart of embodiment 3 of a method for creating a page provided by the present application is applied to a server, and the method includes the following steps:
step S501: receiving configuration information transmitted by a terminal;
step S501 is the same as step S101 in embodiment 1, and details are not described in this embodiment.
Step S502: analyzing the configuration information to obtain the configuration information of the typesetting components and the configuration information of the non-typesetting components in the page to be created;
after receiving the configuration information transmitted by the terminal, performing preliminary analysis on the configuration information to obtain configuration data of the typesetting component and configuration data of other components in the page to be created.
The outermost layer (the first layer) of each page is a typesetting assembly, and other assemblies are arranged in the typesetting assembly of the first layer.
Specifically, the layout component is used for controlling the layout and is used for dividing the regions of the page. The layout can be provided with basic components, content components, advanced components and the like.
Step S503: storing the configuration information of the typesetting assembly into a first data table;
step S504: storing the configuration information of the non-typesetting component into a second data table;
the database is provided with a first data table and a second data table, and the configuration information obtained through analysis is stored in the corresponding data tables.
Firstly, the configuration information of the first layer typesetting components in a page is stored into a first data table, and then all the components (including basic components, content components, high-level components and the like) at each level in each first layer typesetting component and the configuration information thereof are stored into a second data table.
Specifically, the first data table includes various configuration information of the composition component, such as size and position information of a free container, a full bar, a horizontal tab, a vertical tab, and the like.
Specifically, the second data table includes components at different levels and configuration information thereof, such as text components, where the configuration information includes text content, font size, font style, row height, and the like, and is used as the content of each entry of the data table according to different information in the configuration information of different components.
Shown in table 1 below is a first data table example.
TABLE 1
Shown in table 2 below is a second data table example.
TABLE 2
It should be noted that, table 1 and table 2 are only examples of the first data table and the second data table, and in a specific implementation, entries and contents of the first data table and the second data table may be set according to circumstances, and are not limited thereto.
Step S505: analyzing the configuration information to obtain a first document and a dynamic data block which can be identified by a webpage;
step S506: converting the dynamic data block into a second document which can be identified by a webpage;
step S507: and obtaining a target document corresponding to the page to be created according to the first document and the second document.
Steps S505 to 507 are the same as steps S102 to 104 in embodiment 1, and are not described in detail in this embodiment.
In summary, the method for creating a page provided in this embodiment includes: analyzing the configuration information to obtain the configuration information of the typesetting assembly and the configuration information of the non-typesetting assembly in the page to be created; storing the configuration information of the typesetting component in a first data table; and storing the configuration information of the non-typesetting component into a second data table. According to the scheme, the configuration information of each component in the page to be created is distributed and stored in different data tables according to the difference between the first layer and the components arranged in the first layer, so that a basis is provided for subsequent analysis processing, and the analysis efficiency is improved.
As shown in fig. 6, a flowchart of embodiment 4 of a method for creating a page provided by the present application is applied to a server, and the method includes the following steps:
step S601: receiving configuration information transmitted by a terminal;
step S602: analyzing the configuration information to obtain the configuration information of the typesetting components and the configuration information of the non-typesetting components in the page to be created;
step S603: storing the configuration information of the typesetting component in a first data table;
step S604: storing the configuration information of the non-typesetting component in a second data table;
s601-604 are not consistent with steps S501-504 in embodiment 3, and details are not described in this embodiment.
Step S605: according to the table entry content, sequentially acquiring configuration information from the first data table and the second data table;
wherein the first entry in the second data table stores the dynamic content component and the configuration information.
The first data table stores the configuration information of the typesetting components, and the second data table stores the configuration information of other components except the typesetting components.
Specifically, according to the arrangement mode of each entry in the first data table and the second data table, the corresponding configuration information is sequentially obtained from each entry in the first data table and the second data table.
Step S606: based on a preset first conversion rule, converting the table entry content in the first data table into a hypertext markup language format, and converting the table entry content of other table entries except the first table entry in the second data table into the hypertext markup language format to obtain a first document;
based on the first conversion rule, the contents of each table entry in the first data table are converted into an html format, the contents of the table entries corresponding to the other components except the dynamic content component in the second data table are converted into html, and the html contents are obtained by converting the two parts to obtain a first document.
Specifically, the content in the first document is div and css, which are content that can be recognized by the browser.
The configuration stored in the first data table and the second data table is information for configuring the components in the webpage by the user.
For example, the user adds a column layout in the page, adds a text component into the column layout, and sets the content of the text component as "i is a text component", the font size is set as 20, and the color is set as red. And sending the configuration information to a background server, and converting the configuration information into an html document which can be recognized by a browser, wherein the content in the html document is div and css.
Step S607: based on a preset first conversion rule, converting the table item content of the first table item in the second data table into a dynamic data block of the five-star cloud;
the second data table stores the configuration information of the dynamic component in the first table entry, and the content in the first table entry is converted.
The first conversion rule converts the table entry content of the first table entry to obtain a dynamic data block of the five-star cloud, and the dynamic data block is an html document which cannot be analyzed by a browser and needs to be further processed subsequently.
In specific implementation, an identifier may be added to the first entry of the second data table, the entry having the identifier is converted into a dynamic data block of a five-star cloud, and other entries not having the identifier are converted into html-format documents.
Step S608: converting the dynamic data block into a second document which can be identified by the webpage based on a second conversion rule;
step S609: and obtaining a target document corresponding to the page to be created according to the first document and the second document.
Steps S608 to 609 are the same as steps S506 to 507 in embodiment 3, and are not described in detail in this embodiment.
In summary, the method for creating a page provided by this embodiment includes: according to the table entry content, configuration information is sequentially obtained from the first data table and the second data table, and the first table entry in the second data table stores the dynamic component and the configuration information; based on a preset first conversion rule, converting the table entry content in the first data table into a hypertext markup language format, converting the table entry content of other table entries except the first table entry in the second data table into the hypertext markup language format to obtain a first document, and converting the table entry content of the first table entry in the second data table into a dynamic data block of the five-star cloud. In the scheme, the contents of each table entry in the two data tables are converted based on a preset first conversion rule, wherein the table entry contents of the first table entry in the second data table are converted into dynamic data blocks of the five-star cloud so as to be processed again later, other table entries in the second data table and the contents of each table entry in the first data table are converted into html format to obtain a first document, and the configuration information of the dynamic component and the configuration information of the non-dynamic component are respectively converted.
As shown in fig. 7, a flowchart of embodiment 5 of a method for creating a page provided by the present application is applied to a server, and the method includes the following steps:
step S701: receiving configuration information of a page to be created, which is transmitted by a terminal;
step S702: converting the non-dynamic component and the configuration information into a first document in a hypertext markup language format based on a preset first conversion rule;
step S703: converting the dynamic component and the configuration information into a dynamic data block of the five-star cloud based on a preset first conversion rule;
steps S701 to 703 are the same as steps S401 to 403 in embodiment 2, and are not described in detail in this embodiment.
Step S704: based on the configuration information of the dynamic component, calling target information of a data block model corresponding to the dynamic data block;
and converting the dynamic data block of the five-star cloud to obtain a second document, and combining the actual situation of the dynamic component.
Specifically, a database is arranged in the server, the database includes various data block models, and information corresponding to each data block model is different.
And calling a data block model corresponding to the dynamic data block from a database according to the configuration information of the dynamic component, and acquiring target information corresponding to the data block model.
For example, in the dynamic component, if the configuration information is the latest 10 news items, it is determined that the configuration information corresponds to 10 news models based on the 10 news items of configuration information, and the latest 10 news items are searched from the database.
Step S705: converting the target information into a second document in a hypertext markup language format;
and converting the target information obtained by calling from the database in the step into a hypertext markup language format to obtain a second document.
Specifically, the rule of the conversion may adopt a preset first conversion rule.
It should be noted that, for converting the dynamic data block of the five-star cloud into the second document, two steps of performing data query and converting the configured dynamic data block into html are mainly implemented, and the converted content is the html document.
Step S706: and obtaining a target document corresponding to the page to be created according to the first document and the second document.
Step S706 is the same as step S405 in embodiment 1, and is not described in detail in this embodiment.
In summary, the method for creating a page provided by this embodiment includes: based on the configuration information of the dynamic component, calling target information of a data block model corresponding to the dynamic data block; and converting the target information into a second document in a hypertext markup language format based on a preset first conversion rule. In the scheme, the dynamic data blocks of the five-star cloud are converted into the second document, the two steps of data query and html conversion are carried out on the configured dynamic data blocks, and the process is simple and easy to implement.
As shown in fig. 8, for the flowchart of embodiment 6 of the method for creating a page provided by the present application, the method is applied to a terminal, and the method includes the following steps:
step S801: controlling to display a page to be created and at least two component options in a display screen in response to an operation of creating the page performed by a user;
the user inputs the operation of creating the page in an input device of the terminal, and the terminal responds to the operation and controls the page to be created and the plurality of component options to be displayed in the display screen.
Specifically, the plurality of component options are arranged adjacent to the page to be created in the display screen.
Step S802: selecting at least one component to be displayed in a target area in the page to be created in response to a dragging operation performed by a user;
wherein the at least one component comprises at least one dynamic component;
the user executes dragging operation through an input device of the terminal, so that the component options displayed in the control display screen are dragged to the area where the page is located.
Specifically, the terminal analyzes the dragging operation executed by the user, determines a component displayed corresponding to the area to which the initial position of the dragging operation belongs, determines a target area of the page displayed corresponding to the end position of the dragging operation, and copies the component displayed corresponding to the initial position to the target area in the page.
The components involved in the dragging operation comprise dynamic components and non-dynamic components, the dynamic components are arranged in the created page, and the page is a dynamic page.
Step S803: receiving configuration information for the at least one component;
after a certain component is controlled to be displayed in a target area in a page, a dialog box of configuration information is popped up in a display screen of the terminal, and a user inputs the configuration information of the component through the dialog box.
Wherein, the configuration information of different components is different.
Step S804: and transmitting the component and the configuration information to a server so that the server generates a target document corresponding to the page to be created based on the component and the configuration information.
The terminal transmits the selected at least one component and the configuration information thereof to the server, and the server performs conversion processing based on the component and the configuration information to obtain a target document corresponding to the page.
Specifically, the server performs the conversion process to obtain the target document, referring to the embodiment of the page creating method applied to the server side.
For example, the user adds a column layout in the page, adds a text component into the column layout, and sets the content of the text component as "i is a text component", the font size is set as 20, and the color is set as red. The configuration information is sent to a server, and the server records the configuration information and converts the configuration information to achieve the conversion of the configuration information into the html format. And when the webpage is created, the effect of the user component configuration is presented, so that the user can conveniently know the condition of the webpage configuration, the user does not need to program, and the use threshold of the user is reduced.
It should be noted that vue dynamic rendering components are provided in the server, and when the user configures the components, the components are rendered in real time and presented to the user for the configured effect of the components.
In summary, the method for creating a page provided by this embodiment includes: controlling to display a page to be created and at least two component options in a display screen in response to an operation of creating the page performed by a user; in response to a dragging operation performed by a user, selecting at least one component to be displayed in a target area of the page to be created, wherein the at least one component at least comprises one dynamic component; receiving configuration information for the at least one component; and transmitting the component and the configuration information to a server so that the server generates a target document corresponding to the page to be created based on the component and the configuration information. In the scheme, the user only needs to execute the operation of dragging the visual form in the display content in the display screen of the terminal, code editing is not needed, the use threshold of the user is reduced, and the time for creating the page is saved.
Corresponding to the embodiment of the method for creating the page provided by the application, the application also provides an embodiment of a device for applying the method for creating the dynamic page.
Fig. 9 is a schematic structural diagram of an embodiment 1 of an apparatus for creating a page provided by the present application, where the apparatus is applied to a server, and includes the following structures: a receiving module 901, an analyzing module 902, a converting module 903 and a combining module 904;
the receiving module 901 is configured to receive configuration information transmitted by a terminal, where the configuration information at least includes at least one component in a page to be created and the configuration information, and the at least one component at least includes one dynamic component;
the parsing module 902 is configured to parse the configuration information to obtain a first document and a dynamic data block that are recognizable by a web page;
the conversion module 903 is configured to convert the dynamic data block into a second document that is recognizable by a webpage;
and the combining module 904 is configured to obtain a target document corresponding to the page to be created according to the first document and the second document.
Optionally, the parsing module includes:
the first analysis unit is used for converting the non-dynamic component and the configuration information into a first document in a hypertext markup language format based on a preset first conversion rule;
and the second analysis unit is used for converting the dynamic component and the configuration information into a dynamic data block of the five-star cloud based on a preset first conversion rule.
Optionally, the second parsing unit is specifically configured to:
and converting the dynamic data blocks of the five-star cloud into a second document which can be identified by the webpage based on a second conversion rule.
Optionally, the method further includes:
the storage module is used for analyzing the configuration information to obtain the configuration information of the typesetting assembly and the configuration information of the non-typesetting assembly in the page to be created; storing the configuration information of the typesetting component in a first data table; and storing the configuration information of the non-typesetting component into a second data table.
Optionally, the parsing module is specifically configured to:
according to the table entry content, configuration information is sequentially obtained from the first data table and the second data table, and the first table entry in the second data table stores the dynamic component and the configuration information;
based on a preset first conversion rule, converting the table entry content in the first data table into a hypertext markup language format, and converting the table entry content of other table entries except the first table entry in the second data table into the hypertext markup language format to obtain a first document;
and converting the table item contents of the first table item in the second data table into a dynamic data block of the five-star cloud based on a preset first conversion rule.
Optionally, the conversion module is specifically configured to:
based on the configuration information of the dynamic component, calling target information of a data block model corresponding to the dynamic data block;
and converting the target information into a second document in a hypertext markup language format.
Each structural function in the device for creating a page may refer to the explanation in the foregoing method for creating a page, which is not described in detail in this embodiment.
In summary, according to the apparatus for creating a page provided in this embodiment, a creator of the page executes operations of creating a page selection component and configuration information at a terminal, where the selected component includes at least one dynamic component to implement creating the dynamic page, and a server performs parsing and identification according to the configuration information to obtain a first document identifiable by the web page, and further converts a dynamic data block corresponding to the dynamic content to obtain a second document identifiable by the web page, and combines the two documents to obtain the dynamic page created by the creator.
Fig. 10 is a schematic structural diagram of an embodiment 2 of an apparatus for creating a page provided by the present application, where the apparatus is applied to a terminal, and includes the following structures: a display control module 1001 and a transmission module 1002;
the display control module 1001 is configured to control, in response to an operation performed by a user to create a page, to display a page to be created and at least two component options in a display screen; and responding to a dragging operation executed by a user, and selecting at least one component to be displayed in a target area of the page to be created, wherein the at least one component at least comprises one dynamic component;
the transmitting module 1002 is configured to receive configuration information of the at least one component option, and transmit the component and the configuration information to a server, so that the server generates a target document corresponding to the page to be created based on the component and the configuration information.
Each structural function in the device for creating a page may refer to the explanation in the foregoing method for creating a page, which is not described in detail in this embodiment.
In summary, according to the device for creating a page provided by this embodiment, the user only needs to perform an operation of dragging the content displayed in the display screen of the terminal in the visualization form, and does not need to edit the code, so that the use threshold of the user is reduced, and the time for creating the page is saved.
In the present specification, the embodiments are described in a progressive manner, each embodiment focuses on differences from other embodiments, and the same and similar parts among the embodiments are referred to each other. For the device provided by the embodiment, the description is relatively simple because the device corresponds to the method provided by the embodiment, and the relevant points can be referred to the method part for description.
The previous description of the provided embodiments is provided to enable any person skilled in the art to make or use the present application. Various modifications to these embodiments will be readily apparent to those skilled in the art, and the generic principles defined herein may be applied to other embodiments without departing from the spirit or scope of the application. Thus, the present application is not intended to be limited to the embodiments shown herein but is to be accorded the widest scope consistent with the principles and novel features provided herein.
Claims (10)
1. A method for creating a page, applied to a server, the method comprising:
receiving configuration information transmitted by a terminal, wherein the configuration information at least comprises at least one component in a page to be created and the configuration information, and the at least one component at least comprises a dynamic component;
analyzing the configuration information to obtain a first document and a dynamic data block which can be identified by a webpage;
converting the dynamic data block into a second document which can be identified by the webpage;
and obtaining a target document corresponding to the page to be created according to the first document and the second document.
2. The method of claim 1, wherein parsing the configuration information to obtain a first document and a dynamic data block recognizable by a web page comprises:
converting the non-dynamic component and the configuration information into a first document in a hypertext markup language format based on a preset first conversion rule;
and converting the dynamic components and the configuration information into dynamic data blocks of the five-star cloud based on a preset first conversion rule.
3. The method of claim 2, wherein converting the dynamic data block into a second document recognizable by a web page comprises:
and converting the dynamic data blocks of the five-star cloud into a second document which can be identified by the webpage based on a second conversion rule.
4. The method according to claim 1, wherein after receiving the configuration information delivered by the terminal, before parsing the configuration information to obtain a first document and a dynamic data block recognizable by a webpage, further comprising:
analyzing the configuration information to obtain the configuration information of the typesetting components and the configuration information of the non-typesetting components in the page to be created;
storing the configuration information of the typesetting component in a first data table;
and storing the configuration information of the non-typesetting component into a second data table.
5. The method of claim 4, wherein parsing the configuration information to obtain a first document and a dynamic data block recognizable by a web page comprises:
according to the table entry content, configuration information is sequentially obtained from the first data table and the second data table, and the first table entry in the second data table stores the dynamic component and the configuration information;
based on a preset first conversion rule, converting the table entry content in the first data table into a hypertext markup language format, and converting the table entry content of other table entries except the first table entry in the second data table into the hypertext markup language format to obtain a first document;
and converting the table item contents of the first table item in the second data table into a dynamic data block of the five-star cloud based on a preset first conversion rule.
6. The method of any of claims 2 or 5, wherein converting the dynamic data block into a second document recognizable by a web page comprises:
based on the configuration information of the dynamic component, calling target information of a data block model corresponding to the dynamic data block;
and converting the target information into a second document in a hypertext markup language format.
7. A method for creating a page is applied to a terminal, and the method comprises the following steps:
controlling to display a page to be created and at least two component options in a display screen in response to an operation of creating the page performed by a user;
in response to a dragging operation performed by a user, selecting at least one component to be displayed in a target area of the page to be created, wherein the at least one component at least comprises one dynamic component;
receiving configuration information for the at least one component;
and transmitting the component and the configuration information to a server so that the server generates a target document corresponding to the page to be created based on the component and the configuration information.
8. An apparatus for creating a page, applied to a server, the apparatus comprising:
the system comprises a receiving module, a sending module and a receiving module, wherein the receiving module is used for receiving configuration information transmitted by a terminal, the configuration information at least comprises at least one component in a page to be created and the configuration information, and the at least one component at least comprises a dynamic component;
the analysis module is used for analyzing the configuration information to obtain a first document and a dynamic data block which can be identified by a webpage;
the conversion module is used for converting the dynamic data block into a second document which can be identified by the webpage;
and the merging module is used for obtaining a target document corresponding to the page to be created according to the first document and the second document.
9. The apparatus of claim 8, further comprising:
the storage module is used for analyzing the configuration information to obtain the configuration information of the typesetting assembly and the configuration information of the non-typesetting assembly in the page to be created; storing the configuration information of the typesetting component in a first data table; and storing the configuration information of the non-typesetting component into a second data table.
10. An apparatus for creating a page, applied to a terminal, the apparatus comprising:
the display control module is used for responding to the operation of creating the page executed by the user and controlling the page to be created and at least two component options to be displayed in the display screen; and responding to a dragging operation executed by a user, and selecting at least one component to be displayed in a target area of the page to be created, wherein the at least one component at least comprises one dynamic component;
and the transmission module is used for receiving the configuration information of the at least one component option and transmitting the component and the configuration information to the server so that the server generates a target document corresponding to the page to be created based on the component and the configuration information.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210846719.1A CN115114556A (en) | 2022-07-06 | 2022-07-06 | Method and device for creating page |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210846719.1A CN115114556A (en) | 2022-07-06 | 2022-07-06 | Method and device for creating page |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN115114556A true CN115114556A (en) | 2022-09-27 |
Family
ID=83332696
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210846719.1A Pending CN115114556A (en) | 2022-07-06 | 2022-07-06 | Method and device for creating page |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN115114556A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116415089A (en) * | 2023-06-05 | 2023-07-11 | 北京易二零环境股份有限公司 | Industrial equipment visual management method, computer equipment and storage medium |
-
2022
- 2022-07-06 CN CN202210846719.1A patent/CN115114556A/en active Pending
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116415089A (en) * | 2023-06-05 | 2023-07-11 | 北京易二零环境股份有限公司 | Industrial equipment visual management method, computer equipment and storage medium |
| CN116415089B (en) * | 2023-06-05 | 2023-08-08 | 北京易二零环境股份有限公司 | Industrial equipment visual management method, computer equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| EP3518124A1 (en) | Webpage rendering method and related device | |
| EP3485400B1 (en) | Methods and systems for server-side rendering of native content for presentation | |
| JP4344693B2 (en) | System and method for browser document editing | |
| CN100568226C (en) | Be used for the method that reformatting has the zone of chaotic hyperlink | |
| US20150033116A1 (en) | Systems, Methods, and Media for Generating Structured Documents | |
| US20090112824A1 (en) | Method and apparatus for generating presentation configuration file of document content | |
| AU2012325747A1 (en) | Systems, methods, and interfaces for display of inline content and block level content on an access device | |
| CN103605502B (en) | Form page display method and server | |
| CN107590288B (en) | Method and device for extracting webpage image-text blocks | |
| US20220222310A1 (en) | Method and apparatus for generating web page | |
| CN104899212B (en) | Web page display method, server and system | |
| CN115114556A (en) | Method and device for creating page | |
| CN113360106A (en) | Webpage printing method and device | |
| US10157238B2 (en) | Transformation of marked-up content to a reversible file format for automated browser based pagination | |
| CN115587075B (en) | Layout file processing method and device, terminal equipment and storage medium | |
| CN103034990A (en) | Method and device for checking publications | |
| CN115309476A (en) | Browser-based ofd file display and editing method | |
| US9946698B2 (en) | Inserting text and graphics using hand markup | |
| EP2557505A1 (en) | Web display program conversion system, web display program conversion method, and program for web display program conversion | |
| CN114489639A (en) | File generation method, device, equipment and storage medium | |
| CN104978181B (en) | Page display method, terminal and device | |
| CN104182398A (en) | Server and information browsing method | |
| US20240126978A1 (en) | Determining attributes for elements of displayable content and adding them to an accessibility tree | |
| CN104391829B (en) | A kind of method and device for realizing multimedia messages and text mixing | |
| US8291311B2 (en) | Web display program conversion system, web display program conversion method and program for converting web display 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 |