CN114741072B - Page generation method, device, equipment and storage medium - Google Patents
Page generation method, device, equipment and storage medium Download PDFInfo
- Publication number
- CN114741072B CN114741072B CN202210418539.3A CN202210418539A CN114741072B CN 114741072 B CN114741072 B CN 114741072B CN 202210418539 A CN202210418539 A CN 202210418539A CN 114741072 B CN114741072 B CN 114741072B
- Authority
- CN
- China
- Prior art keywords
- target
- page
- scene
- interface
- target database
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0486—Drag-and-drop
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; 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
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a page generation method, device, equipment and storage medium. The method comprises the following steps: responding to the detection of touch operation for a new page control corresponding to a target scene on the page designer interface, and displaying a page editing interface; responding to the detection of touch operation of a user on a dynamic model page control on the page editing interface, and displaying a target model list; in response to detection of touch operation for at least one target model in the target model list, at least one target page is generated according to the at least one target model.
Description
Technical Field
The embodiment of the invention relates to the technical field of computers, in particular to a page generation method, device, equipment and storage medium.
Background
The application on the market builds a low-code platform, mostly provides a designer of the page, lays out page elements in the page through dragging, and generates a front-end page in a code generation mode.
First, most users lack the design experience and aesthetic of the user interface, and it is time consuming to construct a page, such as for a form page, to select and configure different page controls according to different data types. The whole process is time-consuming and has high cost, the construction speed of the application system is reduced, and then after the user changes the page editing system, the content in the database of the original page editing system cannot be substituted into the new page editing system, so that the complexity of page construction is increased.
Disclosure of Invention
The embodiment of the invention provides a page generation method, device, equipment and storage medium, which are used for generating a target model list based on a target database, generating a target page through a target model in the target model list and improving the speed of constructing the target page by a user.
According to an aspect of the present invention, there is provided a page generation method, including:
responding to the detection of touch operation for a new page control corresponding to a target scene on the page designer interface, and displaying a page editing interface;
responding to the detection of touch operation of a user on a dynamic model page control on the page editing interface, and displaying a target model list;
In response to detecting a touch operation for at least one target model in the list of target models, at least one target page is generated from the at least one target model.
According to another aspect of the present invention, there is provided a page generating apparatus including:
the interface display module is used for displaying a page editing interface in response to detection of touch operation of a newly built page control corresponding to a target scene on the page designer interface;
the list display module is used for displaying a target model list in response to detection of touch operation of a user on the dynamic model page control on the page editing interface;
and the page generation module is used for generating at least one target page according to at least one target model in the target model list in response to detection of touch operation for the at least one target model.
According to another aspect of the present invention, there is provided an electronic apparatus including:
at least one processor; and
a memory communicatively coupled to the at least one processor; wherein,
the memory stores a computer program executable by the at least one processor to enable the at least one processor to perform the page generation method according to any one of the embodiments of the present invention.
According to another aspect of the present invention, there is provided a computer readable storage medium storing computer instructions for causing a processor to implement a page generation method according to any of the embodiments of the present invention when executed.
According to the embodiment of the invention, the page editing interface is displayed by responding to the detection of the touch operation of the newly built page control corresponding to the target scene on the page designer interface; responding to the detection of touch operation of a user on a dynamic model page control on the page editing interface, and displaying a target model list; and in response to detection of touch operation for at least one target model in the target model list, generating at least one target page according to the at least one target model, wherein the target model list can be generated based on a target database, and the target page is generated through the target models in the target model list, so that the speed of constructing the target page by a user is improved.
It should be understood that the description in this section is not intended to identify key or critical features of the embodiments of the invention or to delineate the scope of the invention. Other features of the present invention will become apparent from the description that follows.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings that are needed in the embodiments will be briefly described below, it being understood that the following drawings only illustrate some embodiments of the present invention and therefore should not be considered as limiting the scope, and other related drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.
FIG. 1 is a flow chart of a page generation method in an embodiment of the invention;
fig. 2 is a schematic structural diagram of a page generating apparatus in an embodiment of the present invention;
fig. 3 is a schematic structural diagram of an electronic device in an embodiment of the present invention.
Detailed Description
In order that those skilled in the art will better understand the present invention, a technical solution in the embodiments of the present invention will be clearly and completely described below with reference to the accompanying drawings in which it is apparent that the described embodiments are only some embodiments of the present invention, not all embodiments. All other embodiments, which can be made by those skilled in the art based on the embodiments of the present invention without making any inventive effort, shall fall within the scope of the present invention.
It should be noted that the terms "first," "second," and the like in the description and the claims of the present invention and the above figures are used for distinguishing between similar objects and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used may be interchanged where appropriate such that the embodiments of the invention described herein may be implemented in sequences other than those illustrated or otherwise described herein. Furthermore, the terms "comprises," "comprising," and "having," and any variations thereof, are intended to cover a non-exclusive inclusion, such that a process, method, system, article, or apparatus that comprises a list of steps or elements is not necessarily limited to those steps or elements expressly listed but may include other steps or elements not expressly listed or inherent to such process, method, article, or apparatus.
Example 1
Fig. 1 is a flowchart of a page generating method according to an embodiment of the present invention, where the method may be applied to a page generating case, and the method may be performed by a page generating device according to an embodiment of the present invention, where the page generating device may be implemented in a software and/or hardware manner, and as shown in fig. 1, the page generating method specifically includes the following steps:
S110, in response to detection of touch operation for a newly built page control corresponding to a target scene on the page designer interface, displaying a page editing interface.
Wherein the page designer interface comprises: canvas area and scene add area.
Specifically, the target scene on the page designer interface is a scene added by the scene adding area on the page designer interface. The target scene on the page designer interface is a scene selected by a user from the scenes added by the scene adding area, and the mode of selecting the scene from the scenes added by the scene adding area by the user can be as follows: the user determines the target scene by clicking on the added scene in the scene adding area, or may be: the user determines the scene with the same scene name as the scene name input by voice in the scene adding area as a target scene, for example, the user may add an S scene, a P scene and a Q scene in the scene adding area on the page designer interface, and if the user clicks the S scene on the page designer interface, the S scene is determined as the target scene.
The new page control can be a new page control on the right side of a target scene icon in a scene adding area on the page designer interface; the new page control can also be a new page control displayed below a target scene icon after a user clicks the target scene icon in a scene adding area on the page designer interface; the new page control may also be a scene menu displayed after a user clicks a target scene icon in a scene adding area on the page designer interface, where the scene menu includes: new group controls, new page controls, new dialog controls, rename controls, delete controls, and the like; after clicking a target scene icon in a scene adding area on a page designer interface, the newly-built page control can display a primary grouping control, a secondary grouping control, a page control and a dialog box control below the target scene icon, and after clicking the primary grouping control, the newly-built page control is displayed: newly-built grouping control, newly-built page control, newly-built dialog box control and deleting control, clicking the secondary grouping option, and displaying: newly-built page control, newly-built dialog box control and deletion control, click on the page control, then display: new copy control, move control, delete control, and convert to dialog control, click dialog control, display: creating duplicate controls, moving controls, deleting controls, and converting to page controls, to which embodiments of the invention are not limited.
Wherein the page editing interface comprises: the page type selection area is used for displaying a target model list if the user selects the dynamic model page control; if the user selects the custom control, a custom list is displayed, which is not limited in the embodiment of the present invention.
Specifically, in response to detecting a touch operation for a new page control corresponding to a target scene on the page designer interface, the manner of displaying the page editing interface may be: in response to detecting a touch operation for a new page control corresponding to a target scene on the page designer interface, displaying a page editing interface, the page editing interface comprising: and selecting a region by the page type.
And S120, in response to detecting the touch operation of the user on the dynamic model page control on the page editing interface, displaying a target model list.
The generating manner of the target model list may be: obtaining a target database type, a target database address, a target database account, a target database password and a target database port, wherein the target database comprises: at least one target table; acquiring header information of each target table according to the type of the target database, the target database address, the target database account, the target database password and the target database port; creating a target model corresponding to each target table according to the header information of each target table; and generating a target model list according to the target model corresponding to each target table.
Specifically, in response to detecting a touch operation of the user on the dynamic model page control on the page editing interface, a target model list is displayed, for example, the user may click on the dynamic model page control on the page editing interface, and the target model list is displayed on the page designer interface.
And S130, in response to detection of touch operation for at least one target model in the target model list, generating at least one target page according to the at least one target model.
Specifically, in response to detecting a touch operation for at least one target model in the target model list, a manner of generating at least one target page according to the at least one target model may be: the user clicks at least one target model in the target model list, and after the user clicks the determination control, at least one target page is generated according to the at least one target model clicked by the user. In response to detecting a touch operation of a user on at least one target model in the target model list, a manner of generating at least one target page according to the at least one target model may be: the user selects a model type, if the model type selected by the user is a first type, the whole application page is created in one step, and the whole application page is generated according to the touch operation of the user on at least one target model in the target model list; if the model type selected by the user is the second type, sequentially creating single pages, generating the single pages according to the touch operation of the user on at least one target model in the target model list, and repeating the steps.
In a specific example, a user clicks a newly built page control corresponding to a target scene on a page designer interface, displays a page editing interface, clicks a dynamic model page control on the page editing interface, displays a target model list on the page designer interface, drags a target model R, a target model T and a target model M in the target model list on the page designer interface to a canvas area on the page designer interface after the user selects a first type, and generates an entire application page according to the target model R, the target model T and the target model M after the user clicks a determination control.
In another specific example, a user clicks a new page control corresponding to a target scene on the page designer interface, displays a page editing interface, clicks a dynamic model page control on the page editing interface, displays a target model list on the page designer interface, drags a target model R in the target model list on the page designer interface to a canvas area on the page designer interface after the user selects the second type, and generates a page according to the target model R after the user clicks a determination control. The user drags the target model T in the target model list on the page designer interface to a canvas area on the page designer interface, after the user clicks the determination control, a page is generated according to the target model T, the user drags the target model M in the target model list on the page designer interface to the canvas area on the page designer interface, and after the user clicks the determination control, a page is generated according to the target model M.
Optionally, before displaying the page editing interface in response to detecting the target page creation instruction, the method further includes:
obtaining a target database type, a target database address, a target database account, a target database password and a target database port, wherein the target database comprises: at least one target table;
acquiring header information of each target table according to the type of the target database, the target database address, the target database account, the target database password and the target database port;
creating a target model corresponding to each target table according to the header information of each target table;
and generating a target model list according to the target model corresponding to each target table.
Specifically, the method for obtaining the header information of each target table according to the target database type, the target database address, the target database account, the target database password and the target database port may be: determining a target transfer mode according to the target database type; and acquiring the header information of each target table according to the target database address, the target database account, the target database password, the target database port and the target transfer mode. The method for obtaining the header information of each target table according to the target database type, the target database address, the target database account, the target database password and the target database port may further be: and logging in the target database according to the target database address, the target database account, the target database password and the target database port to obtain at least one target table in the target database, wherein the fields have a slight difference due to different databases, so that the header information of each target table is obtained according to the target database type through at least one target table obtained by Java source processing.
Specifically, the method for creating the target model corresponding to each target table according to the header information of each target table may be: and processing the header information of each target table through a Java source to generate a target model which can be identified by the system.
Optionally, obtaining header information of each target table according to the target database type, the target database address, the target database account, the target database password and the target database port includes:
determining a target transfer mode according to the target database type;
and acquiring the header information of each target table according to the target database address, the target database account, the target database password, the target database port and the target transfer mode.
Specifically, because the fields of different databases have a slight difference, it is necessary to determine a target transfer mode according to the type of the target database, and after logging in the target database according to the target database address, the target database account, the target database password and the target database port, at least one target table in the target database is acquired, and header information of each target table is acquired through the target transfer mode.
Optionally, before the touch operation for the new page control corresponding to the target scene on the page designer interface is detected, displaying the page editing interface, the method further includes:
in response to detecting a touch operation of a user on a scene adding control of a scene adding area on a page designer interface, displaying a scene configuration interface, wherein the page designer interface comprises: canvas area and scene adding area;
in response to detection of editing operation for the scene configuration interface, acquiring basic information and style information of a target scene;
and in response to detection of touch operation of a determination control for the scene configuration interface, constructing a target scene according to basic information of the target scene, and updating the color of a canvas area on the page designer interface according to style information of the target scene.
The scene adding control of the scene adding area may be: the scene adding area includes: the embodiment of the invention is not limited to the search control, the scene adding control is positioned on the right side of the search control, and the identification of the scene adding control can be "+".
Wherein the page designer interface comprises: canvas area and scene add area.
Specifically, in response to detecting a touch operation of the user on the scene adding control of the scene adding area on the page designer interface, the manner of displaying the scene configuration interface may be: and in response to detecting the touch operation of the user on the scene adding control of the scene adding area on the page designer interface, replacing the content of the scene editing area with the scene configuration interface. In response to detecting a touch operation of the user on the scene adding control of the scene adding area on the page designer interface, the manner of displaying the scene configuration interface may be: and in response to detecting the touch operation of the user on the scene adding control of the scene adding area on the page designer interface, displaying the scene configuration interface in a superimposed manner on the scene editing area on the page designer interface. In response to detecting a touch operation of the user on the scene adding control of the scene adding area on the page designer interface, the manner of displaying the scene configuration interface may be: and in response to detecting the touch operation of the user on the scene adding control of the scene adding area on the page designer interface, displaying the scene configuration interface in a floating mode on the page designer interface. The embodiment of the present invention is not limited thereto.
Wherein, the basic information of the target scene comprises: the name of the target scene and the description information of the target scene.
Wherein, style information of the target scene may include: the first style, the second style, the third style and the like, and different style information corresponds to different canvas area display forms.
Specifically, style information of the target scene is obtained, the canvas area is updated according to the style information of the target scene, and the menu bar is updated according to the style information of the target scene, wherein the updating mode can be a replacement template, or can be a replacement color or a replacement layout.
Specifically, in response to detecting a touch operation for determining a control for the scene configuration interface, constructing a target scene according to basic information of the target scene, and updating a color of a canvas area on the page designer interface according to style information of the target scene may be: after clicking a determination control of a scene configuration interface, a user constructs a target scene according to basic information of the target scene, queries a database according to style information of the target scene, obtains a target color corresponding to the style information of the target scene, and updates the color of a canvas area on the page designer interface according to the target color. In response to detecting a touch operation for determining a control for the scene configuration interface, constructing a target scene according to the basic information of the target scene, and updating the color of the canvas area on the page designer interface according to the style information of the target scene may further be: after clicking a determination control of a scene configuration interface, a user constructs a target scene according to basic information of the target scene, queries a database according to style information of the target scene, obtains a target color corresponding to the style information of the target scene, updates the color of a canvas area on the page designer interface according to the target color, and updates the color of a menu on the page designer interface according to the target color.
Optionally, the page designer interface further comprises: a scene editing area;
accordingly, after generating at least one target page according to at least one target model in the target model list in response to detecting a touch operation for the at least one target model, further comprising:
in response to detecting a touch operation for a target scene of a scene adding area on the page designer interface, displaying a scene editing sub-interface corresponding to the target scene in the scene editing area;
and in response to detection of an editing operation for aiming at a menu bar editing area on the scene editing sub-interface, adding a target menu bar on at least one target page corresponding to the target scene according to the editing operation.
Wherein the scene editing sub-interface comprises: a scene name editing area, a home page selection area, a left menu bar setting area, a top menu bar setting area, and the like, to which the embodiment of the present invention is not limited. The editing operation for the menu bar editing area on the scene editing sub-interface can add a left menu bar for a user, wherein the left menu bar comprises: a first-level menu and a second-level menu; editing operations for the menu bar editing area on the scene editing sub-interface may further add a top menu bar to the user, the top menu bar including: a primary menu and a secondary menu. The editing operation may be: the user clicks a left menu bar control of a menu bar editing area on the scene editing sub-interface, the adding primary menu control and the preview control are displayed, the user clicks the adding primary menu control, then the primary menu of the left menu bar can be added, and the user clicks the preview control, then the page after the adding of the left menu can be displayed in a canvas area. Editing operations for the menu bar editing area on the scene editing sub-interface may further add a top menu bar to the user, the top menu bar including: a primary menu and a secondary menu. The editing operation may be: the user clicks a top menu bar control of a menu bar editing area on the scene editing sub-interface, the first-level menu control and the preview control are displayed and added, the first-level menu of the top menu bar can be added when the user clicks the first-level menu control, and the page after the top menu is added can be displayed in a canvas area when the user clicks the preview control.
Specifically, in response to detecting an editing operation for editing an area for a menu bar on the scene editing sub-interface, a manner of adding a target menu bar on at least one target page corresponding to the target scene according to the editing operation may be: in response to detecting an editing operation for editing an area for a left menu bar on the scene editing sub-interface, adding the left menu bar on at least one target page corresponding to a target scene according to the editing operation; in response to detecting an editing operation for editing an area for a menu bar on the scene editing sub-interface, a manner of adding a target menu bar on at least one target page corresponding to the target scene according to the editing operation may be: and in response to detecting the editing operation for the editing area of the top menu bar on the scene editing sub-interface, adding the top menu bar on at least one target page corresponding to the target scene according to the editing operation.
Optionally, the method further comprises:
in response to detecting a selection operation for a target page on the scene editing sub-interface, the target page is determined to be a top page.
The scene editing sub-interface comprises a home page selection area, a user can determine the clicked page as a home page by clicking the page in a drop-down frame, and the drop-down frame comprises at least one target page generated according to at least one target model. For example, the drop-down frame may include: and if the user clicks the page X in the drop-down frame, determining the page X as a top page.
Optionally, the method further comprises:
in response to detecting a touch operation for a target page in a scene adding area on the page designer interface, displaying the target page in a canvas area on the page designer interface;
in response to detecting an editing operation for a canvas area on the page designer interface, the target page is updated according to the editing operation.
The target page may be any created page, and the determining manner of the target page may be: and if the fact that the user clicks the page in the scene adding area on the page designer interface is detected, determining the page clicked by the user as a target page. For example, the scene adding area on the page designer interface may include a page X, a page Y and a page Z, and if it is detected that the user clicks on the page X, the page X is determined to be a target page.
Specifically, in response to detecting an editing operation for a canvas area on the page designer interface, updating the target page according to the editing operation, for example, the target page displayed by the canvas area may be edited by a user to implement fine adjustment of the target page, so that the adjusted target page better meets the user requirement, for example, the field display order may be modified according to personal habits of the user.
According to the technical scheme, the page editing interface is displayed by responding to the detection of touch operation of the newly built page control corresponding to the target scene on the page designer interface; responding to the detection of touch operation of a user on a dynamic model page control on the page editing interface, and displaying a target model list; and in response to detection of touch operation for at least one target model in the target model list, generating at least one target page according to the at least one target model, wherein the target model list can be generated based on a target database, and the target page is generated through the target models in the target model list, so that the speed of constructing the target page by a user is improved.
Example two
Fig. 2 is a schematic structural diagram of a page generating apparatus according to an embodiment of the present invention. The present embodiment may be applicable to the case of page generation, where the apparatus may be implemented in software and/or hardware, and the apparatus may be integrated in any device that provides a page generation function, as shown in fig. 2, where the page generation apparatus specifically includes: an interface display module 210, a list display module 220, and a page generation module 230.
The interface display module is used for displaying a page editing interface in response to detection of touch operation of a newly built page control corresponding to a target scene on the page designer interface;
the list display module is used for displaying a target model list in response to detection of touch operation of a user on the dynamic model page control on the page editing interface;
and the page generation module is used for generating at least one target page according to at least one target model in the target model list in response to detection of touch operation for the at least one target model.
Optionally, the method further comprises:
the first acquisition module is used for acquiring a target database type, a target database address, a target database account, a target database password and a target database port, wherein the target database comprises: at least one target table;
The second acquisition module is used for acquiring the header information of each target table according to the type of the target database, the address of the target database, the account of the target database, the password of the target database and the port of the target database;
the target model creation module is used for creating a target model corresponding to each target table according to the header information of each target table;
and the target model list generation module is used for generating a target model list according to the target models corresponding to each target table.
Optionally, the second obtaining module is specifically configured to:
determining a target transfer mode according to the target database type;
and acquiring the header information of each target table according to the target database address, the target database account, the target database password, the target database port and the target transfer mode.
Optionally, the method further comprises:
the scene configuration interface display module is used for displaying a scene configuration interface in response to detecting touch operation of a user on a scene adding control of a scene adding area on a page designer interface, wherein the page designer interface comprises: canvas area and scene adding area;
the third acquisition module is used for acquiring basic information and style information of the target scene in response to the detection of the editing operation for the scene configuration interface;
And the target scene construction module is used for constructing a target scene according to the basic information of the target scene in response to detection of the touch operation of the determination control for the scene configuration interface, and updating the color of the canvas area on the page designer interface according to the style information of the target scene.
Optionally, the page designer interface further comprises: a scene editing area;
correspondingly, the method further comprises the steps of:
the scene editing sub-interface display module is used for displaying a scene editing sub-interface corresponding to a target scene in the scene editing area in response to detection of touch operation of the target scene aiming at the scene adding area on the page designer interface;
and the target menu bar adding module is used for adding a target menu bar on at least one target page corresponding to the target scene according to the editing operation in response to the detection of the editing operation for the menu bar editing area on the scene editing sub-interface.
Optionally, the method further comprises:
and the home page determining module is used for determining the target page as the home page in response to detecting the selection operation for the target page on the scene editing sub-interface.
Optionally, the method further comprises:
a target page display module, configured to display a target page in a canvas area on the page designer interface in response to detecting a touch operation for the target page in a scene adding area on the page designer interface;
and the target page updating module is used for updating the target page according to the editing operation in response to the detection of the editing operation for the canvas area on the page designer interface.
The product can execute the method provided by any embodiment of the invention, and has the corresponding functional modules and beneficial effects of the execution method.
According to the technical scheme, the page editing interface is displayed by responding to the detection of touch operation of the newly built page control corresponding to the target scene on the page designer interface; responding to the detection of touch operation of a user on a dynamic model page control on the page editing interface, and displaying a target model list; and in response to detection of touch operation for at least one target model in the target model list, generating at least one target page according to the at least one target model, wherein the target model list can be generated based on a target database, and the target page is generated through the target models in the target model list, so that the speed of constructing the target page by a user is improved.
Example III
Fig. 3 shows a schematic diagram of the structure of an electronic device 10 that may be used to implement an embodiment of the invention. Electronic devices are intended to represent various forms of digital computers, such as laptops, desktops, workstations, personal digital assistants, servers, blade servers, mainframes, and other appropriate computers. Electronic equipment may also represent various forms of mobile devices, such as personal digital processing, cellular telephones, smartphones, wearable devices (e.g., helmets, glasses, watches, etc.), and other similar computing devices. The components shown herein, their connections and relationships, and their functions, are meant to be exemplary only, and are not meant to limit implementations of the inventions described and/or claimed herein.
As shown in fig. 3, the electronic device 10 includes at least one processor 11, and a memory, such as a Read Only Memory (ROM) 12, a Random Access Memory (RAM) 13, etc., communicatively connected to the at least one processor 11, in which the memory stores a computer program executable by the at least one processor, and the processor 11 may perform various appropriate actions and processes according to the computer program stored in the Read Only Memory (ROM) 12 or the computer program loaded from the storage unit 18 into the Random Access Memory (RAM) 13. In the RAM 13, various programs and data required for the operation of the electronic device 10 may also be stored. The processor 11, the ROM 12 and the RAM 13 are connected to each other via a bus 14. An input/output (I/O) interface 15 is also connected to bus 14.
Various components in the electronic device 10 are connected to the I/O interface 15, including: an input unit 16 such as a keyboard, a mouse, etc.; an output unit 17 such as various types of displays, speakers, and the like; a storage unit 18 such as a magnetic disk, an optical disk, or the like; and a communication unit 19 such as a network card, modem, wireless communication transceiver, etc. The communication unit 19 allows the electronic device 10 to exchange information/data with other devices via a computer network, such as the internet, and/or various telecommunication networks.
The processor 11 may be a variety of general and/or special purpose processing components having processing and computing capabilities. Some examples of processor 11 include, but are not limited to, a Central Processing Unit (CPU), a Graphics Processing Unit (GPU), various specialized Artificial Intelligence (AI) computing chips, various processors running machine learning model algorithms, digital Signal Processors (DSPs), and any suitable processor, controller, microcontroller, etc. The processor 11 performs the respective methods and processes described above, such as the page generation method:
responding to the detection of touch operation for a new page control corresponding to a target scene on the page designer interface, and displaying a page editing interface;
Responding to the detection of touch operation of a user on a dynamic model page control on the page editing interface, and displaying a target model list;
in response to detecting a touch operation for at least one target model in the list of target models, at least one target page is generated from the at least one target model.
In some embodiments, the page generation method may be implemented as a computer program tangibly embodied on a computer-readable storage medium, such as the storage unit 18. In some embodiments, part or all of the computer program may be loaded and/or installed onto the electronic device 10 via the ROM 12 and/or the communication unit 19. When the computer program is loaded into RAM 13 and executed by processor 11, one or more steps of the page generation method described above may be performed. Alternatively, in other embodiments, the processor 11 may be configured to perform the page generation method in any other suitable way (e.g., by means of firmware).
Various implementations of the systems and techniques described here above may be implemented in digital electronic circuitry, integrated circuit systems, field Programmable Gate Arrays (FPGAs), application Specific Integrated Circuits (ASICs), application Specific Standard Products (ASSPs), systems On Chip (SOCs), load programmable logic devices (CPLDs), computer hardware, firmware, software, and/or combinations thereof. These various embodiments may include: implemented in one or more computer programs, the one or more computer programs may be executed and/or interpreted on a programmable system including at least one programmable processor, which may be a special purpose or general-purpose programmable processor, that may receive data and instructions from, and transmit data and instructions to, a storage system, at least one input device, and at least one output device.
A computer program for carrying out methods of the present invention may be written in any combination of one or more programming languages. These computer programs may be provided to a processor of a general purpose computer, special purpose computer, or other programmable data processing apparatus, such that the computer programs, when executed by the processor, cause the functions/acts specified in the flowchart and/or block diagram block or blocks to be implemented. The computer program may execute entirely on the machine, partly on the machine, as a stand-alone software package, partly on the machine and partly on a remote machine or entirely on the remote machine or server.
In the context of the present invention, a computer-readable storage medium may be a tangible medium that can contain, or store a computer program for use by or in connection with an instruction execution system, apparatus, or device. The computer readable storage medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. Alternatively, the computer readable storage medium may be a machine readable signal medium. More specific examples of a machine-readable storage medium would include an electrical connection based on 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 or 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.
To provide for interaction with a user, the systems and techniques described here can be implemented on an electronic device having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to a user; and a keyboard and a pointing device (e.g., a mouse or a trackball) through which a user can provide input to the electronic device. Other kinds of devices may also be used to provide for interaction with a user; for example, feedback provided to the user may be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user may be received in any form, including acoustic input, speech input, or tactile input.
The systems and techniques described here can be implemented in a computing system that includes a background component (e.g., as a data server), or that includes a middleware component (e.g., an application server), or that includes a front-end component (e.g., a user computer having a graphical user interface or a web browser through which a user can interact with an implementation of the systems and techniques described here), or any combination of such background, middleware, or front-end components. The components of the system can be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include: local Area Networks (LANs), wide Area Networks (WANs), blockchain networks, and the internet.
The computing system may include clients and servers. The client and server are typically remote from each other and typically interact through a communication network. The relationship of client and server arises by virtue of computer programs running on the respective computers and having a client-server relationship to each other. The server can be a cloud server, also called a cloud computing server or a cloud host, and is a host product in a cloud computing service system, so that the defects of high management difficulty and weak service expansibility in the traditional physical hosts and VPS service are overcome.
It should be appreciated that various forms of the flows shown above may be used to reorder, add, or delete steps. For example, the steps described in the present invention may be performed in parallel, sequentially, or in a different order, so long as the desired results of the technical solution of the present invention are achieved, and the present invention is not limited herein.
The above embodiments do not limit the scope of the present invention. It will be apparent to those skilled in the art that various modifications, combinations, sub-combinations and alternatives are possible, depending on design requirements and other factors. Any modifications, equivalent substitutions and improvements made within the spirit and principles of the present invention should be included in the scope of the present invention.
Claims (8)
1. A page generation method, comprising:
responding to the detection of touch operation for a new page control corresponding to a target scene on the page designer interface, and displaying a page editing interface;
responding to the detection of touch operation of a user on a dynamic model page control on the page editing interface, and displaying a target model list;
in response to detecting a touch operation for at least one target model in the target model list, generating at least one target page according to the at least one target model;
the generation mode of the target model list comprises the following steps:
obtaining a target database type, a target database address, a target database account, a target database password and a target database port, wherein the target database comprises: at least one target table;
acquiring header information of each target table according to the type of the target database, the target database address, the target database account, the target database password and the target database port;
creating a target model corresponding to each target table according to the header information of each target table;
generating a target model list according to the target model corresponding to each target table;
The method for obtaining the header information of each target table according to the target database type, the target database address, the target database account, the target database password and the target database port comprises the following steps:
determining a target transfer mode according to the target database type;
and acquiring the header information of each target table according to the target database address, the target database account, the target database password, the target database port and the target transfer mode.
2. The method of claim 1, further comprising, before displaying the page editing interface in response to detecting a touch operation for a new page control corresponding to the target scene on the page designer interface:
in response to detecting a touch operation of a user on a scene adding control of a scene adding area on a page designer interface, displaying a scene configuration interface, wherein the page designer interface comprises: canvas area and scene adding area;
in response to detection of editing operation for the scene configuration interface, acquiring basic information and style information of a target scene;
and in response to detection of touch operation of a determination control for the scene configuration interface, constructing a target scene according to basic information of the target scene, and updating the color of a canvas area on the page designer interface according to style information of the target scene.
3. The method of claim 2, wherein the page designer interface further comprises: a scene editing area;
accordingly, after generating at least one target page according to at least one target model in the target model list in response to detecting a touch operation for the at least one target model, further comprising:
in response to detecting a touch operation for a target scene of a scene adding area on the page designer interface, displaying a scene editing sub-interface corresponding to the target scene in the scene editing area;
and in response to detection of an editing operation for aiming at a menu bar editing area on the scene editing sub-interface, adding a target menu bar on at least one target page corresponding to the target scene according to the editing operation.
4. A method according to claim 3, further comprising:
in response to detecting a selection operation for a target page on the scene editing sub-interface, the target page is determined to be a top page.
5. The method as recited in claim 4, further comprising:
in response to detecting a touch operation for a target page in a scene adding area on the page designer interface, displaying the target page in a canvas area on the page designer interface;
In response to detecting an editing operation for a canvas area on the page designer interface, the target page is updated according to the editing operation.
6. A page generating apparatus, comprising:
the interface display module is used for displaying a page editing interface in response to detection of touch operation of a newly built page control corresponding to a target scene on the page designer interface;
the list display module is used for displaying a target model list in response to detection of touch operation of a user on the dynamic model page control on the page editing interface;
the page generation module is used for generating at least one target page according to at least one target model in the target model list in response to detection of touch operation for the at least one target model;
the generation mode of the target model list comprises the following steps:
obtaining a target database type, a target database address, a target database account, a target database password and a target database port, wherein the target database comprises: at least one target table;
acquiring header information of each target table according to the type of the target database, the target database address, the target database account, the target database password and the target database port;
Creating a target model corresponding to each target table according to the header information of each target table;
generating a target model list according to the target model corresponding to each target table;
the method for obtaining the header information of each target table according to the target database type, the target database address, the target database account, the target database password and the target database port comprises the following steps:
determining a target transfer mode according to the target database type;
and acquiring the header information of each target table according to the target database address, the target database account, the target database password, the target database port and the target transfer mode.
7. An electronic device, the electronic device comprising:
at least one processor; and
a memory communicatively coupled to the at least one processor; wherein,
the memory stores a computer program executable by the at least one processor to enable the at least one processor to perform the page generation method of any one of claims 1-5.
8. A computer readable storage medium storing computer instructions for causing a processor to perform the page generation method of any one of claims 1-5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210418539.3A CN114741072B (en) | 2022-04-20 | 2022-04-20 | Page generation method, device, equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210418539.3A CN114741072B (en) | 2022-04-20 | 2022-04-20 | Page generation method, device, equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN114741072A CN114741072A (en) | 2022-07-12 |
| CN114741072B true CN114741072B (en) | 2024-03-12 |
Family
ID=82284337
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210418539.3A Active CN114741072B (en) | 2022-04-20 | 2022-04-20 | Page generation method, device, equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114741072B (en) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115729417A (en) * | 2022-08-04 | 2023-03-03 | 深圳市酷开网络科技股份有限公司 | Interface display control method, device, equipment and storage medium |
| CN119089525B (en) * | 2024-08-01 | 2025-09-23 | 深圳市乐其创新股份有限公司 | Scene Lighting Methods |
Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103092631A (en) * | 2007-04-06 | 2013-05-08 | 西安万年科技实业有限公司 | Database application system development platform and development method |
| EP2778922A2 (en) * | 2013-03-14 | 2014-09-17 | Thoughtwire Holdings Corp. | Method and system for enabling data sharing between software systems |
| CN105653644A (en) * | 2015-12-28 | 2016-06-08 | 北京中电普华信息技术有限公司 | Page constructor and page construction method |
| CN109783555A (en) * | 2018-12-13 | 2019-05-21 | 东软集团股份有限公司 | Form templat storage method, device, storage medium and electronic equipment |
| CN110058856A (en) * | 2019-04-28 | 2019-07-26 | 恒生电子股份有限公司 | Page configuration method and device |
| CN111782216A (en) * | 2020-07-23 | 2020-10-16 | 平安银行股份有限公司 | Page generation method, server and storage medium |
| CN112836186A (en) * | 2019-11-22 | 2021-05-25 | 腾讯科技（深圳）有限公司 | A kind of page control method and device |
| CN113050941A (en) * | 2021-03-25 | 2021-06-29 | 未鲲(上海)科技服务有限公司 | Front-end page generation method, device, equipment and computer readable storage medium |
| CN113535176A (en) * | 2021-08-11 | 2021-10-22 | 京东方科技集团股份有限公司 | Page generation method and device |
| CN114003843A (en) * | 2021-11-01 | 2022-02-01 | 上海浦东发展银行股份有限公司 | Page generation method, device, equipment and storage medium |
| CN114036443A (en) * | 2021-11-29 | 2022-02-11 | 北京百度网讯科技有限公司 | Page generation method and device |
| CN114115877A (en) * | 2021-11-26 | 2022-03-01 | 上海浦东发展银行股份有限公司 | Target page generation method, device, equipment and storage medium |
Family Cites Families (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| GB2520668A (en) * | 2013-08-22 | 2015-06-03 | Ibm | Portal environment and method for operating a portal environment |
| CN106919390A (en) * | 2017-02-27 | 2017-07-04 | 上海上讯信息技术股份有限公司 | A kind of method and apparatus of page generation |
| CN113076104B (en) * | 2021-04-30 | 2025-02-18 | 京东方科技集团股份有限公司 | Page generation method, device, equipment and storage medium |
| CN114115844A (en) * | 2021-11-16 | 2022-03-01 | 招联消费金融有限公司 | Page generating method, apparatus, computer equipment and storage medium |
-
2022
- 2022-04-20 CN CN202210418539.3A patent/CN114741072B/en active Active
Patent Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103092631A (en) * | 2007-04-06 | 2013-05-08 | 西安万年科技实业有限公司 | Database application system development platform and development method |
| EP2778922A2 (en) * | 2013-03-14 | 2014-09-17 | Thoughtwire Holdings Corp. | Method and system for enabling data sharing between software systems |
| CN105653644A (en) * | 2015-12-28 | 2016-06-08 | 北京中电普华信息技术有限公司 | Page constructor and page construction method |
| CN109783555A (en) * | 2018-12-13 | 2019-05-21 | 东软集团股份有限公司 | Form templat storage method, device, storage medium and electronic equipment |
| CN110058856A (en) * | 2019-04-28 | 2019-07-26 | 恒生电子股份有限公司 | Page configuration method and device |
| CN112836186A (en) * | 2019-11-22 | 2021-05-25 | 腾讯科技（深圳）有限公司 | A kind of page control method and device |
| CN111782216A (en) * | 2020-07-23 | 2020-10-16 | 平安银行股份有限公司 | Page generation method, server and storage medium |
| CN113050941A (en) * | 2021-03-25 | 2021-06-29 | 未鲲(上海)科技服务有限公司 | Front-end page generation method, device, equipment and computer readable storage medium |
| CN113535176A (en) * | 2021-08-11 | 2021-10-22 | 京东方科技集团股份有限公司 | Page generation method and device |
| CN114003843A (en) * | 2021-11-01 | 2022-02-01 | 上海浦东发展银行股份有限公司 | Page generation method, device, equipment and storage medium |
| CN114115877A (en) * | 2021-11-26 | 2022-03-01 | 上海浦东发展银行股份有限公司 | Target page generation method, device, equipment and storage medium |
| CN114036443A (en) * | 2021-11-29 | 2022-02-11 | 北京百度网讯科技有限公司 | Page generation method and device |
Non-Patent Citations (3)
| Title |
|---|
| Performance of Dynamic Web Page Generation for Database-driven Web Sites;Probir Ghosh 等;《International Conference on Next Generation Web Services Practices》;20060925;1-6 * |
| 一种IEC 61850通用数据类数据库信息模型的建模方法;《电力系统自动化》;20130710;第37卷(第13期);88-92 * |
| 基于XML的JS页面生成系统的设计与实现;黄思远;《中国优秀硕士学位论文全文数据库 信息科技辑》;20180415(第4期);I138-557 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN114741072A (en) | 2022-07-12 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN114741072B (en) | Page generation method, device, equipment and storage medium | |
| CN111079059A (en) | Page inspection method, apparatus, device, and computer-readable storage medium | |
| CN116069319A (en) | Form rendering method, device, electronic device and storage medium | |
| CN117933334A (en) | Model processing method, device, electronic equipment and storage medium | |
| CN118069128A (en) | Form page generation method, device, equipment and storage medium | |
| CN116009847A (en) | Code generation method, device, electronic equipment and storage medium | |
| CN118981355B (en) | Topological structure generation method, device, electronic device and storage medium | |
| CN111125603B (en) | Webpage scene recognition method and device, electronic equipment and storage medium | |
| CN116363260B (en) | Image generation method, device and electronic equipment | |
| CN116992057B (en) | Method, device and equipment for processing multimedia files in storage equipment | |
| CN114564133B (en) | Application display method, device, equipment and medium | |
| CN114595231B (en) | Database table generation method and device, electronic equipment and storage medium | |
| CN118363978A (en) | Select selector creation method, device, equipment and medium | |
| CN117591145A (en) | Updating method and device of interface document, electronic equipment and storage medium | |
| CN117453872A (en) | Dialogue information updating method, device, equipment and storage medium based on tree structure | |
| CN118132550A (en) | Structured large field data query method and device and electronic equipment | |
| CN117331475A (en) | Task creation method, device, equipment and storage medium | |
| CN115858891A (en) | Visual display method and device of data, electronic equipment and storage medium | |
| CN115718627A (en) | BIOS configuration method, device, equipment and medium | |
| CN114879889B (en) | Processing method, processing device, revocation system, electronic equipment and storage medium | |
| CN119884279B (en) | Data processing method, device, equipment and medium based on organization tree | |
| CN116431698B (en) | Data extraction method, device, equipment and storage medium | |
| CN121411750A (en) | A table configuration method, apparatus, electronic device, and storage medium | |
| CN119759410A (en) | Code file generation method, device, electronic device and storage medium | |
| CN117596141A (en) | Message assembling method, device, equipment and storage 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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |