CN113254830A - Webpage configuration method and device, electronic equipment and storage medium - Google Patents
Webpage configuration method and device, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN113254830A CN113254830A CN202110572582.0A CN202110572582A CN113254830A CN 113254830 A CN113254830 A CN 113254830A CN 202110572582 A CN202110572582 A CN 202110572582A CN 113254830 A CN113254830 A CN 113254830A
- Authority
- CN
- China
- Prior art keywords
- webpage
- web page
- configuration
- user
- human
- 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
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention provides a webpage configuration method, a webpage configuration device, electronic equipment and a storage medium, wherein the method comprises the following steps: receiving a first operation of a user on a preset human-computer interaction interface; responding to the first operation, and adding a first webpage component for the webpage to be configured; wherein the first web page component is a web page component selected by the first operation; receiving a second operation of the user on the human-computer interaction interface under the condition that the webpage configuration is completed; and responding to the second operation, converting the information of the webpage components in the configured webpage into character strings and sending the character strings to the server. According to the invention, the user can realize the configuration of the webpage without mastering the professional coding capacity, thereby reducing the technical difficulty of the webpage configuration and simplifying the flow of the webpage configuration.
Description
Technical Field
The present invention relates to the field of network communication technologies, and in particular, to a method and an apparatus for configuring a web page, an electronic device, and a storage medium.
Background
With the development of front-end technology, a web page is usually packaged into multiple components in order to improve the easy maintainability and readability of the code. When the webpage needs to be modified, the modification can be realized by one or more of the following ways: adding components to the web page, changing the layout order of the components in the web page, and changing the information displayed by the components.
In the prior art, no matter whether components are added to a web page, or the layout sequence of the components in the web page is changed, and information displayed by the components is changed, the method is implemented by technicians in a mode of adjusting engineering codes.
The process of adjusting the engineering code is tedious, and generally includes a plurality of procedures such as compiling, testing, constructing, packaging, deploying online and the like. After the above process, the user can see the modified web page.
Therefore, the method for modifying the webpage in the prior art has the defect of complicated process.
Disclosure of Invention
Aiming at the problems in the prior art, the invention provides a webpage configuration method, a webpage configuration device, electronic equipment and a storage medium.
The invention provides a webpage configuration method, which comprises the following steps:
receiving a first operation of a user on a preset human-computer interaction interface;
responding to the first operation, and adding a first webpage component for the webpage to be configured; wherein the first web page component is a web page component selected by the first operation;
receiving a second operation of the user on the human-computer interaction interface under the condition that the webpage configuration is completed;
and responding to the second operation, converting the information of the webpage components in the configured webpage into character strings and sending the character strings to the server.
According to the webpage configuration method provided by the invention, before receiving the second operation of the user on the human-computer interaction interface under the condition that the webpage configuration is completed, the method further comprises the following steps:
receiving a third operation of a user on the human-computer interaction interface;
adjusting the order of second web page components in the web page in response to the third operation; wherein the second web page component is the web page component selected by the third operation.
According to the webpage configuration method provided by the invention, before receiving the second operation of the user on the human-computer interaction interface under the condition that the webpage configuration is completed, the method further comprises the following steps:
receiving a fourth operation of the user on the human-computer interaction interface;
editing information of a third webpage component in response to the fourth operation; wherein the third web page component is the web page component selected by the fourth operation.
According to the webpage configuration method provided by the invention, before receiving the second operation of the user on the human-computer interaction interface under the condition that the webpage configuration is completed, the method further comprises the following steps:
receiving a fifth operation of a user on the human-computer interaction interface;
and responding to the fifth operation, and displaying the currently configured webpage in a previewing mode.
According to the web page configuration method provided by the invention, responding to the second operation, converting the information of the web page components in the configured web page into the character strings and sending the character strings to the server, and the method comprises the following steps:
and responding to the second operation, converting the configuration information of the webpage components in the configured webpage into json character strings, and sending the json character strings to the server through an HTTP request.
According to the webpage configuration method provided by the invention, the displaying the currently configured webpage in a preview manner in response to the fifth operation comprises the following steps:
and responding to the fifth operation, converting the configuration information of the webpage components in the currently configured webpage into json character strings, and locally generating the currently configured webpage according to the json character strings.
According to the webpage configuration method provided by the invention, the method is realized based on front-end frame vue.
The invention also provides a web page configuration device, which comprises:
the first operation receiving module is used for receiving a first operation of a user on a preset human-computer interaction interface;
the webpage component adding module is used for responding to the first operation and adding a first webpage component to the webpage to be configured; wherein the first web page component is a web page component selected by the first operation;
the second operation receiving module is used for receiving a second operation of the user on the human-computer interaction interface under the condition that the webpage configuration is completed;
and the issuing module is used for responding to the second operation, converting the information of the webpage components in the configured webpage into character strings and sending the character strings to the server.
The invention also provides an electronic device, which comprises a memory, a processor and a computer program stored on the memory and capable of running on the processor, wherein the processor executes the program to realize the steps of the webpage configuration method.
The invention also provides a non-transitory computer-readable storage medium having stored thereon a computer program which, when executed by a processor, performs the steps of the web page configuration method as described.
The webpage configuration method, the webpage configuration device, the electronic equipment and the storage medium provided by the invention provide a human-computer interaction interface, a user executes operations in the human-computer interaction interface, the browser responds to the operations, can add the webpage components into the webpage, and transmits the configured webpage to the server after the webpage configuration is successful. According to the webpage configuration method, the webpage configuration device, the electronic equipment and the storage medium, a user can configure the webpage without mastering professional coding capacity, the technical difficulty of webpage configuration is reduced, and the flow of webpage configuration is simplified.
Drawings
In order to more clearly illustrate the technical solutions of the present invention or the prior art, the drawings needed for the description of the embodiments or the prior art will be briefly described below, and it is obvious that the drawings in the following description are some embodiments of the present invention, and those skilled in the art can also obtain other drawings according to the drawings without creative efforts.
FIG. 1 is a flowchart of a web page configuration method provided by the present invention;
FIG. 2 is a schematic diagram of a human-computer interface involved in the method for configuring a web page according to the present invention;
FIG. 3 is a second schematic diagram of a human-machine interface involved in the method for configuring a web page according to the present invention;
FIG. 4 is a third schematic diagram of a human-computer interface involved in the web page configuration method provided by the present invention;
FIG. 5 is a fourth schematic diagram of a human-computer interface involved in the method for configuring a web page provided by the present invention;
FIG. 6 is a schematic diagram of a web page configuration apparatus provided in the present invention;
fig. 7 is a schematic structural diagram of an electronic device provided by the present invention.
Detailed Description
In order to make the objects, technical solutions and advantages of the present invention clearer, the technical solutions of the present invention will be clearly and completely described below with reference to the accompanying drawings, and it is obvious that the described embodiments are some, but not all embodiments of the present invention. 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 following describes a web page configuration method, apparatus, electronic device and storage medium provided by the present invention with reference to fig. 1 to 7.
Fig. 1 is a flowchart of a web page configuration method provided by the present invention, and as shown in fig. 1, the web page configuration method provided by the present invention includes:
103, receiving a second operation of the user on the human-computer interaction interface under the condition that the webpage configuration is finished;
and step 104, responding to the second operation, converting the information of the webpage components in the configured webpage into character strings and sending the character strings to the server.
The webpage configuration method provided by the invention can be realized through a browser.
In the prior art, the configuration of the web page is realized by adjusting the engineering code, which has certain technical difficulty. Web page configuration cannot be implemented by technicians without certain code writing capabilities. In the present embodiment, a human-computer interaction interface is provided. The user executes specific operations on the human-computer interaction interface, and the browser can realize the configuration of the webpage in response to the specific operations.
The Component (Component) is the package of data and/or method, and in the present invention, the web page Component includes various common interface components, such as: forms, pop-up windows, etc.
As is known to those skilled in the art, a web page includes web page components; the web pages with different contents contain different web page components. For example, if the to-be-configured webpage is a platform homepage related to PaaS, the included webpage components include core indexes related to PaaS, such as resource overview, platform health degree, and the like; if the webpage to be configured is a control console home page related to mPaaS, the included webpage components include task overview, mobile development products, application scenes and the like.
Therefore, in this embodiment, the user may add a corresponding web page component to the web page to be configured according to the content of the web page to be configured.
In this embodiment, the first operation may be "click operation + drag operation", where the click operation is used to select a web page component, and the selected web page component is the first web page component. The number of the first web page components is not limited, and may be one or more. And the dragging operation is used for moving the first webpage component to a specified position on the human-computer interaction interface so as to enable the webpage to be configured to add the first webpage component. As will be readily understood by those skilled in the art, the first web page component is not part of the web page until selected by the first operation.
Fig. 2 is a schematic view of a human-machine interface involved in the web page configuration method provided by the present invention, and as shown in fig. 2, the human-machine interface includes an area a and an area B. The area A is used for describing candidate webpage components, and the area B is used for describing webpage components which are added into the webpage to be configured.
The user selects the web page component 201 in the area a by a click operation on the man-machine interface shown in fig. 2, and then moves the web page component 201 to the area B by a drag operation. This means that the web page component 201 has been added to the web page.
In this embodiment, the web page configuration method is implemented based on the front-end framework Vue, so that the dragging operation of the web page component can be supported by the vueddragable dependency package. In other embodiments of the present invention, other types of front end frames can be used as the front end frame, such as React, angle, etc., and the corresponding dependency packages are exact-beautiful-dnd and ngdragable.
After the first web page component is added to the web page, it wraps the < div > element in the HTML, based on which the first web page component can be edited. In the embodiments that follow, reference will be made to how information in a web page component is edited.
After the configuration of the web page is completed, the user may perform a second operation on the human-computer interaction interface, such as clicking a "release button" on the human-computer interaction interface. In response to the second operation, the browser converts the information of the webpage components in the configured webpage into json character strings and sends the json character strings to the server. The server saves the received json string in a database.
For example, a certain web page component in the configured web page is used for receiving basic information of the user, specifically including options of name, age, address, gender and the like. When the user clicks the ' release button ', the browser converts the information of the options such as ' name, age, address, gender ' and the like ' in the webpage component into a json character string, and then sends the json character string to the server through an HTTP request.
Optionally, in response to the second operation, the browser converts the configuration information of the web page component in the configured web page into a json character string, and sends the json character string to the server.
For example, a certain web page component in the configured web page is used for receiving basic information of the user, specifically including options of name, age, address, gender and the like. The name and age options can be configured, and the address and gender options are fixed and unchangeable. When the user clicks the "publish button", the browser converts the configurable "name, age" option information in the web page component into json string, and sends the json string to the server via HTTP request.
When a user needs to access a webpage, json character string data of the corresponding webpage are obtained from the server. By the json character string data, it is possible to know which web page components are included in the web page, the layout order of the web page components, the configuration information of the web page components, and the like. Accordingly, the webpage components contained in the json data can be introduced and rendered according to the configuration information, thereby generating the webpage.
The webpage configuration method provided by the invention provides a human-computer interaction interface for a user, the user executes operations in the human-computer interaction interface, the browser responds to the operations, can add the webpage components into the webpage, and transmits the configured webpage to the server after the webpage configuration is successful. According to the webpage configuration method provided by the invention, the user can realize the configuration of the webpage without mastering the professional coding capacity, the technical difficulty of the webpage configuration is reduced, and the flow of the webpage configuration is simplified.
Based on any of the foregoing embodiments, in this embodiment, before receiving, in a case that the web page configuration is completed, a second operation of the user on the human-computer interaction interface, the method further includes:
receiving a third operation of a user on the human-computer interaction interface;
adjusting the order of second web page components in the web page in response to the third operation; wherein the second web page component is the web page component selected by the third operation.
In the previous embodiments, it was described how to add web page components to a web page to be configured. In the present embodiment, how to adjust the order of web page components in a web page will be described. Due to the influence of various factors such as webpage function adjustment, webpage layout adjustment, webpage beautification requirements and the like, the sequence of webpage components added into the webpage needs to be adjusted.
Specifically, in this embodiment, the third operation is "click operation + drag operation". For example, the web page component to be adjusted, i.e. the second web page component, is selected from the web page components already included in the web page through a clicking operation. And then, the position of the second webpage component in the human-computer interaction interface is adjusted through dragging operation, so that the sequence of the second webpage component in the webpage is adjusted. In other embodiments, the third operation may be other types of operations.
In this embodiment, the web page configuration method is implemented based on the front-end framework Vue, so that the dragging operation of the web page component can be supported by the vueddragable dependency package.
Fig. 3 is a second schematic diagram of the human-computer interaction interface involved in the web page configuration method provided by the present invention, and as shown in fig. 3, the position of the web page component 201 in the human-computer interaction interface is adjusted from before the web page component 202 (the position of the dashed line frame in fig. 3) to after the web page component 202 by a click operation and a drag operation.
The adjustment of the sequence of the web page components in the web page means that the sequence between the web page components and the adjacent web page components is changed. For example, web component a precedes web component b before the adjustment, and web component a follows web component b after the adjustment.
The webpage configuration method provided by the invention provides a human-computer interaction interface for a user, the user executes operations in the human-computer interaction interface, and the browser responds to the operations and can adjust the sequence of the webpage components in the webpage, thereby better meeting the requirements of customers. According to the webpage configuration method provided by the invention, the user can realize the configuration of the webpage without mastering the professional coding capacity, the technical difficulty of the webpage configuration is reduced, and the flow of the webpage configuration is simplified.
Based on any of the foregoing embodiments, in this embodiment, before receiving, in a case that the web page configuration is completed, a second operation of the user on the human-computer interaction interface, the method further includes:
receiving a fourth operation of the user on the human-computer interaction interface;
editing information of a third webpage component in response to the fourth operation; wherein the third web page component is the web page component selected by the fourth operation.
Those skilled in the art will appreciate that some of the information in the web page components may be dynamically configurable, such as textual information, graphical information (e.g., icons or background pictures), etc. Although this information typically already has initial values at the time of web page component development, in practical applications there is a need to reconfigure this information. In the present embodiment, a description will be given of how to re-edit dynamically configurable information in a web component.
In the previous embodiment, it was mentioned that when a web page component is added to a web page, it wraps the < div > element in the HTML. Based on the div element, the web page component may be edited. Thus, in this embodiment, dynamically configurable information in a web component can be edited based on div elements outside the web component.
In this embodiment, the fourth operation is an operation of information input, and if the information to be edited is text information, new text information is input by the fourth operation.
Fig. 4 is a third schematic diagram of a human-computer interaction interface involved in the web page configuration method provided by the present invention, and as shown in fig. 4, a web page component that has been added to a web page has an edit button, and an edit function provided by a div can be invoked through the edit button, so as to edit information of the web page component where the div is located.
The webpage configuration method provided by the invention provides a human-computer interaction interface for the user, the user executes operations in the human-computer interaction interface, and the browser can edit the information of the webpage components added into the webpage in response to the operations, thereby better meeting the requirements of the customer. According to the webpage configuration method provided by the invention, the user can realize the configuration of the webpage without mastering the professional coding capacity, the technical difficulty of the webpage configuration is reduced, and the flow of the webpage configuration is simplified.
Based on any of the foregoing embodiments, in this embodiment, before receiving, in a case that the web page configuration is completed, a second operation of the user on the human-computer interaction interface, the method further includes:
receiving a fifth operation of a user on the human-computer interaction interface;
and responding to the fifth operation, and displaying the currently configured webpage in a previewing mode.
In the previous embodiment, web page components have been added to the web page, the order between web page components has been adjusted, and/or the information of web page components has been edited to obtain a web page with completed initial configuration. Before publishing the web page, a user usually needs to preview the currently configured web page to determine whether to further adjust the web page in order to ensure that the effect of the web page is expected by the user and avoid repeated modification of the web page.
Specifically, in this embodiment, the user executes a fifth operation on the human-computer interaction interface, for example, clicking a "preview button", and the browser converts the configuration information of the web page component in the currently configured web page into a json character string in response to the fifth operation, and then locally generates the currently configured web page according to the json character string.
If the user is satisfied with the webpage preview result, continuing the webpage publishing operation, and if the user is not satisfied with the webpage preview result, adding a new webpage component into the webpage, or performing sequence adjustment and/or information editing on the existing webpage components in the webpage. How to add new web page components, how to adjust the sequence of existing web page components in a web page, and how to edit the information of web page components have been described in detail in the previous embodiments, and therefore, they are not repeated here.
Fig. 5 is a fourth schematic view of a human-computer interaction interface involved in the webpage configuration method provided by the present invention, as shown in fig. 5, a preview button is arranged on the human-computer interaction interface, and after a user clicks the preview button through a fifth operation, a json character string of a currently configured webpage is acquired by a browser, and then a page of the configured webpage is rendered according to configuration information.
It should be noted that the web page viewed in the preview manner is the same as the web page viewed after the web page release is effective. However, during the preview, since the browser does not send the HTTP request and the server does not receive the web page after the configuration modification, the web page opened by the user side is still the web page configured last time, and the web page configured this time is not yet in effect.
The webpage configuration method provided by the invention provides a human-computer interaction interface for the user, the user executes the operation in the human-computer interaction interface, the browser can preview the currently configured webpage in response to the operation, and whether to release or continue to modify is determined according to the preview result, so that the customer requirements are better met. According to the webpage configuration method provided by the invention, the user can realize the configuration of the webpage without mastering the professional coding capacity, the technical difficulty of the webpage configuration is reduced, and the flow of the webpage configuration is simplified.
The following describes the web page configuration apparatus provided by the present invention, and the web page configuration apparatus described below and the web page configuration method described above may be referred to correspondingly.
Fig. 6 is a schematic diagram of a web page configuration apparatus provided by the present invention, and as shown in fig. 6, the web page configuration apparatus provided by the present invention includes:
a first operation receiving module 601, configured to receive a first operation of a user on a preset human-computer interaction interface;
a web page component adding module 602, configured to add a first web page component to the web page to be configured in response to the first operation; wherein the first web page component is a web page component selected by the first operation;
a second operation receiving module 603, configured to receive, when the web page configuration is completed, a second operation of the user on the human-computer interaction interface;
and the publishing module 604 is configured to, in response to the second operation, convert the information of the web page component in the configured web page into a character string and send the character string to the server.
In this embodiment, the converting, in response to the second operation, information of the web page component in the configured web page into a character string and sending the character string to the server includes:
and responding to the second operation, converting the configuration information of the webpage components in the configured webpage into json character strings, and sending the json character strings to the server through an HTTP request.
The webpage configuration device provided by the invention provides a human-computer interaction interface for a user, the user executes operations in the human-computer interaction interface, the browser responds to the operations and can add webpage components into the webpage, and the configured webpage is transmitted to the server after the webpage configuration is successful. According to the webpage configuration device provided by the invention, a user can realize the configuration of the webpage without mastering the professional coding capacity, the technical difficulty of the webpage configuration is reduced, and the flow of the webpage configuration is simplified.
Based on any one of the above embodiments, in this embodiment, the apparatus further includes:
the third operation receiving module is used for receiving a third operation of the user on the human-computer interaction interface;
the webpage component sequence adjusting module is used for responding to the third operation and adjusting the sequence of the second webpage components in the webpage; wherein the second web page component is the web page component selected by the third operation.
The webpage configuration device provided by the invention provides a human-computer interaction interface for a user, the user executes operations in the human-computer interaction interface, and the browser can adjust the sequence of the webpage components in the webpage in response to the operations, so that the requirements of the user can be better met. According to the webpage configuration device provided by the invention, a user can realize the configuration of the webpage without mastering the professional coding capacity, the technical difficulty of the webpage configuration is reduced, and the flow of the webpage configuration is simplified.
Based on any one of the above embodiments, in this embodiment, the apparatus further includes:
the fourth operation receiving module is used for receiving a fourth operation of the user on the human-computer interaction interface;
the information editing module is used for responding to the fourth operation and editing the information of the third webpage component; wherein the third web page component is the web page component selected by the fourth operation.
The webpage configuration device provided by the invention provides a human-computer interaction interface for a user, the user executes operations in the human-computer interaction interface, and the browser can edit the information of the webpage components added into the webpage in response to the operations, so that the requirements of the user can be better met. According to the webpage configuration device provided by the invention, a user can realize the configuration of the webpage without mastering the professional coding capacity, the technical difficulty of the webpage configuration is reduced, and the flow of the webpage configuration is simplified.
Based on any one of the above embodiments, in this embodiment, the apparatus further includes:
the fifth operation receiving module is used for receiving a fifth operation of the user on the human-computer interaction interface;
and the preview module is used for responding to the fifth operation and displaying the currently configured webpage in a preview mode.
In this embodiment, in response to the fifth operation, displaying the currently configured webpage in a preview manner specifically includes: and responding to the fifth operation, converting the configuration information of the webpage components in the currently configured webpage into json character strings, and locally generating the currently configured webpage according to the json character strings.
The webpage configuration device provided by the invention provides a human-computer interaction interface for a user, the user executes operations in the human-computer interaction interface, the browser can preview the currently configured webpage in response to the operations, and whether to release or continue to modify the webpage is determined according to the preview result, so that the requirements of the user are better met. According to the webpage configuration device provided by the invention, a user can realize the configuration of the webpage without mastering the professional coding capacity, the technical difficulty of the webpage configuration is reduced, and the flow of the webpage configuration is simplified.
Fig. 7 is a schematic structural diagram of an electronic device provided in the present invention, and as shown in fig. 7, the electronic device may include: a processor (processor)710, a communication Interface (Communications Interface)720, a memory (memory)730, and a communication bus 740, wherein the processor 710, the communication Interface 720, and the memory 730 communicate with each other via the communication bus 740. Processor 710 may call logic instructions in memory 730 to perform a web page configuration method comprising:
receiving a first operation of a user on a preset human-computer interaction interface;
responding to the first operation, and adding a first webpage component for the webpage to be configured; wherein the first web page component is a web page component selected by the first operation;
receiving a second operation of the user on the human-computer interaction interface under the condition that the webpage configuration is completed;
and responding to the second operation, converting the information of the webpage components in the configured webpage into character strings and sending the character strings to the server.
In addition, the logic instructions in the memory 730 can be implemented in the form of software functional units and stored in a computer readable storage medium when the software functional units are sold or used as independent products. Based on such understanding, the technical solution of the present invention may be embodied in the form of a software product, which is stored in a storage medium and includes instructions for causing a computer device (which may be a personal computer, a server, or a network device) to execute all or part of the steps of the method according to the embodiments of the present invention. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk or an optical disk, and other various media capable of storing program codes.
In another aspect, the present invention also provides a computer program product, which includes a computer program stored on a non-transitory computer-readable storage medium, the computer program including program instructions, when the program instructions are executed by a computer, the computer being capable of executing the web page configuration method provided by the above methods, the method including:
receiving a first operation of a user on a preset human-computer interaction interface;
responding to the first operation, and adding a first webpage component for the webpage to be configured; wherein the first web page component is a web page component selected by the first operation;
receiving a second operation of the user on the human-computer interaction interface under the condition that the webpage configuration is completed;
and responding to the second operation, converting the information of the webpage components in the configured webpage into character strings and sending the character strings to the server.
In yet another aspect, the present invention also provides a non-transitory computer readable storage medium having stored thereon a computer program, which when executed by a processor is implemented to perform the provided web page configuring method, the method including:
receiving a first operation of a user on a preset human-computer interaction interface;
responding to the first operation, and adding a first webpage component for the webpage to be configured; wherein the first web page component is a web page component selected by the first operation;
receiving a second operation of the user on the human-computer interaction interface under the condition that the webpage configuration is completed;
and responding to the second operation, converting the information of the webpage components in the configured webpage into character strings and sending the character strings to the server.
The above-described embodiments of the apparatus are merely illustrative, and the units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of the present embodiment. One of ordinary skill in the art can understand and implement it without inventive effort.
Through the above description of the embodiments, those skilled in the art will clearly understand that each embodiment can be implemented by software plus a necessary general hardware platform, and certainly can also be implemented by hardware. With this understanding in mind, the above-described technical solutions may be embodied in the form of a software product, which can be stored in a computer-readable storage medium such as ROM/RAM, magnetic disk, optical disk, etc., and includes instructions for causing a computer device (which may be a personal computer, a server, or a network device, etc.) to execute the methods described in the embodiments or some parts of the embodiments.
Finally, it should be noted that: the above examples are only intended to illustrate the technical solution of the present invention, but not to limit it; although the present invention has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some technical features may be equivalently replaced; and such modifications or substitutions do not depart from the spirit and scope of the corresponding technical solutions of the embodiments of the present invention.
Claims (10)
1. A method for configuring a web page, comprising:
receiving a first operation of a user on a preset human-computer interaction interface;
responding to the first operation, and adding a first webpage component for the webpage to be configured; wherein the first web page component is a web page component selected by the first operation;
receiving a second operation of the user on the human-computer interaction interface under the condition that the webpage configuration is completed;
and responding to the second operation, converting the information of the webpage components in the configured webpage into character strings and sending the character strings to the server.
2. The method for configuring the web page according to claim 1, wherein before receiving a second operation of the user on the human-computer interaction interface in case of completing the configuration of the web page, the method further comprises:
receiving a third operation of a user on the human-computer interaction interface;
adjusting the order of second web page components in the web page in response to the third operation; wherein the second web page component is the web page component selected by the third operation.
3. The method for configuring the web page according to claim 1 or 2, wherein before receiving a second operation of the user on the human-computer interaction interface in the case that the web page configuration is completed, the method further comprises:
receiving a fourth operation of the user on the human-computer interaction interface;
editing information of a third webpage component in response to the fourth operation; wherein the third web page component is the web page component selected by the fourth operation.
4. The method for configuring the web page according to any one of claims 1 to 3, wherein before receiving a second operation of the user on the human-computer interaction interface in the case that the web page configuration is completed, the method further comprises:
receiving a fifth operation of a user on the human-computer interaction interface;
and responding to the fifth operation, and displaying the currently configured webpage in a previewing mode.
5. The method for configuring web pages according to claim 1, wherein the converting information of web page components in the configured web pages into character strings and sending the character strings to the server in response to the second operation comprises:
and responding to the second operation, converting the configuration information of the webpage components in the configured webpage into json character strings, and sending the json character strings to the server through an HTTP request.
6. The method for configuring web pages according to claim 4, wherein the displaying the currently configured web page in a preview manner in response to the fifth operation comprises:
and responding to the fifth operation, converting the configuration information of the webpage components in the currently configured webpage into json character strings, and locally generating the currently configured webpage according to the json character strings.
7. The method for configuring the web page according to the claim 1, wherein the method is implemented based on front-end frame vue.
8. A web page configuring apparatus, comprising:
the first operation receiving module is used for receiving a first operation of a user on a preset human-computer interaction interface;
the webpage component adding module is used for responding to the first operation and adding a first webpage component to the webpage to be configured; wherein the first web page component is a web page component selected by the first operation;
the second operation receiving module is used for receiving a second operation of the user on the human-computer interaction interface under the condition that the webpage configuration is completed;
and the issuing module is used for responding to the second operation, converting the information of the webpage components in the configured webpage into character strings and sending the character strings to the server.
9. An electronic device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, wherein the processor implements the steps of the web page configuration method according to any one of claims 1 to 7 when executing the program.
10. A non-transitory computer readable storage medium, on which a computer program is stored, wherein the computer program, when executed by a processor, implements the steps of the web page configuration method according to any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110572582.0A CN113254830A (en) | 2021-05-25 | 2021-05-25 | Webpage configuration method and device, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110572582.0A CN113254830A (en) | 2021-05-25 | 2021-05-25 | Webpage configuration method and device, electronic equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113254830A true CN113254830A (en) | 2021-08-13 |
Family
ID=77184315
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110572582.0A Pending CN113254830A (en) | 2021-05-25 | 2021-05-25 | Webpage configuration method and device, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113254830A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| EP4276604A1 (en) * | 2022-05-09 | 2023-11-15 | ServiceNow, Inc. | Dynamic web component stream renderer |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107463584A (en) * | 2016-06-06 | 2017-12-12 | 腾讯科技（深圳）有限公司 | The editing and processing method and terminal of a kind of interaction page |
| CN110442336A (en) * | 2019-08-05 | 2019-11-12 | 上海钧正网络科技有限公司 | A kind of web development methods and device, storage medium and electronic equipment |
| CN112818277A (en) * | 2021-01-25 | 2021-05-18 | 京东方科技集团股份有限公司 | Webpage generation method and device, storage medium and electronic equipment |
-
2021
- 2021-05-25 CN CN202110572582.0A patent/CN113254830A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107463584A (en) * | 2016-06-06 | 2017-12-12 | 腾讯科技（深圳）有限公司 | The editing and processing method and terminal of a kind of interaction page |
| CN110442336A (en) * | 2019-08-05 | 2019-11-12 | 上海钧正网络科技有限公司 | A kind of web development methods and device, storage medium and electronic equipment |
| CN112818277A (en) * | 2021-01-25 | 2021-05-18 | 京东方科技集团股份有限公司 | Webpage generation method and device, storage medium and electronic equipment |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| EP4276604A1 (en) * | 2022-05-09 | 2023-11-15 | ServiceNow, Inc. | Dynamic web component stream renderer |
| US12015656B2 (en) | 2022-05-09 | 2024-06-18 | Servicenow, Inc. | Dynamic web component stream renderer |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10325012B2 (en) | Filtered stylesheets | |
| JP6629848B2 (en) | Page processing for mobile applications | |
| CN106339226B (en) | A kind of methods of exhibiting and page presentation device of Webpage | |
| US20210034336A1 (en) | Executing a process-based software application in a first computing environment and a second computing environment | |
| CN109933322B (en) | Page editing method and device and computer readable storage medium | |
| CA3039009C (en) | A method and system for providing and executing web applications | |
| US20170192877A1 (en) | Mobile application development and deployment | |
| US11677809B2 (en) | Methods for transforming a server side template into a client side template and devices thereof | |
| CN106354483B (en) | Data processing method and device and electronic equipment | |
| CN107229760B (en) | Storage medium, electronic device, the display methods of web page contents and device | |
| US8370752B2 (en) | Automatic personalization of user visualization and interaction in a service-oriented architecture interface | |
| CN109284488B (en) | Method, device and medium for modifying front-end table column data based on local storage | |
| CN110941428B (en) | Website creation method and device | |
| CN106533926A (en) | Webpage information dissemination method and device | |
| CN113655999A (en) | Rendering method, device and equipment of page control and storage medium | |
| US9208241B2 (en) | User interface task flow component | |
| CN113254830A (en) | Webpage configuration method and device, electronic equipment and storage medium | |
| WO2024066825A1 (en) | Page project development method, apparatus, device, medium and product | |
| CN115618144B (en) | Dynamic layout method, system, equipment and medium based on webpage | |
| CN112015410A (en) | Webpage editing method, device and system and computer storage medium | |
| JP7014960B2 (en) | Information processing equipment, servers, their processing methods and programs | |
| KR20130101377A (en) | Method for providing web application linkaging whith netive menu using script and the smart terminal thereof | |
| CN110968991A (en) | Method and related device for editing characters | |
| CN112486378B (en) | Graph generation method, device, terminal and storage medium | |
| CN108874829A (en) | Processing method, device, smart machine and the computer storage medium of webpage |
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 |