CN115544413A - Webpage establishing method and device, storage medium and electronic equipment - Google Patents
Webpage establishing method and device, storage medium and electronic equipment Download PDFInfo
- Publication number
- CN115544413A CN115544413A CN202211129464.3A CN202211129464A CN115544413A CN 115544413 A CN115544413 A CN 115544413A CN 202211129464 A CN202211129464 A CN 202211129464A CN 115544413 A CN115544413 A CN 115544413A
- Authority
- CN
- China
- Prior art keywords
- target
- page element
- webpage
- page
- editing
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The present invention relates to the field of data processing, and in particular, to a method and an apparatus for creating a web page, a storage medium, and an electronic device. The method comprises the following steps: in response to receiving a building request of a target webpage, generating an original code set corresponding to the target webpage; displaying a webpage editing interface; in response to an externally input instruction for adding a target page element identifier into an editing window, determining a preset page element corresponding to the target page element identifier as a target page element in a target webpage, displaying the target page element in the editing window, and determining a preset generation code corresponding to the target page element identifier as a target generation code; the target page element identification is any one of a plurality of candidate page element identifications; and in response to the received editing completion request, adding the target generation code to the original code set to obtain a target code set for generating the target webpage so as to establish the target webpage based on the target code set. Therefore, the efficiency of establishing the webpage can be improved.
Description
Technical Field
The present invention relates to the field of data processing, and in particular, to a method and an apparatus for establishing a web page, a storage medium, and an electronic device.
Background
With the rapid development of the internet, the content of the web pages in the website is very rich, and new web pages also need to be continuously established in the website.
When a webpage needs to be established, research and development personnel can write codes according to the requirement condition to obtain a code set, and then a client can generate a complete webpage according to the code set.
However, in practical applications, the need for establishing web pages occurs very frequently, and research and development personnel need to write a new code of a web page each time.
Disclosure of Invention
Aiming at the technical problem of low efficiency of establishing the webpage, the technical scheme adopted by the invention is as follows:
according to an aspect of the present disclosure, there is provided a web page establishing method, including:
and generating an original code set corresponding to the target webpage in response to receiving the establishment request of the target webpage.
Displaying a webpage editing interface; the webpage editing interface comprises a candidate page element window and an editing window used for editing a target webpage, the candidate page element window comprises a plurality of candidate page element identifications, and each candidate page element identification is provided with a corresponding preset page element and a preset generation code.
In response to an externally input instruction for adding a target page element identifier into an editing window, determining a preset page element corresponding to the target page element identifier as a target page element in a target webpage, displaying the target page element in the editing window, and determining a preset generation code corresponding to the target page element identifier as a target generation code; the target page element identification is any one of a number of candidate page element identifications.
In response to the received edit completion request, the target generation code is added to the original code set, a target code set for generating a target webpage is obtained, and the target webpage is established based on the target code set.
According to the scheme, when the target webpage needs to be established, a user only needs to add the target page element identification to the editing window in the webpage editing page according to the requirement, after the editing is completed, the target code set consisting of the target generation code of the target page element corresponding to the target page element identification and the original code set can be obtained, the established target webpage can be finally obtained according to the target code set, and compared with the method that the user needs to compile and generate a code of a complete webpage according to the requirement, the method does not need the user to compile the code, does not need the user to have the code compiling capability, is convenient and fast, and can improve the efficiency of establishing the webpage.
Optionally, the target page element includes at least one sub-element; the target generation code comprises display range information of the target page element and position information of each sub-element in a display range corresponding to the display range information.
After the preset generation code corresponding to the target page element identifier is determined as the target generation code, the method further comprises the following steps:
receiving an externally input instruction for carrying out position modification on the target sub-element in the editing window; the target sub-element is any one of the sub-elements.
And modifying the position information corresponding to the target sub-element in the target generation code according to the position modification instruction.
According to the scheme, the user can directly modify the position of the target sub-element in the target page element in the editing window, the target generation code corresponding to the target page element changes accordingly, the flexibility of establishing the target webpage is improved, the code does not need to be written manually, the target page element can be directly adjusted, the user can conveniently establish the target webpage, and the efficiency of establishing the target webpage by the user is improved.
Optionally, if the target page element includes at least one first editable character string, the target generation code includes a second editable character string corresponding to each first editable character string.
After determining the preset generation code corresponding to the target page element identifier as the target generation code, the method further includes:
modifying the target first editable string in response to receiving the instruction to modify the target first editable string; the target first editable string is any one of the first editable strings.
And modifying a second editable character string corresponding to the target first editable character string according to the modified target first editable character string.
According to the scheme, a user can directly modify the first editable character string of the target sub-element in the target page element according to requirements in the editing window, at the moment, the target generation code corresponding to the target page element changes along with the change of the first editable character string, so that the generated target code set can be more various, the flexibility of establishing the target webpage is improved, the code does not need to be manually written, the target page element is directly adjusted, the user can conveniently establish the target webpage, and the efficiency of establishing the target webpage by the user is improved.
Optionally, before displaying the web page editing interface, the method further includes:
displaying a page attribute determination interface; the page attribute determination interface comprises a plurality of attribute slot positions to be filled, and the original code set comprises attribute fields to be filled corresponding to the attribute slot positions to be filled.
Acquiring externally input page attribute information input in any target attribute slot to be filled in a page attribute determination interface; the target attribute slot to be filled is any one of the plurality of attribute slots to be filled.
And filling the page attribute information into the attribute field to be filled corresponding to the target attribute slot to be filled.
According to the scheme, the user can fill the target character string in the page attribute determination interface, at the moment, the field content of the attribute field to be filled in the target code set can be directly modified according to the target character string, the flexibility of attribute setting of the newly-built target webpage is improved, codes do not need to be written manually, the user can conveniently set the attribute of the target webpage, and the efficiency of setting the attribute of the target webpage by the user is improved.
Optionally, the instruction for adding the target page element identifier into the editing window is generated in response to a user who inputs the external input dragging the target page element identifier into the editing window through a cursor.
Optionally, multiple target page elements may exist in the editing window at the same time, and the multiple target page elements are sequentially arranged according to the page rolling direction; each target generation code comprises a display sequence field, and the display sequence field is used for recording the arrangement sequence of the target page elements corresponding to the target generation code in the editing window.
According to the scheme, the user can directly drag the target page element identifier into the editing window, and at the moment, the terminal can display the target page element in the editing window, so that the user can operate conveniently.
Optionally, the target page element includes a file binding sub-window.
After determining the preset generation code corresponding to the target page element identifier as the target generation code, the method further includes:
and responding to the target file uploaded by the user in the file binding sub-window, and storing the target file into a preset database.
And adding the file identification of the target file into the target generation code.
According to another aspect of the present disclosure, there is also provided a web page establishing apparatus, including:
and the generating module is used for responding to the received establishment request of the target webpage and generating an original code set corresponding to the target webpage.
The display module is used for displaying a webpage editing interface; the webpage editing interface comprises a candidate page element window and an editing window used for editing a target webpage, wherein the candidate page element window comprises a plurality of candidate page element identifications, and each candidate page element identification is provided with a corresponding preset page element and a preset generation code.
The determining module is used for responding to an externally input instruction for adding the target page element identification into the editing window, determining a preset page element corresponding to the target page element identification as a target page element in the target webpage, displaying the target page element in the editing window, and determining a preset generation code corresponding to the target page element identification as a target generation code; the target page element identification is any one of a number of candidate page element identifications.
And the adding module is used for responding to the received editing completion request, adding the target generation code into the original code set to obtain a target code set for generating the target webpage, and establishing the target webpage based on the target code set.
According to another aspect of the present disclosure, a non-transitory computer readable storage medium is further provided, in which at least one instruction or at least one program is stored, and the at least one instruction or the at least one program is loaded and executed by a processor to implement the above-mentioned web page establishing method.
According to another aspect of the present disclosure, there is also provided an electronic device comprising a processor and the non-transitory computer-readable storage medium described above.
The technical scheme provided by the embodiment of the disclosure can have the following beneficial effects:
when a target webpage needs to be established, a user only needs to add a target page element identifier into an editing window on a webpage editing page according to requirements, after editing is completed, a target code set consisting of a target generation code of the target page element corresponding to the target page element identifier and an original code set can be obtained, finally the established target webpage can be obtained according to the target code set, and compared with a method that the user needs to compile codes of generating a complete webpage according to requirements, the method does not need the user to compile the codes, does not need the user to have the code compiling capability, is convenient and quick, and can improve the efficiency of establishing the webpage.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure.
Drawings
In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the drawings required to be used in the description of the embodiments are briefly introduced below, and it is obvious that the drawings in the description below are only some embodiments of the present invention, and it is obvious for those skilled in the art to obtain other drawings based on the drawings without creative efforts; the accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the invention and together with the description, serve to explain the principles of the invention.
FIG. 1 is a flowchart illustrating a web page creation method in accordance with an exemplary embodiment;
FIG. 2 is a schematic diagram of a page property determination interface shown in accordance with an exemplary embodiment;
FIG. 3 is a schematic diagram of a web page editing interface shown in accordance with an exemplary embodiment;
fig. 4 is a schematic block diagram illustrating a web page creation apparatus according to an exemplary embodiment.
Detailed Description
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, 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 invention.
The embodiment of the invention provides a webpage establishing method, wherein the method can be completed by any one or any combination of the following items: a terminal, a server, or other devices with processing capability, which is not limited in this embodiment of the present invention.
Taking a terminal as an example, the embodiment of the present invention will describe a web page establishment method with reference to a flowchart of the web page establishment method shown in fig. 1.
The method comprises the following steps:
step S100, in response to receiving the establishment request of the target webpage, generating an original code set corresponding to the target webpage.
In a possible implementation manner, when a target webpage needs to be established, a user may open a management page on a terminal, and then click a preset key on the management page with a cursor, at this time, the terminal may obtain an establishment request of the target webpage, and the terminal generates an original code set corresponding to the target webpage in response to the establishment request. The original code set may be a code set including several fields and a code set identifier, and the code set identifier may be a unique code representing the original code set.
And step S200, displaying a webpage editing interface.
The webpage editing interface comprises a candidate page element window and an editing window used for editing a target webpage, a plurality of candidate page element identifications are included in the candidate page element window, and each candidate page element identification is provided with a corresponding preset page element and a preset generation code.
In one possible embodiment, the candidate page element identifier may be a text name of the corresponding candidate page element, for example, the candidate page element identifier may be a name such as a protocol specification, a product specification, a flowchart, a company reputation or a prompt list, several candidate page element identifiers may be arranged in the candidate page element window according to an interface scrolling direction of the candidate page element window, and the preset page element may be one or more of elements in the form of text, a static image, a dynamic image and/or a table; the preset generation code may be a code comprising several fields; part of fields in the preset generation code may be fields with field names and field contents, for example, a field corresponding to a shape graph in which a candidate page element is identified as a flow node of the flow graph is a field with field names and field contents; another part of the fields may be null fields, that is, fields with only field names and corresponding field contents being null, for example, a field corresponding to contents in a flow node of the candidate page element identifier is a null field; after the original code set is generated in the database, a webpage editing interface can be displayed on the terminal.
Step S300, in response to an instruction of adding a target page element identifier into the editing window, which is input externally, determining a preset page element corresponding to the target page element identifier as a target page element in the target webpage, displaying the target page element in the editing window, and determining a preset generation code corresponding to the target page element identifier as a target generation code.
The target page element identifier is any one of a plurality of candidate page element identifiers.
In a possible implementation manner, the original code set may include a field with a field name of data, after the webpage editing interface is displayed on the terminal, the user may select a target page element identifier in the candidate page element window by using a cursor, that is, the user adds the target page element identifier into the editing window, at this time, the terminal may respond to an externally input instruction for adding the target page element identifier into the editing window, display the target page element corresponding to the target page element identifier in the editing window, and determine a preset generation code corresponding to the target page element identifier as the target generation code.
In another possible implementation, a plurality of option bars are arranged in the candidate page element window, and each option bar displays a corresponding name, for example, option bars named as a drag element and a json are arranged in the candidate page element window, and the default selected option bar is the option bar named as the drag element when the webpage editing interface is displayed; when the option bar with the name of a dragging element is selected, displaying a plurality of candidate page element identifications in a candidate page element window; after the user adds the target page element identifier into the editing window, the terminal may display the target page element corresponding to the target page element identifier in the editing window in response to an externally input instruction for adding the target page element identifier into the editing window, and at this time, if the option bar named json is selected, the target generation code may be displayed in the candidate page element window.
Step S400, in response to the received editing completion request, adding the target generation code to the original code set to obtain a target code set for generating the target webpage, so as to establish the target webpage based on the target code set.
In a possible implementation manner, after the user clicks the determination key with the cursor on the webpage editing page, the terminal may obtain an editing completion request, and at this time, the target generation code corresponding to the target page element identifier may be added to the original code set as the field content of the field with the field name being data. For example, when a user adds a target page element identifier into an editing window, a target generation code corresponding to the target page element identifier may be converted into a code in the form of several character strings, and the code in the form of several character strings is added to an original code set of the database as field content of a field with a field name of data.
After the target generated code is added to the original code set, the terminal may determine the original code set to which the target generated code has been added as a target code set for building the target web page.
After obtaining the target code set, the client may build a target web page based on the target code set. For example, the database is stored in the server, the client sends a web page establishment request to the server, the server returns the target code set to the client, and the client establishes the target web page based on the returned target code set.
Therefore, when a target webpage needs to be established, a user only needs to add the target page element identifier into the editing window on the webpage editing page according to requirements, after editing is completed, a target code set consisting of a target generation code of the target page element corresponding to the target page element identifier and an original code set can be obtained, finally the established target webpage can be obtained according to the target code set, and compared with a method that the user needs to compile codes of generating a complete webpage according to requirements, the method does not need the user to compile the codes, does not need the user to have the code compiling capability, is convenient and quick, and can improve the efficiency of establishing the webpage.
In addition, in the present disclosure, the client may establish the target webpage through the obtained target code set, that is, the present disclosure may obtain the target webpage through a server rendering manner, and compared with the target webpage generated through a client rendering manner, the client in the present disclosure may directly display the target code set without downloading more js (javascript, instant compilation programming language) and css (Cascading Style Sheets) files, thereby reducing HTTP (Hyper Text Transfer Protocol) requests, accelerating the rendering of the first screen, and reducing the time to blank screen.
Further, in the present disclosure, the target code set obtained after the rendering of the Server is completed may be an HTML (HyperText Mark-up Language) file, and when the client establishes a web page based on the target code set, a Remote Dictionary Server (Remote Dictionary Server) may be used for caching, so that the storage pressures of the Server and the client may be reduced, and the possibility of being attacked by an xss (Cross Site Scripting) attack may be reduced.
Optionally, the target page element includes at least one sub-element; the target generation code comprises display range information of the target page element and position information of each sub-element in a display range corresponding to the display range information;
based on this, after the above step S300, the method further includes:
receiving an externally input instruction for carrying out position modification on the target sub-element in the editing window; the target sub-element is any one of the sub-elements;
and modifying the position information corresponding to the target sub-element in the target generation code according to the position modification instruction.
In one possible embodiment, the sub-elements may be elements in the form of text, static image, dynamic image and/or table, etc. except for the background in the target page element, and the display range information may be boundary information of the corresponding target page element, for example, the display range information may be a preset height value and a preset width value of the corresponding target page element, and the position information may be a distance between the corresponding sub-element and a left boundary, a distance between a right boundary, a distance between an upper boundary and a lower boundary of the corresponding target page element; after the target page element is displayed in the editing window, the user may adjust the position of the target sub-element in the target page element in the editing window, for example, the user presses the target sub-element in the editing window with a cursor and moves the target sub-element to other positions, and then the long-press operation is ended; according to the instruction generated based on the position adjusting operation, the terminal can identify and obtain the position information of the target sub-element after the position modifying operation in the display range of the target page element, and replace the identified position information with the position information corresponding to the target sub-element in the target generating code. When the client generates the target webpage, the target page elements are displayed in a self-adaptive mode.
In another possible implementation manner, if the displayed page of the generated target webpage needs to be modified, the editing key of the target webpage may be clicked by a cursor in the management page, at this time, the terminal may display a webpage editing interface, at this time, the target page element in the editing window is the target page element corresponding to the target generation code stored in the database, the user may still perform a position modification operation on any sub-element corresponding to the target webpage in the editing window to obtain a modified target generation code, and the specific process of obtaining the modified target generation code is disclosed above and is not described here any more, and then, in response to the editing completion request, the target generation code in the target code set corresponding to the target webpage in the database may be replaced by the modified target generation code.
Therefore, a user can directly modify the position of a target sub-element in a target page element in an editing window, and at the moment, a target generation code corresponding to the target page element changes along with the position modification, so that the flexibility of establishing a target webpage or modifying the established target webpage is improved, the target page element is directly adjusted without manually writing or modifying the code, the user can conveniently establish or modify the target webpage, and the efficiency of establishing or modifying the target webpage by the user is improved.
Optionally, if the target page element includes at least one first editable character string, the preset generated code includes a second editable character string corresponding to each first editable character string;
based on this, after the above step S300, the method further includes:
in response to receiving a modification to the target first editable string, modifying the target first editable string; the target first editable character string is any one of the first editable character strings;
and modifying a second editable character string corresponding to the target first editable character string according to the modified target first editable character string.
In a possible embodiment, the second editable character string is obtained by converting the corresponding first editable character string according to a preset conversion rule, for example, the first editable character string is a text character string, the second editable character string is an ASCII code corresponding to each text character in the text character string, or the first editable character string and the second editable character string are the same text character string; if the target page element comprises at least one first editable character string, after the target page element is displayed in the editing window, a user can modify the target first editable character string in the target page element into a modified character string in the editing window, for example, the user double-clicks the target first editable character string in the target page element by using a cursor in the editing window, then deletes the target first editable character string and inputs the modified character string; and then the terminal can obtain a replacement character string corresponding to the modified character string according to a preset conversion rule, and replace a second editable character string corresponding to the first editable character string in the target generation code with the replacement character string.
Therefore, a user can directly modify the first editable character string and/or the size and the like of the target sub-element in the target page element according to requirements in the editing window, at the moment, the target generation code corresponding to the target page element changes along with the change of the first editable character string and/or the size and the like, so that the generated target code set can be more diversified, the flexibility of establishing the target webpage is improved, the target page element is directly adjusted without manually writing or modifying the code, the target webpage is conveniently established by the user, and the efficiency of establishing the target webpage by the user is improved.
In another possible implementation, the target generation code may further include several modifiable information, such as size information corresponding to each sub-element, where the size information may be a width value and a height value of the corresponding sub-element; after the target page element is displayed in the editing window, the terminal can also receive the size modification operation of the target sub-element performed by the user in the editing window, for example, the user clicks the target sub-element with a cursor in the editing string, a zooming point is displayed on the boundary of the target sub-element at this time, and the user performs dragging and zooming by using the cursor long-press zooming point until the target sub-element is zoomed completely and then cancels the long-press operation; and then the terminal identifies the size information of the target sub-element after the size modification according to the size modification operation, and replaces the size information corresponding to the target sub-element in the target generation code with the identified size information.
In another possible implementation, if the display page of the generated target webpage needs to be modified, the editing key of the target webpage may be clicked by a cursor in the management page, at this time, the terminal may display a webpage editing interface, at this time, the target page element in the editing window is the target page element corresponding to the target generation code stored in the database, the user may still perform a target first editable character string or size modification operation on any sub-element corresponding to the target webpage in the editing window to obtain the modified target generation code, the specific process of obtaining the modified target generation code has been disclosed above, and details are not repeated here, and then, in response to the editing completion request, the target generation code in the target code set corresponding to the target webpage in the database may be replaced with the modified target generation code.
At this time, the terminal may also receive a size modification operation performed by the user on the target sub-element within the candidate page element window, for example, the user clicks the target sub-element with a cursor within the edit string, a zoom point is displayed on the boundary of the target sub-element, and the user performs dragging zoom by long pressing the zoom point with the cursor until the target sub-element is zoomed completely, and then cancels the long pressing operation; and then the terminal identifies the size information of the target sub-element after the size modification according to the size modification operation, and replaces the size information corresponding to the target sub-element in the target generation code with the identified size information.
In another possible implementation manner, an option bar named as a form is further set in the candidate page element window, and after the user adds the target page element identifier into the editing window, the target page element corresponding to the target page element identifier may be displayed in the editing window, and at this time, if the option bar named as the form is selected, modifiable information such as a background color, at least part of sub-elements, and/or a first editable character string of the target page element located in the editing window may be displayed in the candidate page element window. If the user modifies any editable information in the corresponding candidate page element window, the modifiable information corresponding to the target page element in the editing window changes, and at this time, the target generation code corresponding to the target page element changes, and then, in response to the editing completion request, the target generation code in the target code set corresponding to the target page in the database may be replaced with the modified target generation code.
In another possible implementation manner, after the user adds the target page element identifier into the editing window, the target page element may be displayed in the editing window, and if the selected option bar with the name of the form is selected, the candidate page element window displays the element identifiers of a plurality of candidate sub-elements; each candidate sub-element is provided with a corresponding candidate sub-element and a preset element code, and at the moment, a user can drag an element identifier of a target sub-element in the candidate page window to a target page element in the editing window by using a mouse; the element identification of the target sub-element is any one of the element identifications of the candidate sub-elements; at this time, the new sub-element can be displayed in the editing window, and the preset element code corresponding to the target sub-element can be added to the current preset generation code; the target code set may then be obtained in response to the edit completion request.
Therefore, a user can directly modify the first editable character string and/or the size and the like of the target sub-element in the target page element in the editing window or the candidate page element window, at the moment, the target generation code corresponding to the target page element changes along with the change of the first editable character string and/or the size and the like, so that the generated target code set can be more diversified, the flexibility of newly building a target webpage or modifying the generated target webpage is improved, the code is not required to be manually written or modified, the target page element can be directly adjusted, the user can conveniently build or modify the target webpage, and the efficiency of newly building or modifying the target webpage is improved.
Optionally, before the step S200, the method further includes:
displaying a page attribute determination interface; the page attribute determination interface comprises a plurality of attribute slot positions to be filled, and the original code set comprises attribute fields to be filled corresponding to the attribute slot positions to be filled;
acquiring externally input page attribute information input in any target attribute slot to be filled in a page attribute determination interface; the target attribute slot to be filled is any one of a plurality of attribute slots to be filled;
and filling the page attribute information into the attribute field to be filled corresponding to the target attribute slot to be filled.
In a possible implementation manner, the page attribute information may be a target character string, the attribute slot to be filled may be a slot corresponding to attributes such as a page tag, a page route, an associated product, a page type, or search engine optimization of a target web page, when the target web page needs to be established, a user may open a management page on the terminal, and then click a new key on the management page using a cursor, as shown in a schematic diagram of a page attribute determination interface shown in fig. 2, the terminal may display the page attribute determination interface at this time, and then the user may fill the target character string in each attribute slot to be filled, and the terminal receives each target character string and fills each target character string into the attribute field to be filled as field content of the corresponding attribute field to be filled. Then, a cursor is used to click a save button on the page attribute determination interface, such as the schematic diagram of the web page editing interface shown in fig. 3, and the terminal may display the web page editing interface.
In another possible implementation manner, if any target character string of a generated target webpage needs to be modified, an editing key of the target webpage can be clicked by a cursor in a management page, at this time, a terminal can directly display a webpage editing interface, the webpage editing interface can include a plurality of attribute slots to be filled and a target character string corresponding to each attribute slot to be filled, a user can modify any target character string in an editing window, at this time, the terminal receives the modified target character string and replaces field contents in the attribute field to be filled with the modified target character string. And then, responding to the editing completion request, receiving the modified target character string, and replacing the field content of the attribute field to be filled in the target code set corresponding to the target webpage in the database with the modified target character string.
Therefore, a user can fill the target character string in the page attribute determining interface or modify the target character string in the web page editing interface, at the moment, the field content of the attribute field to be filled in the target code set can be directly modified according to the target character string, the flexibility of attribute setting on a newly-built target web page or attribute modification on a generated target web page is improved, manual code modification is not needed, the user can conveniently set or modify the attribute of the target web page, and the efficiency of setting or modifying the attribute of the target web page by the user is improved.
Optionally, the instruction for adding the target page element identifier into the editing window is generated in response to a user who inputs an external input dragging the target page element identifier into the editing window through a cursor.
In a possible implementation manner, a user may drag the target page element identifier into the editing window by using a cursor, and at this time, the terminal may receive an instruction for adding the target page element identifier into the editing window, so that the user operation is facilitated.
Optionally, multiple target page elements may exist in the editing window at the same time, and the multiple target page elements are sequentially arranged according to the page rolling direction; each target generation code comprises a display sequence field, and the display sequence field is used for recording the arrangement sequence of the target page elements corresponding to the target generation code in the editing window.
In a possible implementation manner, when a user drags a target page element identifier to an editing window, multiple target page element identifiers may be dragged in sequence, at this time, multiple target page elements may exist in the editing window, and the multiple target page elements are arranged in sequence along the page scrolling direction of the editing window according to the dragging sequence of the corresponding target page elements. At this time, the display sequence field in the target generation code records the arrangement sequence of the target page element corresponding to the target generation code in the editing window; the user can also drag any target page element by a cursor in the mark window to exchange the sequence, and the display sequence field in the exchanged target generation code is modified.
In another possible implementation manner, when a plurality of target generated codes are added to an original code set, each target generated code may be converted to obtain a code group, each code group is a code in the form of a plurality of character strings, and each code group is stored in the original code set according to an arrangement order of corresponding target page elements in an editing window according to a display order field in each target generated code to obtain a target code set; when the client generates the target webpage based on the target code set, the client may traverse each code group in the target code set, and further an arrangement order of a plurality of target page elements in the generated target webpage is the same as an arrangement order of the target page elements in the editing window.
Optionally, the target page element includes a file binding child window;
based on this, after the above step S300, the method further includes:
responding to the uploading of a target file in the file binding sub-window by a user, and storing the target file into a preset database;
and adding the file identification of the target file into the target generation code.
In a possible implementation manner, when a target page element is displayed in an editing window, if an option bar with a name of a form is selected, an upload key corresponding to a file binding sub-window may be displayed in a candidate page element window, at this time, a cursor is used to click the upload key, a target file may be selected in the local of a terminal and stored in a database, and at this time, a file identifier of the target file is added to a target generation code corresponding to the target page element. And clicking the file binding sub-window in the generated target webpage to directly download the corresponding target file.
In another possible embodiment, the target file may be a file in a format of a picture or. Pdf or. Doc, etc.; if the target file is a picture, after the picture is stored in the database, the picture can be displayed at the corresponding file binding sub-window in the target page element, and the picture identifier of the picture is stored in the corresponding target generation code, and the picture identifier can be set as the unique code of the corresponding picture or the storage address of the corresponding picture in the database, and the like; if the target file is a file in a pdf format or a doc format, after the file is stored in the database, a key for downloading the file may be displayed at a corresponding file binding sub-window in the target page element, and a file identifier of the file is stored in a corresponding target generation code, where the file identifier may be set as a unique code of the corresponding file or a storage address of the corresponding file in the database, and since a client that subsequently generates the target page based on the target code set may not be a current terminal, the picture identifier and the file identifier may be storage addresses where corresponding pictures or files are stored in the database of the server, but not storage addresses stored in the local.
In addition, the preset database may be a database corresponding to the client.
The embodiment of the invention also provides a webpage establishing device, which is used for realizing the webpage establishing method. Referring to the schematic block diagram of the web page creation apparatus shown in fig. 4, the web page creation apparatus 600 includes: the system comprises a generation module 601, a display module 602, a determination module 603 and an adding module 604.
A generating module 601, configured to generate an original code set corresponding to a target webpage in response to receiving an establishment request of the target webpage;
a display module 602, configured to display a web page editing interface; the webpage editing interface comprises a candidate page element window and an editing window used for editing a target webpage, the candidate page element window comprises a plurality of candidate page element identifications, and each candidate page element identification is provided with a corresponding preset page element and a preset generation code;
the determining module 603 is configured to, in response to an externally input instruction for adding a target page element identifier into the editing window, determine a preset page element corresponding to the target page element identifier as a target page element in the target webpage, display the target page element in the editing window, and determine a preset generation code corresponding to the target page element identifier as a target generation code; the target page element identification is any one of a plurality of candidate page element identifications;
and an adding module 604, configured to add the target generated code to the original code set in response to the received edit completion request, to obtain a target code set for generating the target web page, so as to establish the target web page based on the target code set.
Optionally, the target page element includes at least one sub-element; the target generation code comprises display range information of the target page element and position information of each sub-element in a display range corresponding to the display range information;
the device further comprises a first modification module, wherein the first modification module is used for, after the preset generation code corresponding to the target page element identifier is determined as the target generation code:
receiving an externally input instruction for carrying out position modification on the target sub-element in the editing window; the target sub-element is any one of the sub-elements;
and modifying the position information corresponding to the target sub-element in the target generation code according to the position modification instruction.
Optionally, if the target page element includes at least one first editable character string, the target generation code includes a second editable character string corresponding to each first editable character string;
the device further comprises a second modification module, wherein the second modification module is used for, after the preset generation code corresponding to the target page element identifier is determined as the target generation code:
modifying the target first editable string in response to receiving the instruction to modify the target first editable string; the target first editable character string is any one of the first editable character strings;
and modifying a second editable character string corresponding to the target first editable character string according to the modified target first editable character string.
Optionally, the apparatus further includes an information filling module, where the information filling module is configured to, before displaying the web page editing interface:
displaying a page attribute determination interface; the page attribute determination interface comprises a plurality of attribute slot positions to be filled, and the original code set comprises attribute fields to be filled corresponding to the attribute slot positions to be filled;
acquiring externally input page attribute information input in any target attribute slot to be filled in a page attribute determination interface; the target attribute slot to be filled is any one of a plurality of attribute slots to be filled;
and filling the page attribute information into the attribute field to be filled corresponding to the target attribute slot to be filled.
Optionally, the instruction for adding the target page element identifier into the editing window is generated in response to a user who inputs the external input dragging the target page element identifier into the editing window through a cursor.
Optionally, multiple target page elements may exist in the editing window at the same time, and the multiple target page elements are sequentially arranged according to the page rolling direction; each target generation code comprises a display sequence field, and the display sequence field is used for recording the arrangement sequence of the target page elements corresponding to the target generation code in the editing window.
Optionally, the target page element includes a file binding sub-window;
the device further comprises an uploading module, wherein the uploading module is used for determining the preset generation code corresponding to the target page element identifier as the target generation code, and then:
responding to the uploading of the target file in the file binding sub-window by a user, and storing the target file into a preset database;
and adding the file identification of the target file into the target generation code.
Embodiments of the present invention also provide a non-transitory computer-readable storage medium, which may be disposed in an electronic device to store at least one instruction or at least one program for implementing a method of the method embodiments, where the at least one instruction or the at least one program is loaded into and executed by a processor to implement the method provided by the above embodiments.
Embodiments of the present invention also provide an electronic device comprising a processor and the aforementioned non-transitory computer-readable storage medium.
Although some specific embodiments of the present invention have been described in detail by way of example, it should be understood by those skilled in the art that the above examples are for illustration only and are not intended to limit the scope of the invention. It will also be appreciated by those skilled in the art that various modifications may be made to the embodiments without departing from the scope and spirit of the invention. The scope of the invention is defined by the appended claims.
Claims (10)
1. A method for establishing a web page, the method comprising:
responding to a received establishment request of a target webpage, and generating an original code set corresponding to the target webpage;
displaying a webpage editing interface; the webpage editing interface comprises a candidate page element window and an editing window used for editing a target webpage, wherein the candidate page element window comprises a plurality of candidate page element identifications, and each candidate page element identification is provided with a corresponding preset page element and a preset generation code;
in response to an instruction of adding a target page element identifier into the editing window, which is input externally, determining a preset page element corresponding to the target page element identifier as a target page element in the target webpage, displaying the target page element in the editing window, and determining a preset generation code corresponding to the target page element identifier as a target generation code; the target page element identifier is any one of a plurality of candidate page element identifiers;
and in response to the received editing completion request, adding the target generation code to the original code set to obtain a target code set for generating the target webpage, so as to establish the target webpage based on the target code set.
2. The method of claim 1, wherein the target page element comprises at least one sub-element; the target generation code comprises display range information of the target page element and position information of each sub-element in a display range corresponding to the display range information;
after the preset generation code corresponding to the target page element identifier is determined as the target generation code, the method further includes:
receiving an externally input instruction for carrying out position modification on the target sub-element in the editing window; the target sub-element is any one of the sub-elements;
and modifying the position information corresponding to the target sub-element in the target generation code according to the position modification instruction.
3. The method according to claim 1, wherein if the target page element includes at least one first editable character string, the target generated code includes a second editable character string corresponding to each first editable character string;
after the preset generation code corresponding to the target page element identifier is determined as the target generation code, the method further includes:
in response to receiving an instruction to modify a target first editable string, modifying the target first editable string; the target first editable character string is any one of the first editable character strings;
and modifying a second editable character string corresponding to the target first editable character string according to the modified target first editable character string.
4. The method of claim 1, wherein prior to said displaying the web page editing interface, the method further comprises:
displaying a page attribute determination interface; the page attribute determination interface comprises a plurality of attribute slot positions to be filled, and the original code set comprises attribute fields to be filled corresponding to the attribute slot positions to be filled;
acquiring externally input page attribute information input in any target attribute slot to be filled in the page attribute determination interface; the target attribute slot to be filled is any one of a plurality of attribute slots to be filled;
and filling the page attribute information into the attribute field to be filled corresponding to the target attribute slot to be filled.
5. The method of claim 1, wherein the instruction to add the target page element identifier to the editing window is generated in response to a user input from outside by dragging the target page element identifier into the editing window via a cursor.
6. The method according to claim 1, wherein a plurality of target page elements can exist in the editing window at the same time, and the plurality of target page elements are arranged in sequence in a page scrolling direction; each target generation code comprises a display sequence field, and the display sequence field is used for recording the arrangement sequence of the target page elements corresponding to the target generation code in the editing window.
7. The method of claim 1, wherein the target page element includes a file binding sub-window;
after the preset generation code corresponding to the target page element identifier is determined as the target generation code, the method further includes:
responding to the uploading of a target file in a file binding sub-window by a user, and storing the target file into a preset database;
and adding the file identification of the target file to the target generation code.
8. An apparatus for creating a web page, the apparatus comprising:
the generating module is used for responding to a received establishment request of a target webpage and generating an original code set corresponding to the target webpage;
the display module is used for displaying a webpage editing interface; the webpage editing interface comprises a candidate page element window and an editing window used for editing a target webpage, wherein the candidate page element window comprises a plurality of candidate page element identifications, and each candidate page element identification is provided with a corresponding preset page element and a preset generation code;
the determining module is used for responding to an externally input instruction for adding a target page element identifier into the editing window, determining a preset page element corresponding to the target page element identifier as a target page element in the target webpage, displaying the target page element in the editing window, and determining a preset generation code corresponding to the target page element identifier as a target generation code; the target page element identification is any one of a plurality of candidate page element identifications;
and the adding module is used for responding to the received editing completion request, adding the target generation code to the original code set to obtain a target code set used for generating the target webpage, and establishing the target webpage based on the target code set.
9. A non-transitory computer readable storage medium having stored therein at least one instruction or at least one program, the at least one instruction or the at least one program being loaded and executed by a processor to implement the method of any one of claims 1-7.
10. An electronic device comprising a processor and the non-transitory computer readable storage medium of claim 9.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211129464.3A CN115544413A (en) | 2022-09-16 | 2022-09-16 | Webpage establishing method and device, storage medium and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211129464.3A CN115544413A (en) | 2022-09-16 | 2022-09-16 | Webpage establishing method and device, storage medium and electronic equipment |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN115544413A true CN115544413A (en) | 2022-12-30 |
Family
ID=84728505
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202211129464.3A Pending CN115544413A (en) | 2022-09-16 | 2022-09-16 | Webpage establishing method and device, storage medium and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN115544413A (en) |
-
2022
- 2022-09-16 CN CN202211129464.3A patent/CN115544413A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8194075B2 (en) | Method and system for generating and displaying an interactive dynamic list view of multiply connected objects | |
| US8711148B2 (en) | Method and system for generating and displaying an interactive dynamic selective view of multiply connected objects | |
| US8711147B2 (en) | Method and system for generating and displaying an interactive dynamic graph view of multiply connected objects | |
| JP5575511B2 (en) | Website browsing system, server and client terminal | |
| CN104834753A (en) | Webpage screenshot generating method and device | |
| WO2022048141A1 (en) | Image processing method and apparatus, and computer readable storage medium | |
| US20110145695A1 (en) | Web page conversion system | |
| JP4440716B2 (en) | Display data generation device, display device, display data generation system, display data generation device control method, display data generation program, recording medium, electronic device, and electronic device control method | |
| CN111428170B (en) | Web page rendering method and device | |
| CN113535164A (en) | Front-end interface generation method and device, electronic equipment and storage medium | |
| CN113158619B (en) | Document processing method and device, computer readable storage medium and computer equipment | |
| US20170031877A1 (en) | Web Page Design System | |
| CN113382083A (en) | Webpage screenshot method and device | |
| JP2012064207A (en) | Host device and content display method of the same | |
| CN116954450A (en) | Screenshot method and device for front-end webpage, storage medium and terminal | |
| JP2000067038A (en) | Homepage preparing device | |
| CN116245052A (en) | Drawing migration method, device, equipment and storage medium | |
| CN110175026B (en) | Webpage visual editing method, device and storage medium | |
| JP2015138541A (en) | Web content generation system | |
| US11663199B1 (en) | Application development based on stored data | |
| CN111199568B (en) | Vector diagram drawing method and device and computer readable storage medium | |
| CN104346174A (en) | Method for describing and reproducing on-line vector diagram modeling process | |
| US20240037325A1 (en) | Ability to add non-direct ancestor columns in child spreadsheets | |
| CN115544413A (en) | Webpage establishing method and device, storage medium and electronic equipment | |
| JP2008071116A (en) | Information delivery system, information delivery device, information delivery method and information delivery 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 |