CN114036439A - Website building method, device, medium and electronic equipment - Google Patents
Website building method, device, medium and electronic equipment Download PDFInfo
- Publication number
- CN114036439A CN114036439A CN202111353693.9A CN202111353693A CN114036439A CN 114036439 A CN114036439 A CN 114036439A CN 202111353693 A CN202111353693 A CN 202111353693A CN 114036439 A CN114036439 A CN 114036439A
- Authority
- CN
- China
- Prior art keywords
- website
- component
- code
- modular
- application
- 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
- 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/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
Abstract
The application belongs to the technical field of computers, and particularly relates to a website building method, a website building device, a computer readable medium and electronic equipment. The website building method comprises the following steps: displaying a component selection area and a component editing area on a front-end interactive interface of a website building platform; in response to a selection operation on a modular component in the component selection area, copying the selected modular component; monitoring continuous moving operation with the selecting operation to generate a moving path, and moving the copied modular assembly to an assembly editing area along the moving path; responding to the triggering operation of the website deployment control on the front-end interactive interface, and combining all the modularized components in the component editing area to obtain a website configuration page; and combining the code segments corresponding to the modularized components according to the website configuration page to obtain a code file, and packaging the code file to generate the website application. The method can avoid generating redundant codes and improve the development efficiency of the website application.
Description
Technical Field
The application belongs to the technical field of computers, and particularly relates to a website building method, a website building device, a computer readable medium and electronic equipment.
Background
The website application can only carry out code packaging and online once after the whole project is finished, and cannot generate a new code file packet again according to the modification of a content configurator to the configuration content, which will cause the redundant codes used by a user to be increased, and cause the files such as html, js, css and the like requested when the website is accessed to be overlarge, thereby wasting precious bandwidth resources, influencing the loading performance of the website and bringing bad use experience to the user; and when the deployment package of the application is output to the third-party user, some codes which are not required by other users can be output, and the volume of the package is increased.
Disclosure of Invention
The application aims to provide a website building method, a website building device, a computer readable medium and electronic equipment, which at least partially overcome the defects in the related art.
Other features and advantages of the present application will be apparent from the following detailed description, or may be learned by practice of the application.
According to an aspect of an embodiment of the present application, there is provided a website building method, including:
displaying an assembly selection area and an assembly editing area on a front-end interactive interface of a website building platform, wherein the assembly selection area comprises modular assemblies which correspond to different website content elements and can be selected, and the assembly editing area is used for editing and displaying the selected modular assemblies;
in response to a selection operation on a modular component in the component selection area, copying the selected modular component;
monitoring continuous moving operation with the selecting operation to generate a moving path, and moving the copied modular assembly to an assembly editing area along the moving path;
responding to the triggering operation of the website deployment control on the front-end interactive interface, and combining all the modularized components in the component editing area to obtain a website configuration page;
and combining the code segments corresponding to the modularized components according to the website configuration page to obtain a code file, and packaging the code file to generate the website application.
In some embodiments of the present application, based on the above technical solution, combining the code segments corresponding to the respective modular components according to the website configuration page to obtain the code file includes:
acquiring component positions and component identifications of all modular components in a website configuration page, wherein the component positions are used for representing the distribution positions of the modular components in the website configuration page, and the component identifications are used for representing the types of the modular components;
sending a code combination request carrying the component position and the component identification of the modular component to a background server of a website building platform;
and the background server acquires the code segments corresponding to the modularized components according to the component identifiers, and combines the code segments according to the component positions to obtain the code file.
In some embodiments of the present application, based on the above technical solution, the obtaining, by the backend server, the code segment corresponding to each modular component according to the component identifier includes:
the background server analyzes the code combination request to obtain a component position, a component identifier and a deployment platform identifier carried in the code combination request;
determining a target platform for running the website application according to the deployment platform identification, and acquiring a target code warehouse corresponding to the target platform;
and acquiring code segments corresponding to the modular components from the target code warehouse according to the component identifications.
In some embodiments of the present application, based on the above technical solution, before the code segments corresponding to the respective modular components are combined according to the website configuration page to obtain the code file, the method further includes:
displaying a platform selection page on the front-end interactive interface, wherein the platform selection page comprises a plurality of selectable application deployment platforms;
and in response to a platform selection operation triggered on the platform selection page, selecting one or more target platforms for running the website application from a plurality of selectable application deployment platforms.
In some embodiments of the present application, based on the above technical solution, after the code segments corresponding to the respective modular components are combined according to the website configuration page to obtain the code file, the method further includes:
showing an entrance control for importing the website application on a front-end interactive interface;
responding to the triggering operation of the entrance control, acquiring a code file of the website application, and displaying a website configuration page consisting of modular components in a component editing area of a front-end interactive interface according to the code file;
responding to the editing operation of the modularized components in the website configuration page, generating component change information aiming at the modularized components, and sending a website page editing request carrying the component change information to a background server;
and the background server adjusts the code segments in the code file of the website application according to the component change information to obtain an updated code file.
In some embodiments of the present application, based on the above technical solution, obtaining a code file of a website application includes:
acquiring a uniform resource locator of a website application to be imported;
and searching a code file of the website application in a local code file database according to the uniform resource locator.
In some embodiments of the present application, based on the above technical solution, a website configuration page composed of modular components is displayed in a component editing area of a front-end interactive interface according to a code file, and includes:
analyzing the code file to obtain a plurality of code segments forming the code file;
analyzing the content of the code segments to obtain modular components corresponding to the code segments;
and displaying a website configuration page consisting of modular components in a component editing area of the front-end interactive interface.
According to an aspect of an embodiment of the present application, there is provided a website building apparatus, including:
the display module is configured to display an assembly selection area and an assembly editing area on a front-end interactive interface of the website building platform, the assembly selection area comprises modular assemblies which correspond to different website content elements and can be selected, and the assembly editing area is an area for editing and displaying the selected modular assemblies;
the copying module is configured to respond to the selection operation of the modular components in the component selection area and copy the selected modular components;
the moving module is configured to monitor moving operation continuous with the selecting operation to generate a moving path and move the copied modular assembly to the assembly editing area along the moving path;
the module combination module is configured to respond to triggering operation of a website deployment control on the front-end interactive interface and combine all modular components in the component editing area to obtain a website configuration page;
and the code combining module is configured to combine the code segments corresponding to the modularized assemblies according to the website configuration page to obtain a code file, and package the code file to generate the website application.
According to an aspect of the embodiments of the present application, there is provided a computer-readable medium, on which a computer program is stored, and the computer program, when executed by a processor, implements the website building method as in the above technical solutions.
According to an aspect of an embodiment of the present application, there is provided an electronic apparatus including: a processor; and a memory for storing executable instructions of the processor; wherein the processor is configured to execute the website building method as in the above technical solution via executing the executable instructions.
According to an aspect of embodiments herein, there is provided a computer program product or computer program comprising computer instructions stored in a computer readable storage medium. The processor of the computer device reads the computer instruction from the computer readable storage medium, and the processor executes the computer instruction, so that the computer device executes the website building method in the above technical scheme.
In the technical scheme provided by the embodiment of the application, the code modules which can be repeatedly used are combined based on the componentized configuration platform to form the website application which meets the requirements of users; when the website is modified, a new code file meeting the user requirements can be combined based on the adjustment of the modules, so that redundant codes are avoided, and the application development efficiency of the website can be improved.
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 application.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present application and together with the description, serve to explain the principles of the application. It is obvious that the drawings in the following description are only some embodiments of the application, and that for a person skilled in the art, other drawings can be derived from them without inventive effort.
Fig. 1 schematically shows a block diagram of an exemplary system architecture to which the solution of the present application applies.
Fig. 2 is a flowchart illustrating steps of a website building method according to an embodiment of the present application.
FIG. 3 is a diagram illustrating a front-end interactive interface of a website building platform according to an embodiment of the present application.
FIG. 4 shows a flowchart of the steps for combining code snippets in one embodiment of the present application.
FIG. 5 is a flowchart illustrating the steps of obtaining a code snippet in one embodiment of the present application.
FIG. 6 illustrates an interface diagram of a platform selection page in one embodiment of the present application.
FIG. 7 is a flowchart illustrating steps for editing modifications to a website application in one embodiment of the present application.
Fig. 8 schematically shows a structural block diagram of a website building apparatus provided in an embodiment of the present application.
FIG. 9 schematically illustrates a block diagram of a computer system suitable for use in implementing an electronic device of an embodiment of the present application.
Detailed Description
Example embodiments will now be described more fully with reference to the accompanying drawings. Example embodiments may, however, be embodied in many different forms and should not be construed as limited to the examples set forth herein; rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the concept of example embodiments to those skilled in the art.
Furthermore, the described features, structures, or characteristics may be combined in any suitable manner in one or more embodiments. In the following description, numerous specific details are provided to give a thorough understanding of embodiments of the application. One skilled in the relevant art will recognize, however, that the subject matter of the present application can be practiced without one or more of the specific details, or with other methods, components, devices, steps, and so forth. In other instances, well-known methods, devices, implementations, or operations have not been shown or described in detail to avoid obscuring aspects of the application.
The block diagrams shown in the figures are functional entities only and do not necessarily correspond to physically separate entities. I.e. these functional entities may be implemented in the form of software, or in one or more hardware modules or integrated circuits, or in different networks and/or processor means and/or microcontroller means.
The flow charts shown in the drawings are merely illustrative and do not necessarily include all of the contents and operations/steps, nor do they necessarily have to be performed in the order described. For example, some operations/steps may be decomposed, and some operations/steps may be combined or partially combined, so that the actual execution sequence may be changed according to the actual situation.
Fig. 1 schematically shows a block diagram of an exemplary system architecture to which the solution of the present application applies.
As shown in fig. 1, system architecture 100 may include a terminal device 110, a network 120, and a server 130. The terminal device 110 may include various electronic devices such as a smart phone, a tablet computer, a notebook computer, and a desktop computer. The server 130 may be an independent physical server, a server cluster or a distributed system formed by a plurality of physical servers, or a cloud server providing basic cloud computing services such as a cloud service, a cloud database, cloud computing, a cloud function, cloud storage, a Network service, cloud communication, a middleware service, a domain name service, a security service, a Content Delivery Network (CDN), a big data and artificial intelligence platform, and the like. Network 120 may be a communication medium of various connection types capable of providing a communication link between terminal device 110 and server 130, such as a wired communication link or a wireless communication link.
The system architecture in the embodiments of the present application may have any number of terminal devices, networks, and servers, according to implementation needs. For example, the server 130 may be a server group composed of a plurality of server devices. In addition, the technical solution provided in the embodiment of the present application may be applied to the terminal device 110, or may be applied to the server 130, or may be implemented by both the terminal device 110 and the server 130, which is not particularly limited in this application.
The following describes in detail the website building method, the website building apparatus, the computer-readable medium, and the electronic device provided by the present application with reference to specific embodiments.
Fig. 2 shows a flowchart of steps of a website building method in an embodiment of the present application, where the website building method may be executed by the terminal device or the server shown in fig. 1, and the website building method executed on the terminal device is taken as an example in the embodiment of the present application for description. As shown in fig. 2, the website building method may mainly include steps S210 to S250 as follows.
Step S210: displaying an assembly selection area and an assembly editing area on a front-end interactive interface of a website building platform, wherein the assembly selection area comprises modular assemblies which correspond to different website content elements and can be selected, and the assembly editing area is used for editing and displaying the selected modular assemblies;
step S220: in response to a selection operation on a modular component in the component selection area, copying the selected modular component;
step S230: monitoring continuous moving operation with the selecting operation to generate a moving path, and moving the copied modular assembly to an assembly editing area along the moving path;
step S240: responding to the triggering operation of the website deployment control on the front-end interactive interface, and combining all the modularized components in the component editing area to obtain a website configuration page;
step S250: and combining the code segments corresponding to the modularized components according to the website configuration page to obtain a code file, and packaging the code file to generate the website application.
In the website building method provided by the embodiment of the application, code modules which can be repeatedly used are combined based on a modular configuration platform to form website application meeting the requirements of users; when the website is modified, a new code file meeting the requirements of the user can be combined based on the adjustment of the modules, so that redundant codes are avoided.
The following describes each method step in the website building method in detail.
In step S210, a component selection area and a component editing area are displayed on the front-end interactive interface of the website building platform, where the component selection area includes selectable modular components corresponding to different website content elements, and the component editing area is an area for editing and displaying the selected modular components.
The website building platform is an application program used for editing, modifying and generating website applications, and can access a server and acquire data resources provided by the server by installing a client application program of the website building platform on terminal equipment such as a mobile phone, a computer and the like of a user, so that building of the website applications is completed by utilizing related resources.
FIG. 3 is a diagram illustrating a front-end interactive interface of a website building platform according to an embodiment of the present application. As shown in FIG. 3, the front-end interactive interface 300 may generally include two sections, a component selection area 310 and a component editing area 320. The component selection area 310 includes modular components 311 that are available for selection and correspond to different website content elements, and may include various different types of components such as "container", "text", "icon", "picture", "carousel", "navigation bar", and so on. The component editing area 320 is an area for editing and presenting the selected modular component. The modular components 311 may include common components and advanced components, wherein the advanced components may be composite components assembled from multiple types of common components.
In an embodiment of the present application, the front-end interactive interface 300 further includes a property editing area 330, where the property editing area 330 is used to display property information of the currently selected modular component 311, and may provide a property editing control 331 for performing a property adjustment on the modular component 311.
In an embodiment of the present application, the front-end interactive interface 300 further includes a terminal switching control 340, and the terminal switching control 340 includes a plurality of terminal types that can be selected, such as a mobile terminal and a PC terminal. When a user triggers selection of a certain type of target terminal, the component editing region 320 may be adjusted to an interface region adapted to the target terminal. For example, when a user edits a website application used on a mobile terminal such as a mobile phone, the terminal switching control 340 may be triggered to select the mobile terminal, so that a display effect of the website application on the mobile terminal can be viewed in real time in the component editing area 320. For another example, when the user edits the website application used on the computer terminal, the terminal switching control 340 may be triggered to select the PC terminal, so that the display effect of the website application on the computer terminal can be viewed in real time in the component editing area 320.
In an embodiment of the present application, when a user triggers the terminal switching control 340 to switch from one terminal device to another terminal device, the display content in the component editing area 320 may perform content adjustment according to a preset conversion rule, for example, the position and size of each component may be adjusted.
In step S220, in response to a selection operation on a modular component in the component selection area, the selected modular component is copied.
The user can select the modular component through an external input device, a touch gesture or a voice instruction. For example, a user may select a modular component by a mouse click, or may select a modular component by a finger press.
When a modular component in the component selection area is selected, the selected modular component can be copied to the pasting board, and when the user deselects, the copied modular component can be removed from the pasting board.
In step S230, a moving operation continuous with the selecting operation is monitored to generate a moving path, and the copied modular component is moved to the component editing area along the moving path.
When a user selects one or more modular components through a selection operation, the selected modular components can be moved to a specified position in the component editing area through a moving operation.
In one embodiment of the present application, the component editing area may include a plurality of area grids, and when the modular component moves into the component editing area, the modular component may be automatically attached to the nearest area grid according to the staying position of the modular component.
In step S240, in response to a trigger operation on the website deployment control on the front-end interactive interface, combining the modular components in the component editing area to obtain a website configuration page.
The website deployment control may be, for example, a "deployment" button in fig. 3, and after the user completes editing and deploying the modular components in the component editing area, the website deployment control may be triggered, so that each modular component in the component editing area may be combined to obtain a website configuration page.
In step S250, the code segments corresponding to the modular components are combined according to the website configuration page to obtain a code file, and the code file is packaged to generate a website application.
FIG. 4 shows a flowchart of the steps for combining code snippets in one embodiment of the present application. As shown in fig. 4, on the basis of the above embodiment, combining the code segments corresponding to the respective modular components according to the website configuration page in step S250 to obtain the code file may include steps S410 to S430 as follows.
Step S410: and acquiring the component position and the component identification of each modular component in the website configuration page, wherein the component position is used for representing the distribution position of the modular component in the website configuration page, and the component identification is used for representing the type of the modular component.
In one embodiment of the present application, an editing area coordinate system may be configured on the component editing area, and when the modular component moves into the component editing area, the position coordinates of the modular component may be recorded according to the editing area coordinate system.
Step S420: and sending a code combination request carrying the component position and the component identification of the modular component to a background server of the website building platform.
And a plurality of modular components are distributed in the component editing area, the component position and the component identification of each modular component are subjected to correlation processing and then written into the code combination request, and the code combination request is sent to a background server of the website building platform.
Step S430: and the background server acquires the code segments corresponding to the modularized components according to the component identifiers, and combines the code segments according to the component positions to obtain the code file.
Fig. 5 shows a flowchart of steps of acquiring code segments in an embodiment of the present application, and as shown in fig. 5, on the basis of the above embodiment, the step S430 of the background server acquiring code segments corresponding to respective modular components according to component identifiers may include the following steps S510 to S530.
Step S510: and the background server analyzes the code combination request to obtain the component position, the component identifier and the deployment platform identifier carried in the code combination request.
The code combination request carries the component position and the component identifier of each modular component, and also carries a deployment platform identifier, wherein the deployment platform identifier is used for distinguishing a plurality of different types of terminal devices, and each type of terminal device can be correspondingly configured with a deployment platform corresponding to the terminal device.
Step S520: and determining a target platform for running the website application according to the deployment platform identifier, and acquiring a target code warehouse corresponding to the target platform.
For each type of terminal device, a corresponding code warehouse may be established, various application program codes adapted to the terminal device are stored in the code warehouse, and the same type of modular components may have different expression forms on different terminal devices, so that code segments suitable for different terminal devices need to be written respectively and stored in the corresponding code warehouses.
Step S530: and acquiring code segments corresponding to the modular components from the target code warehouse according to the component identifications.
The code fragments of all the modular components matched with the target platform can be obtained from the target code warehouse, and then the code fragments are combined according to the component positions of all the modular components to obtain the code file. The method for combining the code file may include obtaining a file template related to the component positions, where file codes for indicating the component positions are provided in the file template, and based on the component positions of the respective modular components, filling corresponding code segments into the file template to obtain the code file.
In an embodiment of the application, before the code segments corresponding to the modular components are combined according to the website configuration page to obtain the code file, a platform selection page can be displayed on a front-end interactive interface, and the platform selection page comprises a plurality of selectable application deployment platforms; and in response to a platform selection operation triggered on the platform selection page, selecting one or more target platforms for running the website application from a plurality of selectable application deployment platforms. By selecting a specific application deployment platform, a code file adapted to the application deployment platform can be adaptively generated.
FIG. 6 illustrates an interface diagram of a platform selection page in one embodiment of the present application. As shown in FIG. 6, a number of different types of deployment platforms, such as "Web Page H5", "SDK", and "applet", are exposed in the platform selection page.
H5 refers to a web page implemented in compliance with the HTML5 standard.
SDK refers to the Software Development Kit, which is a collection of Development tools used by Software engineers to create application Software for a particular Software package, Software framework, hardware platform, operating system, etc. It may simply be a file that provides an application program interface API for a certain programming language, but may also include complex hardware that can communicate with a certain embedded system. SDKs also often include example code, supporting technical notes, or other supporting documentation to clarify suspicions for basic reference.
An applet is an application that can be used without a download installation. For developers, the threshold of small program development is relatively low, the difficulty is not as high as that of APP, simple basic application can be met, and the method is suitable for conversion of shops under a living service line and non-low-frequency application. For a user, the use time cost and the mobile phone memory space can be saved; and the development and popularization cost can be saved for developers.
In an embodiment of the application, after the code segments corresponding to the modular components are combined according to the website configuration page to obtain the code file, modification and editing of the website application can be realized through the website building platform.
Fig. 7 is a flowchart illustrating steps of modifying and editing a website application according to an embodiment of the present application, and as shown in fig. 7, the method for modifying and editing a website application includes steps S710 to S740 as follows.
Step S710: and showing an entrance control for importing the website application on the front-end interactive interface.
The front-end interactive interface of the website building platform can display an entrance control for importing the website application, and the entrance control can be, for example, a text input box, and the text input box can automatically recognize input content and search the corresponding website application according to the input content.
Step S720: and responding to the triggering operation of the entrance control, acquiring a code file of the website application, and displaying a website configuration page consisting of modular components in a component editing area of the front-end interactive interface according to the code file.
In one embodiment of the application, a uniform resource locator of a website application to be imported can be obtained based on an entry control; and searching a code file of the website application in a local code file database according to the uniform resource locator.
A Uniform Resource Locator (URL), also called Uniform Resource Locator (URL), is an addressing method specially set for identifying the location of resources on the Internet, and the web page address is usually the URL. A uniform resource locator is a compact representation of the location and access method of a resource available from the internet, and is the address of a standard resource on the internet. Each file on the internet has a unique URL that contains information indicating the location of the file and how the browser should handle it.
In one embodiment of the application, a website configuration page composed of modular components is displayed in a component editing area of a front-end interactive interface according to a code file, and the method includes the following steps: analyzing the code file to obtain a plurality of code segments forming the code file; analyzing the content of the code segments to obtain modular components corresponding to the code segments; and displaying a website configuration page consisting of modular components in a component editing area of the front-end interactive interface.
Step S730: and responding to the editing operation of the modularized components in the website configuration page, generating component change information aiming at the modularized components, and sending a website page editing request carrying the component change information to a background server.
The user can perform editing operation on the currently displayed modular component in the component editing area of the front-end interactive interface, for example, the modular component can be deleted, added or moved. Based on editing operation triggered by a user, component change information aiming at the modularized component can be generated, and further a website page editing request carrying the component change information is sent to the background server.
Step S740: and the background server adjusts the code segments in the code file of the website application according to the component change information to obtain an updated code file.
The background server can position the edited and modified modular component according to the component change information, finds the code segment corresponding to the edited and modified modular component in the code file, and adjusts the code segment according to the modification content to obtain an updated code file.
The website application building is carried out by utilizing the combination, modification and other modes of the modular components, the website development efficiency of a user can be greatly improved, and the codes in the application package output to the user do not have redundant codes, so that the original codes of the modular components can be protected from being leaked, and the size of a file of a network page in the website application accessed by the user through Http is reduced.
It should be noted that although the various steps of the methods in this application are depicted in the drawings in a particular order, this does not require or imply that these steps must be performed in this particular order, or that all of the shown steps must be performed, to achieve desirable results. Additionally or alternatively, certain steps may be omitted, multiple steps combined into one step execution, and/or one step broken down into multiple step executions, etc.
The following describes an embodiment of an apparatus of the present application, which may be used to execute the website building method in the foregoing embodiment of the present application. Fig. 8 schematically shows a structural block diagram of a website building apparatus provided in an embodiment of the present application. As shown in fig. 8, the website building apparatus 800 includes:
the display module 810 is configured to display a component selection area and a component editing area on a front-end interactive interface of the website building platform, wherein the component selection area comprises modular components which correspond to different website content elements and can be selected, and the component editing area is an area for editing and displaying the selected modular components;
a copy module 820 configured to copy a selected modular component in response to a selection operation on the modular component in the component selection area;
a moving module 830 configured to monitor a moving operation continuous with the selecting operation to generate a moving path, and move the copied modular component to a component editing area along the moving path;
the module combination module 840 is configured to respond to a triggering operation of a website deployment control on the front-end interactive interface and combine all the modular components in the component editing area to obtain a website configuration page;
and the code combining module 850 is configured to combine the code segments corresponding to the modular components according to the website configuration page to obtain a code file, and package the code file to generate the website application.
In one embodiment of the present application, based on the above embodiment, the code combining module 850 includes:
the component acquisition module is configured to acquire component positions and component identifications of all modular components in the website configuration page, wherein the component positions are used for representing the distribution positions of the modular components in the website configuration page, and the component identifications are used for representing the types of the modular components;
the combined request sending module is configured to send a code combined request carrying the component position and the component identifier of the modular component to a background server of the website building platform;
and the code segment combination module is configured to obtain the code segments corresponding to the modularized components according to the component identifiers by the background server, and combine the code segments according to the component positions to obtain the code file.
In an embodiment of the present application, based on the above embodiments, the code segment combining module includes:
the combination request analysis module is configured to analyze the code combination request by the background server to obtain a component position, a component identifier and a deployment platform identifier carried in the code combination request;
the target platform determining module is configured to determine a target platform for running the website application according to the deployment platform identification and acquire a target code warehouse corresponding to the target platform;
a code segment obtaining module configured to obtain code segments corresponding to the respective modular components from the target code repository according to the component identifications.
In an embodiment of the present application, based on the above embodiments, the website building apparatus further includes:
the platform display module is configured to display a platform selection page on the front-end interactive interface, and the platform selection page comprises a plurality of selectable application deployment platforms;
and the platform selection module is configured to select one or more target platforms for running the website application from a plurality of selectable application deployment platforms in response to a platform selection operation triggered on the platform selection page.
In an embodiment of the present application, based on the above embodiments, the website building apparatus further includes:
the portal control display module is configured to display a portal control for importing the website application on the front-end interactive interface;
the code file acquisition module is configured to respond to the triggering operation of the entrance control, acquire a code file of the website application, and display a website configuration page composed of modular components in a component editing area of the front-end interactive interface according to the code file;
the assembly change module is configured to respond to the editing operation of the modularized assembly in the website configuration page, generate assembly change information aiming at the modularized assembly, and send a website page editing request carrying the assembly change information to a background server;
and the code change module is configured to adjust the code segments in the code file of the website application by the background server according to the component change information to obtain an updated code file.
In an embodiment of the present application, based on the above embodiments, the code file obtaining module includes:
the URL acquisition module is configured to acquire a uniform resource locator of the website application to be imported;
and the code searching module is configured to search the code file of the website application in the local code file database according to the uniform resource locator.
In an embodiment of the present application, based on the above embodiments, the code file obtaining module further includes:
the code file analysis module is configured to analyze the code file to obtain a plurality of code segments forming the code file;
the content analysis module is configured to perform content analysis on the code segments to obtain modular components corresponding to the code segments;
and the website configuration page display module is configured to display a website configuration page composed of modular components in the component editing area of the front-end interactive interface.
The specific details of the website building apparatus provided in each embodiment of the present application have been described in detail in the corresponding method embodiment, and are not described herein again.
Fig. 9 schematically shows a structural block diagram of a computer system of an electronic device for implementing the embodiment of the present application.
It should be noted that the computer system 900 of the electronic device shown in fig. 9 is only an example, and should not bring any limitation to the functions and the scope of the application of the embodiments.
As shown in fig. 9, the computer system 900 includes a Central Processing Unit 901 (CPU) that can perform various appropriate actions and processes in accordance with a program stored in a Read-Only Memory 902 (ROM) or a program loaded from a storage section 908 into a Random Access Memory 903 (RAM). In the random access memory 903, various programs and data necessary for system operation are also stored. The cpu 901, the rom 902 and the ram 903 are connected to each other via a bus 904. An Input/Output interface 905(Input/Output interface, i.e., I/O interface) is also connected to the bus 904.
The following components are connected to the input/output interface 905: an input portion 906 including a keyboard, a mouse, and the like; an output section 907 including a Cathode Ray Tube (CRT), a Liquid Crystal Display (LCD), and the like, a speaker, and the like; a storage portion 908 including a hard disk and the like; and a communication section 909 including a network interface card such as a local area network card, a modem, or the like. The communication section 909 performs communication processing via a network such as the internet. The driver 910 is also connected to the input/output interface 905 as necessary. A removable medium 911 such as a magnetic disk, an optical disk, a magneto-optical disk, a semiconductor memory, or the like is mounted on the drive 910 as necessary, so that a computer program read out therefrom is mounted into the storage section 908 as necessary.
In particular, according to embodiments of the present application, the processes described in the various method flowcharts may be implemented as computer software programs. For example, embodiments of the present application include a computer program product comprising a computer program embodied on a computer readable medium, the computer program comprising program code for performing the method illustrated by the flow chart. In such an embodiment, the computer program may be downloaded and installed from a network through the communication section 909, and/or installed from the removable medium 911. The computer program, when executed by the central processor 901, performs various functions defined in the system of the present application.
It should be noted that the computer readable medium shown in the embodiments of the present application may be a computer readable signal medium or a computer readable storage medium or any combination of the two. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples of the computer readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a Read-Only Memory (ROM), an Erasable Programmable Read-Only Memory (EPROM), a flash Memory, an optical fiber, a portable Compact Disc Read-Only Memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the present application, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In this application, however, a computer readable signal medium may include a propagated data signal with computer readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: wireless, wired, etc., or any suitable combination of the foregoing.
The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present application. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams or flowchart illustration, and combinations of blocks in the block diagrams or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
It should be noted that although in the above detailed description several modules or units of the device for action execution are mentioned, such a division is not mandatory. Indeed, the features and functionality of two or more modules or units described above may be embodied in one module or unit, according to embodiments of the application. Conversely, the features and functions of one module or unit described above may be further divided into embodiments by a plurality of modules or units.
Through the above description of the embodiments, those skilled in the art will readily understand that the exemplary embodiments described herein may be implemented by software, or by software in combination with necessary hardware. Therefore, the technical solution according to the embodiments of the present application can be embodied in the form of a software product, which can be stored in a non-volatile storage medium (which can be a CD-ROM, a usb disk, a removable hard disk, etc.) or on a network, and includes several instructions to enable a computing device (which can be a personal computer, a server, a touch terminal, or a network device, etc.) to execute the method according to the embodiments of the present application.
Other embodiments of the present application will be apparent to those skilled in the art from consideration of the specification and practice of the invention disclosed herein. This application is intended to cover any variations, uses, or adaptations of the invention following, in general, the principles of the application and including such departures from the present disclosure as come within known or customary practice within the art to which the invention pertains.
It will be understood that the present application is not limited to the precise arrangements described above and shown in the drawings and that various modifications and changes may be made without departing from the scope thereof. The scope of the application is limited only by the appended claims.
Claims (10)
1. A website building method is characterized by comprising the following steps:
displaying a component selection area and a component editing area on a front-end interactive interface of a website building platform, wherein the component selection area comprises modular components which correspond to different website content elements and can be selected, and the component editing area is used for editing and displaying the selected modular components;
in response to a selection operation on a modular component in the component selection area, copying the selected modular component;
monitoring the continuous moving operation with the selection operation to generate a moving path, and moving the copied modularized assembly to the assembly editing area along the moving path;
responding to the triggering operation of the website deployment control on the front-end interactive interface, and combining all the modular components in the component editing area to obtain a website configuration page;
and combining the code segments corresponding to the modularized components according to the website configuration page to obtain a code file, and packaging the code file to generate the website application.
2. The website building method according to claim 1, wherein combining the code segments corresponding to the respective modular components according to the website configuration page to obtain a code file comprises:
acquiring the component position and the component identification of each modular component in the website configuration page, wherein the component position is used for representing the distribution position of the modular component in the website configuration page, and the component identification is used for representing the type of the modular component;
sending a code combination request carrying the component position and the component identification of the modular component to a background server of the website building platform;
and the background server acquires code segments corresponding to the modularized components according to the component identifications, and combines the code segments according to the component positions to obtain a code file.
3. The website building method according to claim 2, wherein the background server obtains code segments corresponding to the respective modular components according to the component identifiers, and comprises:
the background server analyzes the code combination request to obtain a component position, a component identifier and a deployment platform identifier carried in the code combination request;
determining a target platform for running the website application according to the deployment platform identification, and acquiring a target code warehouse corresponding to the target platform;
and acquiring code segments corresponding to the modular components from the target code warehouse according to the component identifications.
4. The website building method according to claim 1, wherein before combining the code segments corresponding to the respective modular components according to the website configuration page to obtain a code file, the method further comprises:
displaying a platform selection page on the front-end interactive interface, wherein the platform selection page comprises a plurality of selectable application deployment platforms;
and responding to a platform selection operation triggered on the platform selection page, and selecting one or more target platforms for running the website application from a plurality of selectable application deployment platforms.
5. The website building method according to claim 1, wherein after the code segments corresponding to the respective modular components are combined according to the website configuration page to obtain a code file, the method further comprises:
displaying an entrance control for importing a website application on the front-end interactive interface;
responding to the triggering operation of the entrance control, acquiring a code file of the website application, and displaying a website configuration page consisting of modular components in a component editing area of the front-end interactive interface according to the code file;
responding to the editing operation of the modularized components in the website configuration page, generating component change information aiming at the modularized components, and sending a website page editing request carrying the component change information to a background server;
and the background server adjusts the code segments in the code file of the website application according to the component change information to obtain an updated code file.
6. The website building method according to claim 5, wherein obtaining a code file of a website application comprises:
acquiring a uniform resource locator of a website application to be imported;
and searching a code file of the website application in a local code file database according to the uniform resource locator.
7. The website building method according to claim 5, wherein displaying a website configuration page composed of modular components in a component editing area of the front-end interactive interface according to the code file comprises:
analyzing the code file to obtain a plurality of code segments forming the code file;
analyzing the content of the code segments to obtain modular components corresponding to the code segments;
and displaying a website configuration page consisting of modular components in a component editing area of the front-end interactive interface.
8. A website building apparatus, comprising:
the website building platform comprises a display module, a display module and a display module, wherein the display module is configured to display a component selection area and a component editing area on a front-end interactive interface of the website building platform, the component selection area comprises modular components which correspond to different website content elements and can be selected, and the component editing area is an area for editing and displaying the selected modular components;
a replication module configured to replicate the selected modular component in response to a selection operation of the modular component in the component selection area;
the moving module is configured to monitor moving operation continuous with the selecting operation to generate a moving path and move the copied modular assembly to an assembly editing area along the moving path;
the module combination module is configured to respond to triggering operation of a website deployment control on the front-end interactive interface and combine all the modular components in the component editing area to obtain a website configuration page;
and the code combination module is configured to combine the code segments corresponding to the modularized assemblies according to the website configuration page to obtain a code file, and package the code file to generate the website application.
9. A computer-readable medium, in which a computer program is stored, which, when executed by a processor, implements the website building method according to any one of claims 1 to 7.
10. An electronic device, comprising:
a processor; and
a memory for storing executable instructions of the processor;
wherein the processor is configured to cause the electronic device to perform the website building method of any one of claims 1 to 7 via execution of the executable instructions.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111353693.9A CN114036439A (en) | 2021-11-16 | 2021-11-16 | Website building method, device, medium and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111353693.9A CN114036439A (en) | 2021-11-16 | 2021-11-16 | Website building method, device, medium and electronic equipment |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114036439A true CN114036439A (en) | 2022-02-11 |
Family
ID=80144529
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111353693.9A Pending CN114036439A (en) | 2021-11-16 | 2021-11-16 | Website building method, device, medium and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114036439A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115357239A (en) * | 2022-10-21 | 2022-11-18 | 智者四海（北京）技术有限公司 | Method and device for quickly building operation activity page and electronic equipment |
| CN115951882A (en) * | 2023-02-16 | 2023-04-11 | 中孚安全技术有限公司 | Third-party interface format conversion platform and method based on vue |
| CN115981650A (en) * | 2023-03-14 | 2023-04-18 | 共道网络科技有限公司 | Website building method and device, electronic equipment and storage medium |
-
2021
- 2021-11-16 CN CN202111353693.9A patent/CN114036439A/en active Pending
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115357239A (en) * | 2022-10-21 | 2022-11-18 | 智者四海（北京）技术有限公司 | Method and device for quickly building operation activity page and electronic equipment |
| CN115951882A (en) * | 2023-02-16 | 2023-04-11 | 中孚安全技术有限公司 | Third-party interface format conversion platform and method based on vue |
| CN115981650A (en) * | 2023-03-14 | 2023-04-18 | 共道网络科技有限公司 | Website building method and device, electronic equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9804862B2 (en) | Translatable texts identification in in-context localization utilizing pseudo-language and an external server | |
| CN114036439A (en) | Website building method, device, medium and electronic equipment | |
| CN108345543B (en) | Data processing method, device, equipment and storage medium | |
| CN105335132B (en) | Method, device and system for customizing application program function | |
| CN111045653B (en) | System generation method and device, computer readable medium and electronic equipment | |
| CN111736840A (en) | Compiling method and running method of applet, storage medium and electronic equipment | |
| CN110795181A (en) | Application program interface display method and device based on skip protocol and electronic equipment | |
| CN112182359A (en) | Feature management method and system of recommendation model | |
| CN112394908A (en) | Method and device for automatically generating embedded point page, computer equipment and storage medium | |
| CN113407882A (en) | Component generation method and device, computer-readable storage medium and electronic equipment | |
| CN108984202B (en) | Electronic resource sharing method and device and storage medium | |
| CN114398673A (en) | Application compliance detection method and device, storage medium and electronic equipment | |
| CN112905936A (en) | Page recording animation generation method, page operation log query method and computer equipment | |
| CN110674426B (en) | Webpage behavior reporting method and device | |
| CN114756228A (en) | Page processing method, device, equipment and storage medium | |
| CN116661936A (en) | Page data processing method and device, computer equipment and storage medium | |
| CN111400623B (en) | Method and device for searching information | |
| US20210182030A1 (en) | System and method applied to integrated development environment | |
| CN104239452A (en) | Method and device for resource acquisition | |
| CN113282285A (en) | Code compiling method and device, electronic equipment and storage medium | |
| CN111767447A (en) | Method and device for determining user traffic path | |
| CN111151008A (en) | Game operation data verification method, device, configuration background and medium | |
| CN110659191B (en) | Buried data analysis method, buried data analysis device, computer equipment and storage medium | |
| CN103092575A (en) | Method and system for generating widget applications | |
| CN112306324B (en) | Information processing method, apparatus, device and medium |
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 |