CN114003843A - Page generation method, device, equipment and storage medium - Google Patents
Page generation method, device, equipment and storage medium Download PDFInfo
- Publication number
- CN114003843A CN114003843A CN202111283067.7A CN202111283067A CN114003843A CN 114003843 A CN114003843 A CN 114003843A CN 202111283067 A CN202111283067 A CN 202111283067A CN 114003843 A CN114003843 A CN 114003843A
- Authority
- CN
- China
- Prior art keywords
- field
- target
- user
- page
- control
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/24—Querying
- G06F16/242—Query formulation
- G06F16/2433—Query languages
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Mathematical Physics (AREA)
- Computational Linguistics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a page generation method, a page generation device, page generation equipment and a storage medium. The method comprises the following steps: when the selection operation of a user on the attribute control on the layout configuration interface is detected, displaying a list; when the selection operation of a user on a first target table in the table list is detected, displaying a field set corresponding to the first target table; and if the selection operation of the user on the first target field in the field set is detected, generating a target page according to the first target field.
Description
Technical Field
The embodiment of the invention relates to the technical field of computers, in particular to a page generation method, a page generation device, page generation equipment and a storage medium.
Background
The web front end development framework commonly used in the industry today mainly includes Vue, Angular and fact, of which Vue is widely used because it is possible to build intuitive, fast and componentized interactive interfaces. Unlike other large frameworks, Vue is a set of progressive MVVM frameworks that are used to build user interfaces. Vue are designed to be applied layer by layer from the bottom up. Vue, the core library only focuses on the viewing layer, which is easy to use and convenient for integration with third party libraries or existing projects. Vue is also fully capable of providing drivers for complex single page applications when used in conjunction with modern tool chains and various supporting class libraries. The component system is an important abstraction of Vue, and almost any type of application interface can be abstracted as a component tree, and developers build large applications using small, independent, and often reusable components.
At present, in a conventional Vue single-page development process, a Vue component is created under the condition of determining business requirements, a component path is configured, layout and typesetting are performed based on the component, a style of a page element is planned, an interface is processed according to query conditions, and the like, and the development mode belongs to one-to-one development, namely, a certain page corresponds to a certain component, and under the condition of considering efficiency, economy and convenient use, a basic template frame is generally constructed by using the mode and then the next step of processing is performed. However, in the process of delivering and implementing software, a large number of repeated simple page additions, deletions and checks and rapid demand change lead software development enterprises to spend a large amount of labor cost on development and maintenance of software, and repeated development and defect repair are required.
The traditional treatment method has the following defects: 1. with the rapid development and popularization of the internet and intelligent equipment, data generated by internet application is increasingly huge, business requirements are increasingly flexible, uncertainty exists, and a simple and easy-to-use configuration method or scaffold does not exist to meet various requirements in production, so that the development efficiency is improved. 2. When a single-table query page suitable for development or a simple, fixed and long-term multi-table joint query page exists, the one-to-one component system of Vue can conveniently meet the development requirements of developers by combining with SQL sentences, but when a flexible and changeable complex page is faced, the traditional development mode has the defects of complicated and repeated codes and the like, and can not meet the requirement of continuously developing new financial science and technology services. 3. When the system is in an urgent need, the traditional development mode has a long flow and low efficiency, and a production window may be delayed, so that the loss of an enterprise is caused.
Disclosure of Invention
The embodiment of the invention provides a page generation method, a page generation device, page generation equipment and a storage medium, which can quickly generate a page and obviously improve the page development efficiency.
In a first aspect, an embodiment of the present invention provides a page generation method, including:
when the selection operation of a user on the attribute control on the layout configuration interface is detected, displaying a list;
when the selection operation of a user on a first target table in the table list is detected, displaying a field set corresponding to the first target table;
and when the selection operation of the user on a first target field in the field set is detected, generating a target page according to the first target field.
Further, after detecting a selection operation of a user on a first target field in the field set, and generating a target page according to the first target field, the method further includes:
if the selection operation of a user on a target control on the layout configuration interface is detected, displaying data corresponding to the target control, wherein the target control comprises: at least one of a head control, a data sheet control and a form control is inquired;
and if the editing operation of the user on the data corresponding to the target control is detected, updating the target page according to the edited data.
Further, the data corresponding to the query header control includes: the field name with the type of the query header, the control information with the type of the query header and the SQL statement corresponding to the field with the type of the query header, wherein the data corresponding to the data table control comprises: the method comprises the following steps of selecting a control, a paging control, a self-defined button, a field name with the type of a data table, control information with the type of the data table and an SQL statement corresponding to the field with the type of the data table, wherein the data corresponding to the form control comprises: and whether the mark, the field name with the type of the form, the space information with the type of the form and the SQL sentence corresponding to the field with the type of the form need to be filled.
Further, the method also comprises the following steps:
when the selection operation of a user on an adding control on a layout configuration interface is detected, acquiring attribute information of a table input by the user, wherein the attribute information of the table comprises: table name, field attribute and control information;
and when the selection operation of the user on the determined control on the layout configuration interface is detected, a new table is built according to the table name, the field attribute and the control information, and the newly built table is stored in a table list.
Further, the method also comprises the following steps:
when the selection operation of a user on a second target table in the table list is detected, displaying a field list corresponding to the second target table;
when the selection operation of a user on a second target field in the field list is detected, displaying an editing interface corresponding to the second target field;
and if the selection operation of the user on the determined control on the editing interface is detected, updating the data corresponding to the second target field according to the editing operation of the user.
Further, after detecting a selection operation of a user on a target field in the field set, and generating a target page according to the target field, the method further includes: acquiring at least one target historical page of the target page;
displaying the target page and the at least one historical page in an overlapping mode;
after the dragging operation of a user on a first page is detected, controlling the first page to move according to the dragging operation, wherein the first page is any one of a target page and at least one target historical page;
and when the zooming operation of a user on a second page is detected, controlling the second page to be reduced or enlarged according to the zooming operation, wherein the second page is any one of a target page and at least one target historical page.
Further, the field attribute includes: at least one of a field name, a field type, and an event corresponding to the field, wherein the control information includes: at least one of a control type, a control presentation format, and a control height.
In a second aspect, an embodiment of the present invention further provides a page generating apparatus, where the page generating apparatus includes:
the first display module is used for displaying the list when the selection operation of the user on the attribute control on the layout configuration interface is detected;
the second display module is used for displaying a field set corresponding to a first target table in the table list when the selection operation of a user on the first target table is detected;
and the generating module is used for generating a target page according to the first target field when the selection operation of the user on the first target field in the field set is detected.
In a third aspect, an embodiment of the present invention further provides an electronic device, which includes a memory, a processor, and a computer program stored in the memory and executable on the processor, where the processor executes the computer program to implement the page generation method according to any one of the embodiments of the present invention.
In a fourth aspect, an embodiment of the present invention further provides a computer-readable storage medium, on which a computer program is stored, where the computer program, when executed by a processor, implements the page generating method according to any one of the embodiments of the present invention.
The embodiment of the invention displays the list by detecting the selection operation of the user on the attribute control on the layout configuration interface; when the selection operation of a user on a first target table in the table list is detected, displaying a field set corresponding to the first target table; when the selection operation of a user on a first target field in the field set is detected, a target page is generated according to the first target field, so that the problems that when a flexible and changeable complex page is faced, the traditional development mode has the defects of complex and repeated codes and the like, and the requirement of continuously developing new financial technology business cannot be met are solved, and when an urgent major requirement is faced, the traditional development mode has a long flow and low efficiency, and a production window can be delayed, so that the loss problem of an enterprise is caused, the page is generated quickly, and the page development efficiency is improved remarkably.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings needed to be used in the embodiments will be briefly described below, it should be understood that the following drawings only illustrate some embodiments of the present invention and therefore should not be considered as limiting the scope, and for those skilled in the art, other related drawings can be obtained according to the drawings without inventive efforts.
FIG. 1 is a flowchart of a page generation method in an embodiment of the present invention;
FIG. 1a is a diagram of a display interface after clicking on the Attritbute control in an embodiment of the present invention;
FIG. 1b is a diagram of a display interface after a header control is clicked in an embodiment of the present invention;
FIG. 1c is a display interface diagram after a table control is clicked in the embodiment of the present invention;
FIG. 1d is a diagram of a display interface after a form control is clicked in the embodiment of the present invention;
fig. 2 is a schematic structural diagram of a page generation 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;
fig. 4 is a schematic structural diagram of a computer-readable storage medium containing a computer program in an embodiment of the present invention.
Detailed Description
The present invention will be described in further detail with reference to the accompanying drawings and examples. It is to be understood that the specific embodiments described herein are merely illustrative of the invention and are not limiting of the invention. It should be further noted that, for the convenience of description, only some of the structures related to the present invention are shown in the drawings, not all of the structures. In addition, the embodiments and features of the embodiments in the present invention may be combined with each other without conflict.
Before discussing exemplary embodiments in more detail, it should be noted that some exemplary embodiments are described as processes or methods depicted as flowcharts. Although a flowchart may describe the operations (or steps) as a sequential process, many of the operations can be performed in parallel, concurrently or simultaneously. In addition, the order of the operations may be re-arranged. The process may be terminated when its operations are completed, but may have additional steps not included in the figure. The processes may correspond to methods, functions, procedures, subroutines, and the like. In addition, the embodiments and features of the embodiments in the present invention may be combined with each other without conflict.
The term "include" and variations thereof as used herein are intended to be open-ended, i.e., "including but not limited to". The term "based on" is "based, at least in part, on". The term "one embodiment" means "at least one embodiment".
It should be noted that: like reference numbers and letters refer to like items in the following figures, and thus, once an item is defined in one figure, it need not be further defined and explained in subsequent figures. Meanwhile, in the description of the present invention, the terms "first", "second", and the like are used only for distinguishing the description, and are not to be construed as indicating or implying relative importance.
Fig. 1 is a flowchart of a page generation method provided in an embodiment of the present invention, where this embodiment is applicable to a page generation situation, and the method may be executed by a page generation apparatus in an embodiment of the present invention, where the page generation apparatus may be implemented in a software and/or hardware manner, as shown in fig. 1, the page generation method specifically includes the following steps:
and S110, displaying a list when the selection operation of the user on the attribute control on the layout configuration interface is detected.
The Attribute control can be an Attribute control on a layout configuration interface, and after a user clicks the Attribute control, a list stored in a database is displayed.
The table in the table list is added to the list in advance, and the adding mode of the table in the list may be: when the selection operation of a user on an adding control on a layout configuration interface is detected, acquiring attribute information of a table input by the user, wherein the attribute information of the table comprises: table name, field attribute and control information; and when the selection operation of the user on the determined control on the layout configuration interface is detected, a new table is built according to the table name, the field attribute and the control information, and the newly built table is stored in a table list.
Specifically, as shown in fig. 1a, the layout configuration interface has four controls, which are distributed as follows: the method comprises the steps that a header control, a table control, a form control and an Attribute control are used, after a user clicks the Attribute control, a table list is displayed, tables A, B, C, D and the like exist in the table list, and the tables A, B, C and D are table names.
And S120, if the selection operation of the user on the first target table in the table list is detected, displaying a field set corresponding to the first target table.
The first target table may be any table in a table list, and for example, if a user clicks table a in the table list, a selection operation of the user on table a is detected, and a field set corresponding to table a is displayed.
The way of displaying the field set corresponding to the first target table may be: and displaying the field set corresponding to the first target table in a suspension manner on the interface where the list is located. The way of displaying the field set corresponding to the first target table may also be: the field set corresponding to the first target table is subjected to type division, a field of a query header type is displayed as content corresponding to a query header control, a field of a data table type is displayed as content corresponding to a data table control, and a field of a form type is displayed as content corresponding to a form control, for example, as shown in fig. 1b, after a user clicks a header control, a field a and a field b of the query header type are displayed. As shown in FIG. 1c, after the user clicks the table control, the field c and the field d are displayed, wherein the types of the fields are data table types. As shown in FIG. 1d, after the user clicks the form control, the field e and the field f of which the types are form types are displayed.
S130, when the selection operation of the user on the first target field in the field set is detected, a target page is generated according to the first target field.
Specifically, the selection operation of the user on the first target field in the field set may be: after a user clicks a query head control, selecting and operating a displayed first target field; the user's selection of the first target field in the field set may further be: after a user clicks a data table control, selecting and operating a displayed first target field; the user's selection of the first target field in the field set may further be: and after the user clicks the form control, carrying out selection operation on the displayed first target field. It should be noted that the first target field may be at least one field, and if the number of fields is greater than or equal to two, the field types of the at least two fields may be the same or different. That is, the user's selection of the first target field in the field set may be: and after the user clicks the query head control, at least one of the selection operation of the displayed field, the selection operation of the displayed field after the user clicks the data table control and the selection operation of the displayed field after the user clicks the form control. For example, after the user clicks the header control, a field a and a field b of a type of query header are displayed, the user selects the field a, after the user clicks the table control, a field c and a field d of a type of data table are displayed, the user selects the field c and the field d, after the user clicks the form control, a field e and a field f of a type of form are displayed, and the user selects the field f, the final first target field includes: field a, field c, field d, and field f.
Specifically, the target page is generated according to the first target field selected by the user, for example, after the user clicks a header control, a field a and a field b of which the types are query header types are displayed, the user selects the field a, after the user clicks a table control, a field c and a field d of which the types are data table types are displayed, the user selects the field c and the field d, after the user clicks a form control, a field e and a field f of which the types are form types are displayed, and the user selects the field f, so that the final first target field includes: and generating a target page according to the field a, the field c, the field d and the field f.
Optionally, after detecting a selection operation of a user on a first target field in the field set, and generating a target page according to the first target field, the method further includes:
if the selection operation of a user on a target control on the layout configuration interface is detected, displaying data corresponding to the target control, wherein the target control comprises: at least one of a head control, a data sheet control and a form control is inquired;
and if the editing operation of the user on the data corresponding to the target control is detected, updating the target page according to the edited data.
Specifically, if a selection operation of a user on a target control on the layout configuration interface is detected, a manner of displaying data corresponding to the target control may be: if the user clicks the control of the query head, displaying a field name with the type of the query head, control information with the type of the query head and SQL sentences corresponding to the fields with the type of the query head, if the user clicks the control of the data table, displaying a selection control, a paging control, a self-defined button, the field name with the type of the data table, the control information with the type of the data table and the SQL sentences corresponding to the fields with the type of the data table, and if the user clicks the control of the form, displaying whether to fill in the mark, the field name with the type of the form, the space information with the type of the form and the SQL sentences corresponding to the fields with the type of the form.
The editing operation may be a modification operation, a click operation, or an input operation, which is not limited in this embodiment of the present invention.
Optionally, the data corresponding to the query header control includes: the field name with the type of the query header, the control information with the type of the query header and the SQL statement corresponding to the field with the type of the query header, wherein the data corresponding to the data table control comprises: the method comprises the following steps of selecting a control, a paging control, a self-defined button, a field name with the type of a data table, control information with the type of the data table and an SQL statement corresponding to the field with the type of the data table, wherein the data corresponding to the form control comprises: and whether the mark, the field name with the type of the form, the space information with the type of the form and the SQL sentence corresponding to the field with the type of the form need to be filled.
The obtaining manner of the SQL statement corresponding to the field with the type of the query header, the SQL statement corresponding to the field with the type of the data table, and the SQL statement corresponding to the field with the type of the form may be input by the user or generated by the system, which is not limited in this embodiment of the present invention.
The embodiment of the invention strips the SQL sentences originally written in the codes, extracts the SQL sentences to the front-end page to become configurable attributes and supports modification, and binds the virtual fields with the real fields existing in the database through the sentences, thereby realizing the query of low-code, modularization and high-efficiency data sources and the development of the page.
Optionally, the method further includes:
when the selection operation of a user on an adding control on a layout configuration interface is detected, acquiring attribute information of a table input by the user, wherein the attribute information of the table comprises: table name, field attribute and control information;
and when the selection operation of the user on the determined control on the layout configuration interface is detected, a new table is built according to the table name, the field attribute and the control information, and the newly built table is stored in a table list.
Wherein the field attribute comprises: at least one of a field name, a field type, and an event corresponding to the field, wherein the control information includes: at least one of a control type, a control presentation format, and a control height.
Wherein the field name comprises: a field chinese name and/or a field english name.
Wherein the field types include: a query header type, a data table type, and a form type.
The event corresponding to the field may be an event triggered by placing a mouse in the area where the field is located, or may be an event triggered by removing the mouse, or may also be an event triggered by clicking the mouse, or may be an event triggered by changing the content, which is not limited in this embodiment of the present invention.
The embodiment of the invention can meet the requirements that a developer directly configures a user-defined interface, self-establishes related tables and fields and configures attributes on a front-end webpage according to the requirements of services, realizes data query through SQL sentences, dynamically generates a page through a front-end template, does not need to write a large amount of Vue component codes, is more flexible and convenient, and improves the development efficiency.
Optionally, the method further includes:
when the selection operation of a user on a second target table in the table list is detected, displaying a field list corresponding to the second target table;
when the selection operation of a user on a second target field in the field list is detected, displaying an editing interface corresponding to the second target field;
and if the selection operation of the user on the determined control on the editing interface is detected, updating the data corresponding to the second target field according to the editing operation of the user.
The second target table may be any table in the table list, which is not limited in this embodiment of the present invention.
Specifically, the editing operation on the content on the editing interface may be to delete part of the content, add part of the content, or modify part of the content, which is not limited in this embodiment of the present invention.
Optionally, after detecting a selection operation of a user on a target field in the field set, and generating a target page according to the target field, the method further includes: acquiring at least one target historical page of the target page;
displaying the target page and the at least one historical page in an overlapping mode;
after the dragging operation of a user on a first page is detected, controlling the first page to move according to the dragging operation, wherein the first page is any one of a target page and at least one target historical page;
and when the zooming operation of a user on a second page is detected, controlling the second page to be reduced or enlarged according to the zooming operation, wherein the second page is any one of a target page and at least one target historical page.
Specifically, the manner of displaying the target page and the at least one history page in an overlapping manner may be: and sequentially displaying the target page and at least one historical page in an overlapping manner according to the time sequence generated by the pages.
Specifically, the dragging operation on the first page may be at least one of upward dragging, downward dragging, leftward dragging and rightward dragging, and different dragging forms may also be set according to requirements, which is not limited in this embodiment of the present invention.
Specifically, the generated pages can be finally combined and sequenced, the size and the form of dragging the generated pages and zooming elements on the current interface are supported, and a plurality of pages jointly construct an overlapped page to complete the development of complex demand functions.
The zooming operation may be a reduction operation or an enlargement operation, and if the zooming operation is a reduction operation, the second page is reduced, and if the zooming operation is an enlargement operation, the second page is enlarged.
The embodiment of the invention provides a low-code development component for configuring a web page based on vue.js language, which has the characteristics of visualization of configuration, modularization of construction and the like, supports the coupling of multi-page components, and can be used for supporting the free combination or expansion of various tables and forms, supporting the atomicity and supporting the rapid construction of pages under the condition of meeting flexible and various business requirements, and remarkably improving the page development efficiency under the condition of considering multi-condition, multi-table, multi-field and other business scenes.
According to the technical scheme of the embodiment, a list is displayed by detecting the selection operation of a user on the attribute control on the layout configuration interface; when the selection operation of a user on a first target table in the table list is detected, displaying a field set corresponding to the first target table; when the selection operation of a user on a first target field in the field set is detected, a target page is generated according to the first target field, so that the problems that when a flexible and changeable complex page is faced, the traditional development mode has the defects of complex and repeated codes and the like, and the requirement of continuously developing new financial technology business cannot be met are solved, and when an urgent major requirement is faced, the traditional development mode has a long flow and low efficiency, and a production window can be delayed, so that the loss problem of an enterprise is caused, the page is generated quickly, and the page development efficiency is improved remarkably.
Fig. 2 is a schematic structural diagram of a page generation 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 a software and/or hardware manner, and the apparatus may be integrated in any device providing a page generation function, as shown in fig. 2, where the page generation apparatus specifically includes: a first display module 210, a second display module 220, and a generation module 230.
The first display module is used for displaying a list when the selection operation of a user on the attribute control on the layout configuration interface is detected;
the second display module is used for displaying a field set corresponding to a first target table in the table list when the selection operation of a user on the first target table is detected;
and the generating module is used for generating a target page according to the first target field when the selection operation of the user on the first target field in the field set is detected.
The product can execute the method provided by any embodiment of the invention, and has corresponding functional modules and beneficial effects of the execution method.
According to the technical scheme of the embodiment, a list is displayed by detecting the selection operation of a user on the attribute control on the layout configuration interface; when the selection operation of a user on a first target table in the table list is detected, displaying a field set corresponding to the first target table; when the selection operation of a user on a first target field in the field set is detected, a target page is generated according to the first target field, so that the problems that when a flexible and changeable complex page is faced, the traditional development mode has the defects of complex and repeated codes and the like, and the requirement of continuously developing new financial technology business cannot be met are solved, and when an urgent major requirement is faced, the traditional development mode has a long flow and low efficiency, and a production window can be delayed, so that the loss problem of an enterprise is caused, the page is generated quickly, and the page development efficiency is improved remarkably.
Fig. 3 is a schematic structural diagram of an electronic device according to a third embodiment of the present invention. FIG. 3 illustrates a block diagram of an electronic device 312 suitable for use in implementing embodiments of the present invention. The electronic device 312 shown in fig. 3 is only an example, and should not bring any limitation to the functions and the scope of the use of the embodiment of the present invention. Device 312 is a computing device for typical trajectory fitting functions.
As shown in fig. 3, electronic device 312 is in the form of a general purpose computing device. The components of the electronic device 312 may include, but are not limited to: one or more processors 316, a storage device 328, and a bus 318 that couples the various system components including the storage device 328 and the processors 316.
The processor 316 executes various functional applications and data processing by executing programs stored in the storage 328, for example, implementing the page generation method provided by the above-described embodiment of the present invention:
when the selection operation of a user on the attribute control on the layout configuration interface is detected, displaying a list;
when the selection operation of a user on a first target table in the table list is detected, displaying a field set corresponding to the first target table;
and when the selection operation of the user on a first target field in the field set is detected, generating a target page according to the first target field.
Fig. 4 is a schematic structural diagram of a computer-readable storage medium containing a computer program according to an embodiment of the present invention. Embodiments of the present invention provide a computer-readable storage medium 61, on which a computer program 610 is stored, which when executed by one or more processors implements the page generation method provided in all embodiments of the invention of the present application:
when the selection operation of a user on the attribute control on the layout configuration interface is detected, displaying a list;
when the selection operation of a user on a first target table in the table list is detected, displaying a field set corresponding to the first target table;
and when the selection operation of the user on a first target field in the field set is detected, generating a target page according to the first target field.
Any combination of one or more computer-readable media may be employed. The computer readable medium may be a computer readable signal medium or a computer readable storage medium or any combination of the two. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples (a non-exhaustive list) of the computer readable storage medium would include the following: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM 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. In the context of this document, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device.
A computer readable signal medium may include a propagated data signal with computer readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device.
Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
In some embodiments, the clients, servers may communicate using any currently known or future developed network Protocol, such as HTTP (Hyper Text Transfer Protocol), and may interconnect with any form or medium of digital data communication (e.g., a communications network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), the Internet (e.g., the Internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future developed network.
The computer readable medium may be embodied in the electronic device; or may exist separately without being assembled into the electronic device.
Computer program code for carrying out operations for aspects of the present invention may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, Smalltalk, C + +, or the like, as well as conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).
The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
The units described in the embodiments of the present disclosure may be implemented by software or hardware. Where the name of an element does not in some cases constitute a limitation on the element itself.
The functions described herein above may be performed, at least in part, by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (ASSPs), systems on a chip (SOCs), Complex Programmable Logic Devices (CPLDs), and the like.
In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable 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. 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.
It is to be noted that the foregoing is only illustrative of the preferred embodiments of the present invention and the technical principles employed. It will be understood by those skilled in the art that the present invention is not limited to the particular embodiments described herein, but is capable of various obvious changes, rearrangements and substitutions as will now become apparent to those skilled in the art without departing from the scope of the invention. Therefore, although the present invention has been described in greater detail by the above embodiments, the present invention is not limited to the above embodiments, and may include other equivalent embodiments without departing from the spirit of the present invention, and the scope of the present invention is determined by the scope of the appended claims.
Claims (10)
1. A page generation method is characterized by comprising the following steps:
when the selection operation of a user on the attribute control on the layout configuration interface is detected, displaying a list;
when the selection operation of a user on a first target table in the table list is detected, displaying a field set corresponding to the first target table;
and when the selection operation of the user on a first target field in the field set is detected, generating a target page according to the first target field.
2. The method of claim 1, after detecting a user selection operation on a first target field in the field set and generating a target page according to the first target field, further comprising:
if the selection operation of a user on a target control on the layout configuration interface is detected, displaying data corresponding to the target control, wherein the target control comprises: at least one of a head control, a data sheet control and a form control is inquired;
and if the editing operation of the user on the data corresponding to the target control is detected, updating the target page according to the edited data.
3. The method of claim 2, wherein querying the data corresponding to the header control comprises: the field name with the type of the query header, the control information with the type of the query header and the SQL statement corresponding to the field with the type of the query header, wherein the data corresponding to the data table control comprises: the method comprises the following steps of selecting a control, a paging control, a self-defined button, a field name with the type of a data table, control information with the type of the data table and an SQL statement corresponding to the field with the type of the data table, wherein the data corresponding to the form control comprises: and whether the mark, the field name with the type of the form, the space information with the type of the form and the SQL sentence corresponding to the field with the type of the form need to be filled.
4. The method of claim 1, further comprising:
when the selection operation of a user on an adding control on a layout configuration interface is detected, acquiring attribute information of a table input by the user, wherein the attribute information of the table comprises: table name, field attribute and control information;
and when the selection operation of the user on the determined control on the layout configuration interface is detected, a new table is built according to the table name, the field attribute and the control information, and the newly built table is stored in a table list.
5. The method of claim 1, further comprising:
when the selection operation of a user on a second target table in the table list is detected, displaying a field list corresponding to the second target table;
when the selection operation of a user on a second target field in the field list is detected, displaying an editing interface corresponding to the second target field;
and if the selection operation of the user on the determined control on the editing interface is detected, updating the data corresponding to the second target field according to the editing operation of the user.
6. The method of claim 1, after detecting a user selection operation on a target field in the field set and generating a target page according to the target field, further comprising: acquiring at least one target historical page of the target page;
displaying the target page and the at least one historical page in an overlapping mode;
after the dragging operation of a user on a first page is detected, controlling the first page to move according to the dragging operation, wherein the first page is any one of a target page and at least one target historical page;
and when the zooming operation of a user on a second page is detected, controlling the second page to be reduced or enlarged according to the zooming operation, wherein the second page is any one of a target page and at least one target historical page.
7. The method of claim 4, wherein the field attributes comprise: at least one of a field name, a field type, and an event corresponding to the field, wherein the control information includes: at least one of a control type, a control presentation format, and a control height.
8. A page generating apparatus, comprising:
the first display module is used for displaying the list when the selection operation of the user on the attribute control on the layout configuration interface is detected;
the second display module is used for displaying a field set corresponding to a first target table in the table list when the selection operation of a user on the first target table is detected;
and the generating module is used for generating a target page according to the first target field when the selection operation of the user on the first target field in the field set is detected.
9. An electronic device, comprising:
one or more processors;
a memory for storing one or more programs;
the one or more programs, when executed by the one or more processors, cause the processors to implement the method of any of claims 1-7.
10. A computer-readable storage medium containing a computer program, on which the computer program is stored, characterized in that the program, when executed by one or more processors, implements the method according to any one of claims 1-7.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111283067.7A CN114003843A (en) | 2021-11-01 | 2021-11-01 | Page generation method, device, equipment and storage medium |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111283067.7A CN114003843A (en) | 2021-11-01 | 2021-11-01 | Page generation method, device, equipment and storage medium |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114003843A true CN114003843A (en) | 2022-02-01 |
Family
ID=79926104
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111283067.7A Pending CN114003843A (en) | 2021-11-01 | 2021-11-01 | Page generation method, device, equipment and storage medium |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114003843A (en) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114741072A (en) * | 2022-04-20 | 2022-07-12 | 苏州峰之鼎信息科技有限公司 | Page generation method, device, equipment and storage medium |
CN115221178A (en) * | 2022-08-10 | 2022-10-21 | 北京国电通网络技术有限公司 | Data table binding method and device, electronic equipment and computer readable medium |
CN115757400A (en) * | 2022-11-07 | 2023-03-07 | 北京国电通网络技术有限公司 | Data table processing method and device, electronic equipment and computer readable medium |
-
2021
- 2021-11-01 CN CN202111283067.7A patent/CN114003843A/en active Pending
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114741072A (en) * | 2022-04-20 | 2022-07-12 | 苏州峰之鼎信息科技有限公司 | Page generation method, device, equipment and storage medium |
CN114741072B (en) * | 2022-04-20 | 2024-03-12 | 苏州峰之鼎信息科技有限公司 | Page generation method, device, equipment and storage medium |
CN115221178A (en) * | 2022-08-10 | 2022-10-21 | 北京国电通网络技术有限公司 | Data table binding method and device, electronic equipment and computer readable medium |
CN115221178B (en) * | 2022-08-10 | 2023-07-14 | 北京国电通网络技术有限公司 | Data table binding method, device, electronic equipment and computer readable medium |
CN115757400A (en) * | 2022-11-07 | 2023-03-07 | 北京国电通网络技术有限公司 | Data table processing method and device, electronic equipment and computer readable medium |
CN115757400B (en) * | 2022-11-07 | 2023-06-13 | 北京国电通网络技术有限公司 | Data table processing method, device, electronic equipment and computer readable medium |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110520859B (en) | More intelligent copy/paste | |
US9727538B2 (en) | Editing a fragmented document | |
US9400775B2 (en) | Document data entry suggestions | |
CN114003843A (en) | Page generation method, device, equipment and storage medium | |
US8578277B2 (en) | Integrating charts in documents | |
US8194075B2 (en) | Method and system for generating and displaying an interactive dynamic list view of multiply connected objects | |
US9910554B2 (en) | Assisting graphical user interface design | |
US10565280B2 (en) | Website content identification in a content management system | |
MX2010011403A (en) | Techniques to modify a document using a latent transfer surface. | |
US9646004B2 (en) | Hierarchical database report generation with automated query generation for placeholders | |
CN109145272B (en) | Text rendering and layout method, device, equipment and storage medium | |
CN111324609A (en) | Knowledge graph construction method and device, electronic equipment and storage medium | |
US20080098319A1 (en) | Method and apparatus for interacvtive multimedia author tool and dynamic toolbar | |
US20230003565A1 (en) | User interfaces for displaying discretized elements of logical flow systems | |
CN110308907B (en) | Data conversion method and device, storage medium and electronic equipment | |
CN112783482B (en) | Visual form generation method, device, equipment and storage medium | |
CN113419711A (en) | Page guiding method and device, electronic equipment and storage medium | |
CN111966344A (en) | Component code generation method, device, equipment and storage medium | |
CN111914528A (en) | Content editing method, editor generation method, device, equipment and medium | |
US20240037325A1 (en) | Ability to add non-direct ancestor columns in child spreadsheets | |
CN113220381A (en) | Click data display method and device | |
CN113722550A (en) | Method and device for realizing relation map, electronic equipment and storage medium | |
CN114692055A (en) | Form processing method and device, storage medium and electronic equipment | |
CN113656041A (en) | Data processing method, device, equipment and storage medium | |
CN113094286A (en) | Page testing method and device, storage medium and electronic equipment |
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 |