CN116909563B - Page generation method, terminal device and storage medium - Google Patents
Page generation method, terminal device and storage medium Download PDFInfo
- Publication number
- CN116909563B CN116909563B CN202311183337.6A CN202311183337A CN116909563B CN 116909563 B CN116909563 B CN 116909563B CN 202311183337 A CN202311183337 A CN 202311183337A CN 116909563 B CN116909563 B CN 116909563B
- Authority
- CN
- China
- Prior art keywords
- page
- application
- module
- component
- generating
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 53
- 238000011161 development Methods 0.000 claims abstract description 50
- 230000009471 action Effects 0.000 claims abstract description 36
- 230000018109 developmental process Effects 0.000 claims description 48
- 230000011218 segmentation Effects 0.000 claims description 11
- 230000001960 triggered effect Effects 0.000 claims description 2
- 238000012545 processing Methods 0.000 abstract description 4
- 238000004891 communication Methods 0.000 description 6
- 230000008569 process Effects 0.000 description 6
- 230000006870 function Effects 0.000 description 4
- 238000010586 diagram Methods 0.000 description 3
- 238000004806 packaging method and process Methods 0.000 description 3
- 230000000750 progressive effect Effects 0.000 description 3
- 238000013461 design Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000008676 import Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000009877 rendering Methods 0.000 description 2
- 238000004458 analytical method Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 238000012790 confirmation Methods 0.000 description 1
- 239000000284 extract Substances 0.000 description 1
- 230000008571 general function Effects 0.000 description 1
- 238000009434 installation Methods 0.000 description 1
- 238000002620 method output Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a page generation method, terminal equipment and a storage medium, belonging to the technical field of data processing, wherein the method comprises the following steps: when a frame selection action for a current page is received, determining a target area corresponding to the frame selection action; generating a module according to the target components associated with the target region and the layout between the target components; determining an industry attribute of the module based on global configuration information of the page application corresponding to the current page, and storing the industry attribute and the module in an associated mode; and acquiring and displaying the module based on the association relation between the industry attribute and the module in the development page associated with the industry attribute. The layout generation module is used for generating and storing the layout between the target components related to the target region, so that when a new page is developed, the new page can be developed through the dragging module, repeated operation is avoided, and the development efficiency of the page is improved.
Description
Technical Field
The present invention relates to the field of data processing technologies, and in particular, to a page generating method, a terminal device, and a storage medium.
Background
At present, the page development mostly adopts a simple and easy-to-operate dragging assembly mode to assemble the page, and dynamic data is provided for rendering the assembled page in a data source binding mode. The page is assembled by dragging the component, which means that professional developers are not needed for developing the page, and operators or product staff can easily develop satisfactory pages through lower learning cost, so that the workload of the developers is greatly reduced. However, in the current way of assembling the page by dragging the component, when a new page similar to the historical page is developed, the new page needs to be assembled by dragging the component from the beginning, and a worker needs to execute an operation repeated with the development of the historical page, so that the development steps are complicated, and the development efficiency of the page is reduced.
The foregoing is provided merely for the purpose of facilitating understanding of the technical solutions of the present invention and is not intended to represent an admission that the foregoing is prior art.
Disclosure of Invention
The embodiment of the invention aims to solve the technical problem of low development efficiency of pages by providing a page generation method, terminal equipment and a computer readable storage medium.
In order to achieve the above object, an embodiment of the present invention provides a method for generating a page, where the method for generating a page includes:
When a frame selection action for a current page is received, determining a target area corresponding to the frame selection action;
generating a module according to the target components associated with the target region and the layout between the target components;
determining an industry attribute of the module based on global configuration information of the page application corresponding to the current page, and storing the industry attribute and the module in an associated mode;
and acquiring and displaying the module based on the association relation between the industry attribute and the module in the development page associated with the industry attribute.
Optionally, before the step of determining the industry attribute to which the module belongs and associating and storing the industry attribute and the module based on the global configuration information of the page application corresponding to the current page, the method includes:
when receiving a creation instruction of a page application corresponding to the current page, generating an application identifier corresponding to the page application, and creating the page application, wherein the current page is created based on the page application;
and creating a main page corresponding to the page application, and receiving the global configuration information set based on the main page.
Optionally, after the step of creating the main page corresponding to the page application and receiving the global configuration information set based on the main page, the method includes:
when receiving a creation instruction of a page menu based on the page application, creating the page menu;
and receiving the association relation between the page menu and the current page, and storing the association relation so that when a user triggers the clicking action of the page menu, the current page is loaded according to the association relation.
Optionally, after the step of generating the application identifier corresponding to the page application and creating the page application when receiving the instruction for creating the page application corresponding to the current page, the method further includes:
when a creation instruction of the current page is received, the current page is created, and the current page and the page application are associated and stored, wherein the current page comprises a component area and an operation panel, the component area is used for displaying a corresponding component, and the operation panel is used for developing the current page.
Optionally, the method for generating the page further includes:
receiving a component code file input by a user, analyzing the component code file, and generating a corresponding custom component;
Storing the custom component;
and displaying the custom component in the component area of the development page.
Optionally, the method for generating the page further includes:
when triggering the deployment action of the page application, acquiring a source code corresponding to the page application;
generating a deployment package corresponding to the page application according to the source code;
and publishing the deployment package to a preset remote server.
Optionally, after the step of generating the deployment package corresponding to the page application according to the source code, the method further includes:
displaying the download identifier of the deployment package corresponding to the page application;
and downloading the deployment package corresponding to the page application to a preset position when the click event of the download identifier is detected.
Optionally, when triggering the deployment action of the page application, the step of acquiring the source code corresponding to the page application further includes:
converting the source code into a target source code meeting a preset grammar;
and generating the deployment package corresponding to the page application based on the target source code.
In addition, in order to achieve the above object, the present invention further provides a terminal device, including: the page generation device comprises a memory, a processor and a page generation program which is stored in the memory and can run on the processor, wherein the page generation program realizes the steps of the page generation method when being executed by the processor.
In addition, in order to achieve the above object, the present invention also provides a computer-readable storage medium having stored thereon a page generation program which, when executed by a processor, implements the steps of the page generation method as described above.
According to the page generation method, terminal equipment and a computer-readable storage medium, when a frame selection action for a current page is received, a target area corresponding to the frame selection action is determined, a module is generated according to a layout between a target component associated with the target area and a target component, then an industry attribute to which the module belongs is determined based on global configuration information of a page application corresponding to the current page, the industry attribute and the module are associated and stored, and then the module is acquired and displayed based on an association relation between the industry attribute and the module in a development page associated with the industry attribute. The layout generation module is used for generating and storing the layout between the target components related to the target region, so that when a new page is developed, the new page can be developed through the dragging module, repeated operation is avoided, and the page development efficiency is improved.
Drawings
FIG. 1 is a flow chart of an embodiment of a method for generating a page according to the present invention;
fig. 2 is a schematic diagram of a refinement flow of step S30 in a second embodiment of the page generation method of the present invention;
FIG. 3 is a flowchart illustrating a third embodiment of a method for generating a page according to the present invention;
FIG. 4 is a flowchart of a fourth embodiment of a method for generating a page according to the present invention;
fig. 5 is a schematic diagram of a terminal structure of a hardware running environment according to an embodiment of the present invention.
The achievement of the objects, functional features and advantages of the present invention will be further described with reference to the accompanying drawings, in conjunction with the embodiments.
Detailed Description
It should be understood that the specific embodiments described herein are for purposes of illustration only and are not intended to limit the scope of the invention.
In the related art, the page is assembled by adopting a simple and easy-to-operate dragging component mode in the page development, and dynamic data is provided for rendering of the assembled page in a data source binding mode. The page is assembled by dragging the component, which means that professional developers are not needed for developing the page, and operators or product staff can easily develop satisfactory pages through lower learning cost, so that the workload of the developers is greatly reduced. However, in the current way of assembling the page by dragging the component, when a new page similar to the historical page is developed, the new page needs to be assembled by dragging the component from the beginning, and a worker needs to execute an operation repeated with the development of the historical page, so that the development steps are complicated, and the development efficiency of the page is reduced.
In order to solve the above-mentioned drawbacks in the related art, the present invention provides a page generating method, which mainly includes the following steps:
when a frame selection action aiming at a current page is received, a target area corresponding to the frame selection action is determined, a module is generated according to a layout between a target component and a target component associated with the target area, then an industry attribute to which the module belongs is determined based on global configuration information of page application corresponding to the current page, the industry attribute and the module are associated and stored, and then the module is acquired and displayed in a development page associated with the industry attribute based on an association relation between the industry attribute and the module. The layout generation module is used for generating and storing the layout between the target components related to the target region, so that when a new page is developed, the new page can be developed through the dragging module, repeated operation is avoided, and the page development efficiency is improved.
In order to better understand the above technical solution, exemplary embodiments of the present invention will be described in more detail below with reference to the accompanying drawings. While exemplary embodiments of the present invention are shown in the drawings, it should be understood that the present invention may be embodied in various forms and should not be limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the invention to those skilled in the art.
Referring to fig. 1, in an embodiment of the page generation method of the present invention, the page generation method includes the following steps:
step S10: when a frame selection action for a current page is received, determining a target area corresponding to the frame selection action;
in this embodiment, the execution body is a terminal. The terminal can be a computer, a mobile phone, a tablet personal computer and other equipment for developing pages. The current page comprises a component area and an operation panel. The component area is used for displaying components which can be selected by a user, the operation panel is used for selecting corresponding components from the component area, and the selected components are assembled and laid out on the operation panel to develop the current page. When the terminal receives the creation request of the current page, the current page is created, components which can be selected by a user are displayed in a component area of the current page, the user can select corresponding components from the component area in a dragging mode to an operation panel, and the selected components are assembled and laid out on the operation panel to develop the current page. The invention provides a frame selection button corresponding to the frame selection action. After clicking the frame selection button, the user can perform frame selection on any area in the operation panel, after detecting that the frame selection of the user is finished, the user is judged to trigger the frame selection action, and then the terminal receives the frame selection action to acquire a target area for frame selection of the frame selection action.
Step S20: generating a module according to the target components associated with the target region and the layout between the target components;
in this embodiment, when receiving a frame selection action for a current page, a terminal obtains a target area selected by the frame selection action, and generates a module according to a layout between a target component associated with the target area and a target component. It can be understood that the module is a combination of target components in the target area, which reserves a layout mode among all target components in the target area, so that when development of similar pages is performed, the module can be directly selected, and the assembly layout is not required to be performed through selecting the components, so that repeated operation of developers is avoided, and the efficiency of page development is reduced.
It should be noted that, the invention provides the page generation platform, and the user only needs to download and install the installation package corresponding to the page generation platform provided by the invention to the terminal, so that the page can be developed by using the page generation platform provided by the invention at the terminal. The page generation platform executes a page generation method of the embodiment.
Optionally, the invention constructs a page generation platform, and develops components based on front-end technical frames such as vue.js (Progressive JavaScript Framework, progressive JavaScript frame) and Ant Design of React (ant golden dress open platform application frame), and the components are divided into universal components and custom components. Wherein the generic components include base components and generic components and business generic components.
It can be understood that the universal component is a preset component which can be directly selected and used by a user, and the custom component is a component which is developed and generated by the user. The basic component is a basis for constructing other components, is a most basic UI (User Interface) element, and provides basic interaction and presentation capability for page development. The basic component has universality, can be used in various application scenes, and can be used for developing various types of pages. Such as buttons, input boxes, check boxes, labels, and the like. The general component is formed by packaging the basic component according to general functions and layout modes, can be reused in a plurality of projects, and is not connected with a business hook. After the user selects the corresponding general component, different page modules can be displayed through configuration style and binding data sources. Such as navigation menus, tables, modality boxes, messaging cues, and the like. In the page development process, the corresponding general component can be selected, and a plurality of basic components are not required to be selected for assembly, so that the development process can be simplified and the development efficiency can be improved. A business-type generic component is a component that is packaged according to specific business requirements. The method combines the business logic meeting the business requirements so as to be reused in a plurality of projects in the same business field, can improve the development efficiency and consistency, and reduces the workload of repeated development. Such as a list of goods for the e-commerce platform, a transfer component for a banking system, a track query for a logistics system, etc.
Step S30: determining an industry attribute of the module based on global configuration information of the page application corresponding to the current page, and storing the industry attribute and the module in an associated mode;
in this embodiment, after the terminal generates the module, global configuration information of the page application corresponding to the current page is obtained, and the industry attribute to which the module belongs is determined according to the global configuration information, so that the industry attribute and the module are stored, and when the page development is performed next time, the module consistent with the industry attribute of the page can be displayed in the component area of the page, so that a user can develop the page by directly selecting the module, and the user does not need to select the component to perform assembly layout, thereby avoiding repeated operation of the user and improving the generation efficiency of the page. The full configuration information includes, but is not limited to, the title name of the page application, the menu name associated with the current page. For example, the title name of the page application corresponding to the current page is "e-commerce shopping platform", the menu name associated with the current page is "payment page", and thus, the industry attribute of the module is determined to be "e-commerce".
Optionally, the invention extracts the keywords from the global configuration information by acquiring the global configuration information of the page application corresponding to the current page, and determines the industry attribute of the module according to the keywords.
Alternatively, the industry attribute and the keyword association corresponding to the industry attribute may be stored in the keyword library by collecting keywords corresponding to the industry attribute in advance. After global configuration information of page application corresponding to a current page is obtained, word segmentation is carried out on the global configuration information by using a word segmentation device, each word obtained after the word segmentation is used as a keyword, and then the keyword library is traversed according to the keywords to determine industry attributes associated with each keyword, so that the industry attributes of the module are determined. It may be understood that, if the industry attributes corresponding to and associated with the plurality of keywords obtained after word segmentation processing are different, by counting the number of keywords corresponding to each industry attribute, the industry attribute with the largest number of keywords is determined as the industry attribute of the module, which is not particularly limited in this embodiment. The global configuration information may be subjected to word segmentation using a jieba (Jieba Chinese Words Segmentation, resultant segmentation) or HanLP (Hankcs NLP Platform, chinese language processing) tool as a word segmentation device, which is not specifically limited in this embodiment.
Step S40: and acquiring and displaying the module based on the association relation between the industry attribute and the module in the development page associated with the industry attribute.
In this embodiment, after the module selected by the user frame and the industry attribute corresponding to the module are associated and stored, the module is displayed in the development page associated with the industry attribute, so that the user can develop the page by directly selecting the module, and the user does not need to select the assembly layout, thereby avoiding the repeated operation of the user and improving the generation efficiency of the page.
Optionally, in another optional embodiment, the step S20: and after the step of generating the module according to the target components associated with the target areas and the layout between the target components, directly storing the module and displaying the module in a component area of a development page.
In this embodiment, after the module is generated, the module is not associated with the industry attribute corresponding to the module, but the module is directly stored, and then when the user develops the page again, the stored module is displayed in the component area of the development page, so that the user selects the module to develop the page, and the generation efficiency of the page is improved. It should be noted that, when implementing the page generating method provided by the present invention, a person skilled in the art may select to store the module and the industry attribute corresponding to the module in an associated manner according to the actual requirement, or directly store the module, which is not limited in this embodiment.
Optionally, the invention prepares corresponding page templates in advance according to the business requirements of various industries or fields, so that when a user performs page development, the user selects the corresponding page templates, and the page development can be completed by making small modifications on the page templates, thereby greatly improving the page development efficiency. The page templates are divided into application level, page level and module level according to different development stages. The application level is a complete basic site, page templates corresponding to all pages of the whole page application are provided, the page level is a page template of a single page, and when the page template corresponding to a certain page in the selected page templates of the application level does not meet the requirement of a user, the user can select the page template of the page level to replace. The module level is any combination of components, and when a user modifies a page template corresponding to a single page, the user can select a corresponding module in a component area to modify the page template, so that the development efficiency of the page is improved.
In the technical scheme provided by the embodiment, when a frame selection action for a current page is received, a target area corresponding to the frame selection action is determined, a module is generated according to a layout between a target component associated with the target area and a target component, then an industry attribute to which the module belongs is determined based on global configuration information of a page application corresponding to the current page, the industry attribute and the module are associated and stored, and then the module is acquired and displayed based on an association relation between the industry attribute and the module in a development page associated with the industry attribute. The layout generation module is used for generating and storing the layout between the target components related to the target region, so that when a new page is developed, the new page can be developed through the dragging module, repeated operation is avoided, and the page development efficiency is improved.
Referring to fig. 2, in the second embodiment, before the step S30, based on the first embodiment, the method further includes:
step S50: when receiving a creation instruction of the page application corresponding to the current page, generating an application identifier corresponding to the page application, and creating the page application, wherein the current page is created based on the page application;
an item often includes a plurality of functional modules, each functional module further includes a plurality of sub-functional modules, and each functional module and sub-functional module respectively correspond to different pages, and have an association relationship between the different pages. For example, the commodity management function module comprises a commodity warehouse-in sub-function module and a commodity warehouse-out sub-function module, wherein a commodity management page corresponding to the commodity management function module is a primary menu, a commodity warehouse-in page corresponding to the commodity warehouse-in sub-function module and a commodity warehouse-out page corresponding to the commodity warehouse-out sub-function module are secondary menus, a user can enter the commodity warehouse-in page and the commodity warehouse-out page only after entering the commodity management page, and the data of the commodity management page is synchronously updated along with the change of the data of commodity warehouse-in and commodity warehouse-out. Currently, the way pages are assembled by dragging only supports the creation of a single page. However, if creation of only a single page is supported, i.e., each of the functional module and the sub-functional module corresponds to an independent page, data sharing and synchronization between the different functional modules and the sub-functional modules becomes difficult because each page is independent. For example, after the commodity data is modified by the commodity management page, the related data of the commodity warehouse-in and commodity warehouse-out pages needs to be updated in time. And in the case of a single page, sharing and synchronization of data is required through complex manual synchronization logic or real-time communication. When the user enters the secondary menu from the primary menu, the original context information and user operation state may be lost. For example, when a commodity is selected in the commodity management page, then enters the commodity warehouse entry page, and returns to the commodity management page, the information of the commodity selected before may be lost, and the user needs to reselect.
In the embodiment, the invention provides the creation of the page application, a user can create a plurality of pages based on the page application, and full life cycle management is carried out on all the pages through the page application, so that the development efficiency of the pages is improved. When a user clicks a creation instruction corresponding to the page application, the creation instruction is sent to a background server, the background server generates an application identifier corresponding to the page application, and an access address of the page application is allocated according to the application identifier to create the page application. The user may access the page application via the access address.
Alternatively, the page application may be created based on front-end technology frameworks such as vue.js (Progressive JavaScript Framework ) and/or Ant Design of React (ant golden dress open platform application framework), which the present embodiment does not specifically limit.
Step S60: and creating a main page corresponding to the page application, and receiving the global configuration information set based on the main page.
In this embodiment, the terminal creates the main page corresponding to the page application while creating the page application. The main page is a container used for containing other page components and providing an overall structure and layout, so that the whole page application can keep a uniform appearance and interaction mode, and the switching and navigation among pages are more convenient and uniform. The user may avoid repeatedly defining common components in each page component by placing these components in the main page. It can be understood that when a user enters the page application, the user can jump to the main page preferentially, and the user clicks the corresponding page menu through the main page, so that the switching between pages is realized. The global configuration information is editing information of each component in the main page. After each component of the main page is edited by the user, the terminal receives the editing information on each component and takes the editing information as global configuration information of the page application, so that the global configuration information is received. For example, after detecting that the user fills out the edit information of "e-commerce shopping platform" in the navigation bar of the main page, the "e-commerce shopping platform" is taken as the global configuration information of the page application.
Optionally, when the user does not edit each component of the main page, the method outputs prompt information for editing global configuration information on the main page at the current page, or outputs a filling form of industry attribute corresponding to the generated module at the current page, so that the user edits global configuration information on the main page or fills the industry attribute corresponding to the module at the filling form. When implementing the page generation method provided by the invention, a person skilled in the art can select any mode according to actual requirements, and the embodiment is not particularly limited.
Optionally, when receiving a creation instruction of a page menu based on the page application, creating the page menu; and receiving and storing the association relation between the page menu and the current page, so that when a user triggers the clicking action of the page menu, the current page is loaded according to the association relation.
In this embodiment, after the page application is created, the page menu may be created based on the page application, and an association relationship between the page menus may be set, where the association relationship is a navigation relationship and a switching relationship between the page menus. The association relationship is realized through a front-end routing system. The third party library may be used as a front-end routing system, for example, a Vue Router provided by vue.js or a real Router provided by real may be used as a front-end routing system, which is not particularly limited in this embodiment. Through the front-end routing system, the user can set the association relation between each page menu and the corresponding routing path, and then when the user clicks a certain page menu, the front-end routing system loads the corresponding page according to the association relation.
For example, when a user clicks a "home" page menu in a menu bar of a blog application, the front-end routing system determines that the corresponding routing path is "http:// local. First. Cn" according to the association relationship corresponding to the "home" page menu, and then loads the corresponding routing path to the home page corresponding to the routing path, and when the user clicks the "article list" page menu, the front-end routing system loads the corresponding routing path to the article list page.
In the technical scheme provided by the embodiment, when receiving the creation instruction of the page application corresponding to the current page, an application identifier corresponding to the page application is generated, and the page application is created, wherein the current page is created based on the page application, then a main page corresponding to the page application is automatically created, global configuration information set based on the main page is received, the industry attribute of the module is determined based on the global configuration information of the page application corresponding to the current page, the industry attribute and the module are associated and stored, and the module is acquired and displayed based on the association relation between the industry attribute and the module in a development page associated with the industry attribute, so that when a user develops a new page, the new page can be developed through dragging the module, repeated operation is avoided, and the page development efficiency is improved.
Referring to fig. 3, in a third embodiment, based on any one of the foregoing embodiments, the method for generating a page further includes:
step S100: receiving a component code file input by a user, analyzing the component code file, and generating a corresponding custom component;
step S200: storing the custom component;
step S300: and displaying the custom component in the component area of the development page.
In this embodiment, the present invention supports the user to develop new components by himself, where the components developed by the user are the custom components. The invention provides an independent component development module, provides an import button of a custom component, can upload a component code file after a user clicks the import button, analyzes the component code file according to a preset analysis flow after a terminal receives the component code file input by the user, generates a corresponding custom component, stores the custom component into a component library, enriches the components in the component library, and further can display the custom component in a component area of a page when the user develops the page, thereby improving the generation efficiency of the page.
Alternatively, the user may edit the code in the component development module to generate the custom component, which is not specifically limited in this embodiment.
Optionally, in order to protect user privacy, after the industry attribute to which the module belongs is determined based on the global configuration information of the page application corresponding to the current page, the industry attribute and the module are associated and stored in a local environment of the user, so that the module is only displayed in a development page of the user and cannot be acquired by other users, and user privacy is protected.
Optionally, after the step of determining the industry attribute to which the module belongs and associating and storing the industry attribute and the module based on the global configuration information of the page application corresponding to the current page, the method further includes: and storing the industry attribute and the module in the component library in an associated manner, so that the purpose of enriching the component library is realized, and the module can be displayed in a development page associated with the industry attribute when any user develops the page, thereby improving the generation efficiency of the page.
In the technical scheme provided by the embodiment, the component code file input by the user is received, the corresponding custom component is generated by analyzing the component code file, and the custom component is stored, so that the custom component is displayed in the component area of the developed page, the purpose of increasing the diversity of the component is achieved, and the generation efficiency of the page is improved.
Referring to fig. 4, in a fourth embodiment, based on any one of the foregoing embodiments, the method for generating a page further includes:
step S400: when triggering the deployment action of the page application, acquiring a source code corresponding to the page application;
step S500: generating a deployment package corresponding to the page application according to the source code;
step S600: and publishing the deployment package to a preset remote server.
In this embodiment, after the user completes development of each page of the page application, the user may trigger the deployment action of the page application by clicking the corresponding deployment button. The deployment package corresponding to the page application may be generated according to the source code of the page application by using an existing packaging tool, which is not specifically limited in this embodiment. After the deployment package of the page application is generated, the deployment package is automatically released to a preset remote server. When the user triggers the deployment action of the page application, a deployment interface is displayed, the user can fill in the server address of the remote server to be released in the deployment interface, the remote server corresponding to the filled-in server address is further used as the preset remote server, and when a confirmation instruction is received, the step of acquiring the source code of the page application is executed. By providing the automatic release function of the page application, the user does not need to arrange the page application by himself, thereby providing convenience for the user to arrange the page application and improving the success rate of the page application arrangement. It will be appreciated that after generating the deployment package for the page application, the user may deploy the deployment package directly to a different server or platform.
Optionally, when generating the deployment package corresponding to the page application according to the source code, a packaging tool may be used to generate a json file and a dist directory of the page application, so as to obtain the deployment package of the page application according to the json file and the dist directory. It will be appreciated that json files are metadata and configuration information for the page application, while dist directory is a static resource for the page application.
Optionally, after the step of generating the deployment package corresponding to the page application according to the source code, the method further includes: displaying the download identifier of the deployment package corresponding to the page application; and downloading the deployment package corresponding to the page application to a preset position when the click event of the download identifier is detected.
In this embodiment, the present invention provides a download identifier of the deployment package corresponding to the page application, where the download identifier may be a download button or a download link, and this embodiment is not limited in detail. The user can click a download button or a download link to download the deployment package of the page application to a position set by the user, so that the user can deploy the page application to any environment through the deployment package.
Optionally, when triggering the deployment action of the page application, the step of acquiring the source code corresponding to the page application further includes: converting the source code into a target source code meeting a preset grammar; and generating the deployment package corresponding to the page application based on the target source code.
In this embodiment, in order to provide compatibility of the page application in different browsers, when generating a deployment package of the page application, the invention converts a source code of the page application into a target source code meeting a preset grammar, and then generates the deployment package of the page application according to the target source code. The preset grammar is a grammar supported by different browsers. It will be appreciated that the preset grammar is typically an old version grammar. The grammar of which version is specifically set by the user or preset by default of the system is not specifically limited in this embodiment. For example, the grammar of the source code of the page application is a new version of JavaScript grammar, and the source code can be converted into a target source code corresponding to an earlier version of JavaScript grammar, so that the compatibility of the deployment package is improved.
Alternatively, a Babel conversion tool may be used to convert the source code of the page application into the target source code that satisfies the preset syntax, which is not specifically limited in this embodiment.
In the technical scheme provided by the embodiment, when the deployment action of the page application is triggered, the source code corresponding to the page application is acquired, the deployment package corresponding to the page application is generated according to the source code, and then the deployment package is issued to a preset remote server. By providing the automatic release function of the page application, the user does not need to arrange the page application by himself, thereby providing convenience for the user to arrange the page application and improving the success rate of the page application arrangement.
Referring to fig. 5, fig. 5 is a schematic diagram of a terminal structure of a hardware running environment according to an embodiment of the present invention.
The terminal of the embodiment of the invention can be other equipment for developing pages, such as a computer, a mobile phone, a tablet personal computer and the like.
As shown in fig. 5, the terminal may include: a processor 1001, such as a CPU, a network interface 1004, a user interface 1003, a memory 1005, a communication bus 1002. Wherein the communication bus 1002 is used to enable connected communication between these components. The user interface 1003 may include a Display screen (Display), an input unit such as a Keyboard (Keyboard), a mouse, etc., and the optional user interface 1003 may further include a standard wired interface, a wireless interface. The network interface 1004 may optionally include a standard wired interface, a wireless interface (e.g., WI-FI interface). The memory 1005 may be a high-speed RAM memory or a stable memory (non-volatile memory), such as a disk memory. The memory 1005 may also optionally be a storage device separate from the processor 1001 described above.
It will be appreciated by those skilled in the art that the terminal structure shown in fig. 5 is not limiting of the terminal and may include more or fewer components than shown, or may combine certain components, or a different arrangement of components.
As shown in fig. 5, an operating system, a network communication module, a user interface module, and a page generation program may be included in the memory 1005 as one type of computer storage medium.
In the terminal shown in fig. 5, the network interface 1004 is mainly used for connecting to a background server and performing data communication with the background server; the processor 1001 may be configured to call a generation program of pages stored in the memory 1005 and perform the following operations:
when a frame selection action for a current page is received, determining a target area corresponding to the frame selection action;
generating a module according to the target components associated with the target region and the layout between the target components;
determining an industry attribute of the module based on global configuration information of the page application corresponding to the current page, and storing the industry attribute and the module in an associated mode;
and acquiring and displaying the module based on the association relation between the industry attribute and the module in the development page associated with the industry attribute.
Further, the processor 1001 may call a generation program of a page stored in the memory 1005, and further perform the following operations:
when receiving a creation instruction of a page application corresponding to the current page, generating an application identifier corresponding to the page application, and creating the page application, wherein the current page is created based on the page application;
And creating a main page corresponding to the page application, and receiving the global configuration information set based on the main page.
Further, the processor 1001 may call a generation program of a page stored in the memory 1005, and further perform the following operations:
when receiving a creation instruction of a page menu based on the page application, creating the page menu;
and receiving the association relation between the page menu and the current page, and storing the association relation so that when a user triggers the clicking action of the page menu, the current page is loaded according to the association relation.
Further, the processor 1001 may call a generation program of a page stored in the memory 1005, and further perform the following operations:
when a creation instruction of the current page is received, the current page is created, and the current page and the page application are associated and stored, wherein the current page comprises a component area and an operation panel, the component area is used for displaying a corresponding component, and the operation panel is used for developing the current page.
Further, the processor 1001 may call a generation program of a page stored in the memory 1005, and further perform the following operations:
Receiving a component code file input by a user, analyzing the component code file, and generating a corresponding custom component;
storing the custom component;
and displaying the custom component in the component area of the development page.
Further, the processor 1001 may call a generation program of a page stored in the memory 1005, and further perform the following operations:
when triggering the deployment action of the page application, acquiring a source code corresponding to the page application;
generating a deployment package corresponding to the page application according to the source code;
and publishing the deployment package to a preset remote server.
Further, the processor 1001 may call a generation program of a page stored in the memory 1005, and further perform the following operations:
displaying the download identifier of the deployment package corresponding to the page application;
and downloading the deployment package corresponding to the page application to a preset position when the click event of the download identifier is detected.
Further, the processor 1001 may call a generation program of a page stored in the memory 1005, and further perform the following operations:
converting the source code into a target source code meeting a preset grammar;
and generating the deployment package corresponding to the page application based on the target source code.
In addition, in order to achieve the above object, the present invention further provides a terminal device, including: the page generation device comprises a memory, a processor and a page generation program which is stored in the memory and can run on the processor, wherein the page generation program realizes the steps of the page generation method when being executed by the processor.
In addition, in order to achieve the above object, the present invention also provides a computer-readable storage medium having stored thereon a page generation program which, when executed by a processor, implements the steps of the page generation method as described above.
It should be noted that, in this document, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or system that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or system. Without further limitation, an element defined by the phrase "comprising one … …" does not exclude the presence of other like elements in a process, method, article, or system that comprises the element.
The foregoing embodiment numbers of the present invention are merely for the purpose of description, and do not represent the advantages or disadvantages of the embodiments.
From the above description of embodiments, it will be clear to a person skilled in the art that the above embodiment method may be implemented by means of software plus a necessary general hardware platform, but may of course also be implemented by means of hardware, but in many cases the former is a preferred embodiment. Based on this understanding, the technical solution of the present invention may be embodied essentially or in a part contributing to the prior art in the form of a software product stored in a storage medium (e.g. ROM/RAM, magnetic disk, optical disk) as described above, comprising instructions for causing a terminal device (which may be a computer, a mobile phone) to perform the method according to the embodiments of the present invention.
The foregoing description is only of the preferred embodiments of the present invention, and is not intended to limit the scope of the invention, but rather is intended to cover any equivalents of the structures or equivalent processes disclosed herein or in the alternative, which may be employed directly or indirectly in other related arts.
Claims (5)
1. The page generation method is characterized by comprising the following steps:
When receiving a creation instruction of a page application, generating an application identifier corresponding to the page application, and creating the page application;
creating a main page corresponding to the page application, and receiving global configuration information set based on the main page, wherein the global configuration information is editing information of each component in the main page;
when a creation instruction of a current page is received, creating the current page, and storing the current page and the page application in an associated mode, wherein the current page comprises a component area and an operation panel, the component area is used for displaying a corresponding component, and the operation panel is used for developing the current page;
when a frame selection action for a current page is received, determining a target area corresponding to the frame selection action;
generating a module according to the target components associated with the target region and the layout between the target components;
performing word segmentation on the global configuration information by using a word segmentation device, using each word obtained after word segmentation as a keyword, traversing a keyword library according to the keywords, determining industry attributes associated with each keyword, counting the number of keywords corresponding to the industry attributes associated with each keyword, determining the industry attribute with the largest number of keywords as the industry attribute of the module, and associatively storing the industry attribute and the module;
Acquiring and displaying the module based on the association relation between the industry attribute and the module in the development page associated with the industry attribute;
the page generation method further comprises the following steps:
receiving a component code file input by a user, analyzing the component code file, and generating a corresponding custom component; storing the custom component; displaying the custom component in a component area of the development page;
when triggering the deployment action of the page application, acquiring a source code corresponding to the page application; generating a deployment package corresponding to the page application according to the source code; releasing the deployment package to a preset remote server;
wherein, after the step of creating the main page corresponding to the page application and receiving the global configuration information set based on the main page, the method comprises the following steps:
when receiving a creation instruction of a page menu based on the page application, creating the page menu;
and receiving the association relation between the page menu and the current page, and storing the association relation so that when a user triggers the clicking action of the page menu, the current page is loaded according to the association relation.
2. The method for generating a page according to claim 1, further comprising, after the step of generating a deployment package corresponding to the page application according to the source code:
displaying the download identifier of the deployment package corresponding to the page application;
and downloading the deployment package corresponding to the page application to a preset position when the click event of the download identifier is detected.
3. The method for generating a page according to claim 1, wherein the step of acquiring the source code corresponding to the page application when the deployment action of the page application is triggered further comprises:
converting the source code into a target source code meeting a preset grammar;
and generating the deployment package corresponding to the page application based on the target source code.
4. A terminal device, characterized in that the terminal device comprises: a memory, a processor and a generation program of a page of a terminal device stored on the memory and executable on the processor, which when executed by the processor realizes the steps of the generation method of a page according to any one of claims 1 to 3.
5. A computer-readable storage medium, characterized in that the computer-readable storage medium has stored thereon a generation program of pages of a terminal device, which when executed by a processor, implements the steps of the page generation method according to any one of claims 1 to 3.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311183337.6A CN116909563B (en) | 2023-09-14 | 2023-09-14 | Page generation method, terminal device and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202311183337.6A CN116909563B (en) | 2023-09-14 | 2023-09-14 | Page generation method, terminal device and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN116909563A CN116909563A (en) | 2023-10-20 |
| CN116909563B true CN116909563B (en) | 2023-12-19 |
Family
ID=88360699
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202311183337.6A Active CN116909563B (en) | 2023-09-14 | 2023-09-14 | Page generation method, terminal device and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116909563B (en) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110795434A (en) * | 2019-10-30 | 2020-02-14 | 北京邮电大学 | Method and device for constructing service attribute database |
| CN114443022A (en) * | 2021-12-31 | 2022-05-06 | 钉钉(中国)信息技术有限公司 | Method for generating page building block and electronic equipment |
| CN115408002A (en) * | 2022-09-21 | 2022-11-29 | 携程计算机技术（上海）有限公司 | Webpage generation method, system, electronic equipment and storage medium |
| CN115756449A (en) * | 2022-12-02 | 2023-03-07 | 之江实验室 | Page multiplexing method and device, storage medium and electronic equipment |
Family Cites Families (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7003528B2 (en) * | 1998-02-13 | 2006-02-21 | 3565 Acquisition, Llc | Method and system for web management |
| CN106569824B (en) * | 2016-11-07 | 2019-08-13 | 腾讯科技（深圳）有限公司 | Method and apparatus, the method and apparatus of page rendering of page data compiling |
-
2023
- 2023-09-14 CN CN202311183337.6A patent/CN116909563B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110795434A (en) * | 2019-10-30 | 2020-02-14 | 北京邮电大学 | Method and device for constructing service attribute database |
| CN114443022A (en) * | 2021-12-31 | 2022-05-06 | 钉钉(中国)信息技术有限公司 | Method for generating page building block and electronic equipment |
| CN115408002A (en) * | 2022-09-21 | 2022-11-29 | 携程计算机技术（上海）有限公司 | Webpage generation method, system, electronic equipment and storage medium |
| CN115756449A (en) * | 2022-12-02 | 2023-03-07 | 之江实验室 | Page multiplexing method and device, storage medium and electronic equipment |
Non-Patent Citations (1)
| Title |
|---|
| 基于B/S的跨平台用户界面可配置算法研究;赵双双等;浙江理工大学学报(第05期);全文 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN116909563A (en) | 2023-10-20 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109062567B (en) | B/S structure-based information management system rapid development platform | |
| Ziadi et al. | Software product line engineering with the UML: Deriving products | |
| CN110806863A (en) | Interface document generation method and device, electronic equipment and storage medium | |
| US8296665B2 (en) | Developing and executing applications with configurable patterns | |
| CN101777004B (en) | Method and system for realizing BPEL sub-process multiplexing based on template in service-oriented environment | |
| Meliá et al. | Architectural and technological variability in rich internet applications | |
| Stanciulescu et al. | A transformational approach for multimodal web user interfaces based on UsiXML | |
| CN111666526A (en) | Page generation method, device, equipment and storage medium | |
| US20050240857A1 (en) | Methods and systems of information portal construction | |
| US20050257210A1 (en) | Upgrading pattern configurations | |
| JPH09134282A (en) | Program generation method | |
| CN111068328A (en) | Game advertisement configuration table generation method, terminal device and medium | |
| CN113886362A (en) | Data storage system and storage method based on workflow engine and low-code platform | |
| CN113900636A (en) | Self-service channel business process development system and development method thereof | |
| CN115098098A (en) | Page generation method, page display method and device | |
| CN111782213A (en) | Dynamic control page generation system based on DOM | |
| US7784024B2 (en) | Program creating system, program creating program, and program creating module | |
| CN113095056B (en) | Generation method, processing method, device, electronic equipment and medium | |
| US9075891B2 (en) | Method and device for editing an object represented in a web page | |
| CN116909563B (en) | Page generation method, terminal device and storage medium | |
| CN116909553A (en) | Page online development and local compiling operation system | |
| CN101303663A (en) | Simulation test method for digital set-top box software development | |
| US10409575B2 (en) | System and method for developing software applications of wearable devices | |
| CN112181409A (en) | Application construction method, application rendering method and device | |
| US20090228678A1 (en) | Mapping definition creation system and mapping definition creation program |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |