CN105653644A - Page constructor and page construction method - Google Patents
Page constructor and page construction method Download PDFInfo
- Publication number
- CN105653644A CN105653644A CN201511000888.XA CN201511000888A CN105653644A CN 105653644 A CN105653644 A CN 105653644A CN 201511000888 A CN201511000888 A CN 201511000888A CN 105653644 A CN105653644 A CN 105653644A
- Authority
- CN
- China
- Prior art keywords
- page
- instruction
- data
- module
- dragging
- 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.)
- Granted
Links
- 238000010276 construction Methods 0.000 title claims abstract description 77
- 238000013499 data model Methods 0.000 claims abstract description 30
- 238000012986 modification Methods 0.000 claims abstract description 18
- 230000004048 modification Effects 0.000 claims abstract description 18
- 238000000034 method Methods 0.000 claims description 45
- 238000004088 simulation Methods 0.000 claims description 18
- 238000000547 structure data Methods 0.000 claims description 5
- 238000013461 design Methods 0.000 description 25
- 230000008569 process Effects 0.000 description 20
- 230000006870 function Effects 0.000 description 13
- 238000011161 development Methods 0.000 description 11
- 238000004458 analytical method Methods 0.000 description 8
- 230000000694 effects Effects 0.000 description 8
- 238000004891 communication Methods 0.000 description 7
- 238000012423 maintenance Methods 0.000 description 5
- 238000012827 research and development Methods 0.000 description 4
- 238000012790 confirmation Methods 0.000 description 3
- 238000010586 diagram Methods 0.000 description 3
- 230000006872 improvement Effects 0.000 description 3
- 230000008859 change Effects 0.000 description 2
- 238000010168 coupling process Methods 0.000 description 2
- 238000005859 coupling reaction Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 230000002411 adverse Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 230000002860 competitive effect Effects 0.000 description 1
- 238000007405 data analysis Methods 0.000 description 1
- 238000005538 encapsulation Methods 0.000 description 1
- 238000012905 input function Methods 0.000 description 1
- 230000010354 integration Effects 0.000 description 1
- 210000001503 joint Anatomy 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 238000011160 research Methods 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
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
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/103—Formatting, i.e. changing of presentation of documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/12—Use of codes for handling textual entities
- G06F40/14—Tree-structured documents
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Document Processing Apparatus (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a page constructor and a page construction method. The page constructor comprises a drag instruction module, an adjustment instruction module, a part library, a data model library and a data binding module, wherein the drag instruction module identifies a drag operation of a user index, generates a drag instruction, drags a corresponding part to a corresponding position of a new form page from the part library according to the drag instruction and calls a program file corresponding to the part to a database corresponding to the new form page; the adjustment instruction module identifies a modification operation of the user index, obtains a position coordinate parameter of the corresponding part after modification, generates an adjustment instruction, adjusts the position and size of the corresponding part according to the adjustment instruction and modifies the position coordinate parameter in the program file of the corresponding part in the database; the part library stores a page layout part and a page element part; the data model library configures tables required by data models and establishes sql statements; and the data binding module binds database table field attributes, forms page construction data and stores the page construction data by XML structures. Therefore, the complexity of page construction can be lowered and the construction experience of a user can be improved.
Description
Technical Field
The invention relates to the field of page construction, in particular to a page constructor and a page construction method.
Background
With the continuous improvement of social informatization degree, the information industry is competitive, users put forward higher requirements on the development of an informatization application system, how to reduce the communication cost with the users in the acquisition demand process, how to ensure the function lossless delivery after the confirmation of the users, improve the page development efficiency, and how to meet the various and variable requirements of the users becomes a hotspot of research in the industry, and the method is also a difficult problem to be solved urgently by a page construction tool. Although there are many page construction tools on the market, there are still some problems as follows:
firstly, the method comprises the following steps: the existing page construction technology mainly uses a page designer, not only completes interface design such as page layout, but also completes data related design such as data binding, and the page layout process in the designer is relatively complex.
Secondly, the method comprises the following steps: there are many page construction tools in the market, and the page element dragging and placing operation can also be completed, but the setting process is relatively complex.
Thirdly, the method comprises the following steps: the page designer cannot construct a form according to the business requirement in a what-you-see-is-what-you-get manner, and the page construction experience process is fully embodied.
Disclosure of Invention
The invention aims to provide a page constructor and a page constructing method, which reduce repeated construction of the same page elements, improve the flexibility of page construction design, reduce the complexity of page construction and improve the user construction experience.
To solve the above technical problem, the present invention provides a page constructor, including: the system comprises a dragging instruction module, an adjusting instruction module, a component library, a data model library and a data binding module; wherein,
the dragging instruction module is used for identifying the dragging operation of the user index and generating a dragging instruction; dragging the corresponding part from the part library to the corresponding position of the newly-built form page according to the dragging instruction, and calling the program file corresponding to the part to the database corresponding to the newly-built form page;
the adjustment instruction module is used for identifying the modification operation of the user index, obtaining the position coordinate parameter after the modification of the corresponding component and generating an adjustment instruction; adjusting the position size of the corresponding component according to the adjusting instruction, and modifying the position coordinate parameter in the program file of the corresponding component in the database;
the component library is used for storing page layout components and page element components;
the data model library is used for configuring a table required by a data model and establishing an sql statement;
and the data binding module is used for binding the field attribute of the database table, forming page construction data and storing the page construction data in an XML structure.
Wherein, still include:
and the display model library is used for configuring and storing the page display style parameters of the data model.
Wherein the component library is further for: a combined page layout and page elements is stored.
Wherein, still include:
and the custom table module is used for identifying the set table operation of the user index, generating a set table instruction, making a corresponding table according to the set table instruction, generating a program file corresponding to the set table instruction, and storing the program file into a database according to an XML structural rule.
Wherein the adjustment instruction generation module is further configured to: identifying the merging operation of the user indexes, determining a merging object and generating a merging instruction; and performing row and/or column merging on the merging objects according to the merging instruction.
Wherein, still include:
the service simulation module is used for identifying the service simulation operation of the user, determining the page element component and the simulation service data and generating a service simulation instruction; and inputting the simulation service data into the selected page element component according to the service simulation instruction.
Wherein, still include:
and the analyzer is used for analyzing the page construction data to generate an operation page.
Wherein, still include:
and the interface module is used for expanding the page constructor.
The invention provides a page construction method, which comprises the following steps:
identifying the dragging operation of a user index and generating a dragging instruction; dragging the corresponding part from the part library to the corresponding position of the newly-built form page according to the dragging instruction, and calling the program file corresponding to the part to the database corresponding to the newly-built form page;
identifying the modification operation of the user index, obtaining the position coordinate parameter of the modified corresponding component, and generating an adjustment instruction; adjusting the position size of the corresponding component according to the adjusting instruction, and modifying the position coordinate parameter in the program file of the corresponding component in the database;
configuring a table required by a data model and establishing an sql statement;
binding database table field property, forming page structure data, and storing in XML structure.
Wherein, still include:
and analyzing the page construction data by using an analyzer to generate an operation page.
The invention provides a page constructor and a page constructing method, comprising the following steps: the system comprises a dragging instruction module, an adjusting instruction module, a component library, a data model library and a data binding module; the system comprises a dragging instruction module, a dragging instruction module and a dragging instruction module, wherein the dragging instruction module is used for identifying the dragging operation of a user index and generating a dragging instruction; dragging the corresponding part from the part library to the corresponding position of the newly-built form page according to the dragging instruction, and calling the program file corresponding to the part to the database corresponding to the newly-built form page; the adjustment instruction module is used for identifying the modification operation of the user index, obtaining the position coordinate parameter after the modification of the corresponding component and generating an adjustment instruction; adjusting the position size of the corresponding component according to the adjusting instruction, and modifying the position coordinate parameter in the program file of the corresponding component in the database; the component library is used for storing page layout components and page element components; the data model library is used for configuring a table required by a data model and establishing an sql statement; the data binding module is used for binding the field attribute of the database table to form page construction data and storing the page construction data in an XML structure;
the page constructor realizes the WYSIWYG page constructing process, a user drags a component from a component library to a newly-built form page, and the size and the position of the component in the newly-built form page are adjusted through indexes; configuring a data model, finally forming page construction data and storing the page construction data in a specific XML structure; subsequently, the operating page can be obtained by analyzing the page construction data; the method can be operated after the data model is configured, the component layout is completed, and the page development can be completed without compiling codes, so that the development efficiency is greatly improved; the existing complex parameter setting is changed into page dynamic setting, the setting complexity is reduced, and the page design experience is increased.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, it is obvious that the drawings in the following description are only embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to the provided drawings without creative efforts.
FIG. 1 is a flow diagram of page construction provided in the prior art;
FIG. 2 is a block diagram of a page constructor according to an embodiment of the invention;
FIG. 3 is a schematic diagram of an XML storage structure of page structure data according to an embodiment of the present invention;
fig. 4 is a flowchart of a page construction method according to an embodiment of the present invention.
Detailed Description
The core of the invention is to provide a page constructor and a page constructing method, which reduce the repeated construction of the same page elements, improve the flexibility of page construction design, reduce the complexity of page construction and improve the user construction experience.
In order to make the objects, technical solutions and advantages of the embodiments of the present invention clearer, the technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are some, but not all, embodiments of the present invention. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
A prior art tool for constructing a page is a page designer, where page design and data configuration work are completed, and a specific process refers to fig. 1.
The page construction process is as follows: firstly, opening a page designer, and if a page to be constructed contains display data, importing a related database table in the page designer for subsequent use of binding data; when the styles such as page layout, controls and the like are designed, inherent templates used in common scenes are provided.
After the design of the page display effect is completed, if the page to be constructed contains display data, additional database table and field binding needs to be performed in the page designer. The data binding process generally includes binding a database table and a table control, or binding fields in the database table and fields in the table control in sequence. After modification and adjustment, the constructed page can be previewed, and the operation effect can be checked.
However, this way of page construction has the following disadvantages; firstly, the method comprises the following steps: the key point of the page structure is put on page design, and under the design idea, a designer not only needs to complete page design, but also needs to complete configuration related to data binding. Since the operation of data binding has a certain complexity, the process is mixed in the page design, and the complexity of the page construction process is increased. Secondly, the method comprises the following steps: in the data binding process, a clear model concept is lacked, only the fields of the database table and the fields of the page table are bound, and flexibility is seriously lacked. Thirdly, the method comprises the following steps: because all the settings are in the page designer and the data binding design lacks flexibility, the page construction method undoubtedly brings adverse effects on daily operation and maintenance work, prolongs the maintenance time as a whole and increases the operation and maintenance cost. Fourthly: the service data of the page elements in the page designer is merged and stored with the page construction data in an xml form, and the page analyzer operates to display the service data and the page construction data, so that the difficulty of the page is increased, and the page analysis performance is reduced.
Referring to fig. 2 for solving the above problems, fig. 2 is a flowchart of a page construction method according to an embodiment of the present invention; the method comprises the following steps: a dragging instruction module 110, an adjusting instruction module 120, a component library 130, a data model library 140 and a data binding module 150; wherein,
the dragging instruction module 110 is configured to identify a dragging operation of a user index, and generate a dragging instruction; dragging the corresponding part from the part library to the corresponding position of the newly-built form page according to the dragging instruction, and calling the program file corresponding to the part to the database corresponding to the newly-built form page;
the module constructs a dragging type table layout through a page, the page layout can be set according to user requirements in a designer, the size of a pattern is adjusted in a dynamic dragging mode, the traditional parameter setting layout operation is solved, the complexity of the page construction is reduced, and the user construction experience is improved.
Dragging the corresponding part from the part library to the corresponding position of the newly-built form page through the dragging operation of a user, and simultaneously calling the program file corresponding to the part to the database corresponding to the newly-built form page at the background; the program file here is an XML file.
The adjustment instruction module 120 is configured to identify a modification operation of a user index, obtain a position coordinate parameter after modification of a corresponding component, and generate an adjustment instruction; adjusting the position size of the corresponding component according to the adjusting instruction, and modifying the position coordinate parameter in the program file of the corresponding component in the database;
the index here is, for example, a cursor of a mouse, and a user can drag a selected component to a position required by the user and change the size and direction of the component through the cursor; that is, the position of the part in the form page can be changed by recognizing cursor movement position information, or the direction of the part in the form page can be changed by rotating position information, or the size of the part in the form page can be changed by size position information.
And modifying the position coordinate parameter in the program file of the corresponding part in the database into a position coordinate value by the selected adjusting function of the identification index, tracking the change of the position information of the identification index and capturing the changed position coordinate value of the position information of the index. Therefore, the adjustment of the components is realized, the user does not need to modify the program, only the simple visual operation of the components on the page is needed, and the user construction experience is greatly improved.
The page constructor can support a self-defined page layout construction and an automatic-defined element construction.
The component library 130 is used for storing page layout components and page element components;
wherein the parts library provides the possibility of flexible parts creation and reduces the repeated construction of the same page element. A high-cohesion and low-coupling component template is abstracted from the page structure, so that the flexibility of constructing the page structure design is improved, and the maintenance is easy. The problems that the page structure design comprises various complicated configuration items and the steps are complicated and the efficiency is low are solved. Preferably, in order to further improve convenience of page element construction, the parts library may further store a combination part of the page layout and the page elements. And common combined components are also modeled, so that the speed and the convenience of constructing the page by the user are further improved, and repeated operation is reduced.
The data model library 140 is used for configuring tables required by data models and establishing sql statements;
the data binding module 150 is configured to bind field attributes of a database table, form page structure data, and store the page structure data in an XML structure.
The construction data of the whole page is stored in an XML structure, as shown in FIG. 3, layout elements are dragged in a page designer according to business requirements, page elements are placed, a display page is designed in a user-defined mode through convenient and fast operation of the page, and business data are entered or field attributes of a database are bound. The design of the page designer is converted into an XML mode for storage. And the storage structure during storage needs to be stored hierarchically according to a preset logic rule, for example, the whole XML structure is laid out by a < div > - </div > layer tag, the outmost layer is a page layout, the layout attribute is set, the middle of the layout is a page element, the related attribute setting and style setting of the custom attribute storage element are used, if the element is provided with service data, the middle of the element is provided with <! The business data is stored, and the configured configuration information is stored in a database in an XML format, so that the platform independence and the portability of the invention are realized.
Based on the technical scheme, the page constructor provided by the embodiment of the invention can be operated after a data model is configured and a component layout is completed and is stored and released, and can complete page development without compiling codes, so that the development efficiency is greatly improved; the existing complex parameter setting is changed into page dynamic setting, the setting complexity is reduced, and the page design experience is increased.
Based on the above technical solution, the page constructor may further include:
and the display model library is used for configuring and storing the page display style parameters of the data model.
The form page is quickly constructed in a dragging mode, a WYSIWYG page designer is used, so that the page design is easy, the development process is simplified into a process of configuring a data model, displaying a model and designing an interface model, namely constructing the page, and the development time is greatly shortened. In the operation and maintenance process, the configuration of the structural state is changed according to the user requirements, and the operation state immediately takes effect after release without redeploying the service. And the data source binds the data model and the display model and serves as a page display data source.
Based on the technical scheme, the page constructor provided by the embodiment of the invention can be operated after a page is constructed by configuring the data model, the display model and the interface model and storing and releasing the data model, and can complete page development without compiling codes, thereby greatly improving the development efficiency. And dynamic page layout setting is constructed based on pages, and the complex parameter setting is changed into page dynamic setting, so that the setting complexity is reduced, and the page design experience is increased.
Based on the above technical solution, the page constructor may further include:
and the custom table module is used for identifying the set table operation of the user index, generating a set table instruction, making a corresponding table according to the set table instruction, generating a program file corresponding to the set table instruction, and storing the program file into a database according to an XML structural rule.
The page construction can also be carried out visual table construction, the table size can be dynamically adjusted in a designer according to user requirements, a table merging mode is preferably provided through a right-click menu, the header and display column attributes of the table are dynamically set, service demonstration data can be recorded in a service model, the problem of a traditional table design mode is solved, the complexity of the page construction is reduced, and the user construction experience is improved.
Optionally, the adjustment instruction generating module is further configured to: identifying the merging operation of the user indexes, determining a merging object and generating a merging instruction; and performing row and/or column merging on the merging objects according to the merging instruction.
And determining the objects needing to be merged according to the user indexes, calling the corresponding merging program according to the merging instruction, and merging the objects. If a layout merging mode is provided through a right-click menu, the requirement of user page layout is easily and conveniently realized.
Based on any technical scheme, the page constructor may further include:
the service simulation module is used for identifying the service simulation operation of the user, determining the page element component and the simulation service data and generating a service simulation instruction; and inputting the simulation service data into the selected page element component according to the service simulation instruction.
The business data and the construction are integrated, the business function is constructed according to the user requirement in the page constructor, and when page elements are placed, the element business data can be maintained for business analysis and confirmation of the user function, for example, data can be input in the page elements by double clicking the page elements. The flexible operation improves the communication efficiency with the user and reduces the communication cost with the function research and development. And seamless butt joint of the business model and the software prototype is realized.
Based on any technical scheme, the page constructor may further include:
and the interface module is used for expanding the page constructor.
The module can be flexibly expanded in an interface mode aiming at the specific logic of specific services in a special field.
The above technical solutions can be understood as a structural state of the page constructor, and therefore, the page constructor may further include a running state for parsing the structural state, such as a parser, for parsing the page structural data to generate a running page.
The operation state analyzes the XML file generated by the construction state, and the analysis can comprise page analysis, data analysis and logic analysis; the page analysis can include object reading, object conversion and object analysis; logical parsing may include control layer to logical layer to object encapsulation layer; data parsing may include managing configuration connections of a connection pool and a database.
In order to meet the complex and various requirements in enterprise-level application development, the page structure design in the page constructor is divided into a structural state and an operating state, three-layer model configuration information formed by the structural state is separated from the page structure realization, and the page structure realization is completed by various components or technologies. The operation state refers to the operation of a service function page meeting service requirements. When the client sends out a page access request, the interface effect and data which are consistent with the configuration of the configuration state are presented, and an event can be triggered to carry out service processing. Firstly, analyzing the XML of the constructed data, displaying the object by the converted page, calling the control layer during the service operation, calling the logic layer by the control layer through the interface, and finally outputting the object of the converted page.
Based on the technical scheme, the following specific implementation processes are listed:
firstly, opening a page designer, creating a new form page, dragging page layout elements according to business requirements, and dynamically setting the layout elements in the page designer, for example: the layout size is adjusted by a dragging mode, and the layout size can be dynamically adjusted by the convenient row/column combination of the right-click menu.
Secondly, on the custom layout, drag and drop the page elements, and put them according to the requirements of business functions, for example: the system comprises elements such as a text box, a drop-down box, a date control and a form, wherein the form elements can be set in a user-defined mode according to business requirements, rows can be dynamically added or columns can be added, header information can be flexibly set, column attribute display and database field attribute dynamic binding are set, a right-click menu provides dynamic row and column combination operation, page design efficiency is improved, and user experience is improved.
And thirdly, in the process of designing the page, aiming at the shared page elements, a high-cohesion and low-coupling component template can be abstracted, and in the current project construction process, components can be applied to the page construction for multiple times, so that the flexibility of constructing the page construction design is improved. The repeated construction of the same page parts is reduced, and the page construction efficiency is improved.
Then, in the service construction process, the service function needs to be confirmed with the user, the page construction can directly double click the page element, the service data is directly input, the final effect can be visually seen after the operation, the communication with the user is convenient, the communication cost is reduced, and the difficulty of rapidly delivering the research and development project with guaranteed quality can be solved.
And finally, after the design of the page display effect is finished, data fields are required to be bound in a research and development link, a required table is configured and an sql statement is established in the data model, a page display style is selected in the display model, a data source is established after the configuration is finished, and the binding of the database table fields is carried out in the page designer. The data binding process generally includes binding a database table and a table control, or binding fields in the database table and fields in the table control in sequence. After modification and adjustment, the constructed page can be previewed, and the operation effect can be checked.
Based on the technical scheme, the page constructor provided by the embodiment of the invention can self-define the page layout: according to business requirements, a mouse drags a page layout in what you see is what you get, dynamic dragging changes the size of the layout, relative layout and absolute layout are dynamically switched, and a flexible right key function provides merging and splitting operations for rows/columns of the whole layout, so that the whole layout can be visually and automatically defined according to user requirements, and the user experience requirements are met.
Self-defining page element placement: the page layout of the basic design completion puts the page elements according to the functional requirements, and simultaneously the page attribute function displays the style to each element user-defined, and flexible functional operation enables the process of page construction to be more complete and convenient, and brings the experience of new page construction for the user.
Service data construction integration: in the page constructor, business functions are constructed according to user requirements, when page elements are placed, the page elements can be clicked in a double mode, element business data are maintained and used for business analysis and user function confirmation, flexible operation improves the efficiency of communication with users, communication cost of function research and development is reduced, and output of required input functions is more three-dimensional.
The embodiment of the invention provides a page constructor, which reduces the complexity of page construction and improves the user construction experience.
The page constructing method provided by the embodiment of the invention is introduced below, and the page constructing method described below and the page constructor described above can be referred to correspondingly.
Referring to fig. 4, fig. 4 is a flowchart of a page construction method according to an embodiment of the present invention; the method can comprise the following steps:
s100, identifying the dragging operation of the user index and generating a dragging instruction; dragging the corresponding part from the part library to the corresponding position of the newly-built form page according to the dragging instruction, and calling the program file corresponding to the part to the database corresponding to the newly-built form page;
s110, identifying modification operation of user indexes, obtaining position coordinate parameters after modification of corresponding parts, and generating an adjustment instruction; adjusting the position size of the corresponding component according to the adjusting instruction, and modifying the position coordinate parameter in the program file of the corresponding component in the database;
s120, configuring a table required by a data model and establishing an sql statement;
s130, binding the field attribute of the database table, forming page construction data, and storing the page construction data in an XML structure.
Based on the above technical solution, the method may further include:
and analyzing the page construction data by using an analyzer to generate an operation page.
Based on the above technical solution, the method may further include:
and configuring and storing the page display style parameters of the data model.
Based on the above technical solution, before S120, the method may further include:
identifying the set table operation of the user index, generating a set table instruction, making a corresponding table according to the set table instruction, generating a program file corresponding to the set table instruction, and storing the program file in a database according to an XML structure rule.
Based on any technical scheme, the method can further comprise the following steps:
the page builder is extended with an interface.
The embodiments are described in a progressive manner in the specification, each embodiment focuses on differences from other embodiments, and the same and similar parts among the embodiments are referred to each other. The device disclosed by the embodiment corresponds to the method disclosed by the embodiment, so that the description is simple, and the relevant points can be referred to the method part for description.
Those of skill would further appreciate that the various illustrative elements and algorithm steps described in connection with the embodiments disclosed herein may be implemented as electronic hardware, computer software, or combinations of both, and that the various illustrative components and steps have been described above generally in terms of their functionality in order to clearly illustrate this interchangeability of hardware and software. Whether such functionality is implemented as hardware or software depends upon the particular application and design constraints imposed on the implementation. Skilled artisans may implement the described functionality in varying ways for each particular application, but such implementation decisions should not be interpreted as causing a departure from the scope of the present invention.
The steps of a method or algorithm described in connection with the embodiments disclosed herein may be embodied directly in hardware, in a software module executed by a processor, or in a combination of the two. A software module may reside in Random Access Memory (RAM), memory, Read Only Memory (ROM), electrically programmable ROM, electrically erasable programmable ROM, registers, hard disk, a removable disk, a CD-ROM, or any other form of storage medium known in the art.
The page constructor and the page constructing method provided by the invention are described in detail above. The principles and embodiments of the present invention are explained herein using specific examples, which are presented only to assist in understanding the method and its core concepts. It should be noted that, for those skilled in the art, it is possible to make various improvements and modifications to the present invention without departing from the principle of the present invention, and those improvements and modifications also fall within the scope of the claims of the present invention.
Claims (10)
1. A page constructor, characterized in that it comprises: the system comprises a dragging instruction module, an adjusting instruction module, a component library, a data model library and a data binding module; wherein,
the dragging instruction module is used for identifying the dragging operation of the user index and generating a dragging instruction; dragging the corresponding part from the part library to the corresponding position of the newly-built form page according to the dragging instruction, and calling the program file corresponding to the part to the database corresponding to the newly-built form page;
the adjustment instruction module is used for identifying the modification operation of the user index, obtaining the position coordinate parameter after the modification of the corresponding component and generating an adjustment instruction; adjusting the position size of the corresponding component according to the adjusting instruction, and modifying the position coordinate parameter in the program file of the corresponding component in the database;
the component library is used for storing page layout components and page element components;
the data model library is used for configuring a table required by a data model and establishing an sql statement;
and the data binding module is used for binding the field attribute of the database table, forming page construction data and storing the page construction data in an XML structure.
2. The page constructor of claim 1 further comprising:
and the display model library is used for configuring and storing the page display style parameters of the data model.
3. The page constructor of claim 1 wherein the library of parts is further for: a combined page layout and page elements is stored.
4. The page constructor of claim 1 further comprising: and the custom table module is used for identifying the set table operation of the user index, generating a set table instruction, making a corresponding table according to the set table instruction, generating a program file corresponding to the set table instruction, and storing the program file into a database according to an XML structural rule.
5. The page constructor of claim 4 wherein the adjustment instruction generation module is further to: identifying the merging operation of the user indexes, determining a merging object and generating a merging instruction; and performing row and/or column merging on the merging objects according to the merging instruction.
6. The page constructor of any one of claims 1 to 5, further comprising:
the service simulation module is used for identifying the service simulation operation of the user, determining the page element component and the simulation service data and generating a service simulation instruction; and inputting the simulation service data into the selected page element component according to the service simulation instruction.
7. The page constructor of claim 6 further comprising:
and the analyzer is used for analyzing the page construction data to generate an operation page.
8. The page constructor of claim 6 further comprising:
and the interface module is used for expanding the page constructor.
9. A method of page construction, comprising:
identifying the dragging operation of a user index and generating a dragging instruction; dragging the corresponding part from the part library to the corresponding position of the newly-built form page according to the dragging instruction, and calling the program file corresponding to the part to the database corresponding to the newly-built form page;
identifying the modification operation of the user index, obtaining the position coordinate parameter of the modified corresponding component, and generating an adjustment instruction; adjusting the position size of the corresponding component according to the adjusting instruction, and modifying the position coordinate parameter in the program file of the corresponding component in the database;
configuring a table required by a data model and establishing an sql statement;
binding database table field property, forming page structure data, and storing in XML structure.
10. The page construction method of claim 9, further comprising:
and analyzing the page construction data by using an analyzer to generate an operation page.
Priority Applications (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201511000888.XA CN105653644B (en) | 2015-12-28 | 2015-12-28 | A kind of page constructor and page building method |
| CA2951145A CA2951145C (en) | 2015-12-28 | 2016-12-08 | Page constructor and page constructing method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201511000888.XA CN105653644B (en) | 2015-12-28 | 2015-12-28 | A kind of page constructor and page building method |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN105653644A true CN105653644A (en) | 2016-06-08 |
| CN105653644B CN105653644B (en) | 2019-06-04 |
Family
ID=56477569
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201511000888.XA Active CN105653644B (en) | 2015-12-28 | 2015-12-28 | A kind of page constructor and page building method |
Country Status (2)
| Country | Link |
|---|---|
| CN (1) | CN105653644B (en) |
| CA (1) | CA2951145C (en) |
Cited By (27)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106446035A (en) * | 2016-08-31 | 2017-02-22 | 南威软件股份有限公司 | Self-defined design system and method for approval submission form |
| CN106681798A (en) * | 2016-12-28 | 2017-05-17 | 安徽和润信息科技有限公司 | Banking business simulation system |
| CN108052322A (en) * | 2017-12-29 | 2018-05-18 | 陈菡 | A kind of dragging method based on visual layout's system |
| WO2018103109A1 (en) * | 2016-12-05 | 2018-06-14 | 国云科技股份有限公司 | Web page management system and implementation method thereof |
| CN108446152A (en) * | 2018-02-02 | 2018-08-24 | 阿里巴巴集团控股有限公司 | page display method and device |
| CN108491195A (en) * | 2018-01-26 | 2018-09-04 | 海尔优家智能科技（北京）有限公司 | Equipment controls page generation method and system |
| CN108536696A (en) * | 2017-03-02 | 2018-09-14 | 塞纳德（北京）信息技术有限公司 | A kind of database personalized self-service query platform and method |
| CN109189512A (en) * | 2018-06-28 | 2019-01-11 | 中译语通科技股份有限公司 | A kind of graphical data editing interface method |
| CN109358919A (en) * | 2018-08-20 | 2019-02-19 | 中国平安人寿保险股份有限公司 | Dynamic Configuration, device, computer equipment and the storage medium of Universal page |
| CN109445794A (en) * | 2018-11-12 | 2019-03-08 | 北京中电普华信息技术有限公司 | A kind of page building method and device |
| CN109783748A (en) * | 2018-12-10 | 2019-05-21 | 平安科技（深圳）有限公司 | Display methods, device, equipment and the readable storage medium storing program for executing of display field |
| CN110069764A (en) * | 2019-03-22 | 2019-07-30 | 深圳壹账通智能科技有限公司 | List configuration method, device, computer equipment and storage medium |
| CN110362307A (en) * | 2019-06-13 | 2019-10-22 | 深圳壹账通智能科技有限公司 | Forms pages configuration method and server |
| CN110597897A (en) * | 2019-09-12 | 2019-12-20 | 泰康保险集团股份有限公司 | Data calling method, device, medium and electronic equipment |
| CN111210492A (en) * | 2019-12-30 | 2020-05-29 | 广州市创乐信息技术有限公司 | Picture processing method and device |
| CN111367514A (en) * | 2018-12-25 | 2020-07-03 | 阿里巴巴集团控股有限公司 | Page card development method and device, computing device and storage medium |
| CN111597489A (en) * | 2020-05-12 | 2020-08-28 | 湖北美和易思教育科技有限公司 | Realization method and device based on mobile terminal draggable user-defined form component |
| CN111596912A (en) * | 2020-05-22 | 2020-08-28 | 北京无线电测量研究所 | Non-programming visual construction system and method for radar display control software based on component library |
| CN111881662A (en) * | 2020-08-03 | 2020-11-03 | 北京致远互联软件股份有限公司 | Form generation method, device, processing equipment and storage medium |
| CN111880772A (en) * | 2020-07-15 | 2020-11-03 | 云账户技术(天津)有限公司 | Method, device and medium for displaying page |
| CN111984176A (en) * | 2020-07-08 | 2020-11-24 | 福建亿能达信息技术股份有限公司 | Software online development platform and development method |
| CN112000911A (en) * | 2020-07-08 | 2020-11-27 | 北京达佳互联信息技术有限公司 | Page management method and device, electronic equipment and storage medium |
| CN112540760A (en) * | 2020-12-08 | 2021-03-23 | 杭州讯酷科技有限公司 | UI (user interface) quick construction method based on data source field |
| CN112561640A (en) * | 2020-12-15 | 2021-03-26 | 中国建设银行股份有限公司 | Commodity page template generation method and device, computer equipment and storage medium |
| CN113282656A (en) * | 2021-04-13 | 2021-08-20 | 国网山东省电力公司物资公司 | Dragging type visualization method and system based on big data |
| CN114428771A (en) * | 2021-12-29 | 2022-05-03 | 北京明易达科技股份有限公司 | Method, device and equipment for generating universal database model based on form design |
| CN114741072A (en) * | 2022-04-20 | 2022-07-12 | 苏州峰之鼎信息科技有限公司 | Page generation method, device, equipment and storage medium |
Families Citing this family (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110764762B (en) * | 2018-07-25 | 2023-05-26 | 上海柯林布瑞信息技术有限公司 | Page forming method and device, computer readable storage medium and terminal |
| CN111367518B (en) * | 2018-12-26 | 2024-04-05 | 三六零科技集团有限公司 | Page layout method, page layout device, computing equipment and computer storage medium |
| CN112230909B (en) * | 2019-07-15 | 2023-05-23 | 腾讯科技（深圳）有限公司 | Method, device, equipment and storage medium for binding data of applet |
| CN111813403A (en) * | 2020-07-09 | 2020-10-23 | 北京亚鸿世纪科技发展有限公司 | Method and device for managing dragging component data in large-screen data visualization development |
| CN112667210B (en) * | 2020-12-25 | 2024-09-06 | 中科星通(廊坊)信息技术有限公司 | Modularized customizing method and device for geographic information system software |
| CN114281461B (en) * | 2021-12-24 | 2024-10-01 | 浪潮通用软件有限公司 | Management method, equipment and medium for configurable data source attribute |
| CN117519700B (en) * | 2023-11-10 | 2024-09-17 | 北京果壳互动科技传媒有限公司 | Web service development driver and method thereof |
| CN117472380B (en) * | 2023-12-28 | 2024-03-22 | 江西铜锐信息技术有限公司 | Front-end form generation method and system |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101706821A (en) * | 2009-12-10 | 2010-05-12 | 中兴通讯股份有限公司 | Tag-based mobile internet page design system and method |
| CN104932889A (en) * | 2015-06-15 | 2015-09-23 | 北京奇虎科技有限公司 | Page visual generation method and device |
| CN105183450A (en) * | 2015-07-28 | 2015-12-23 | 武汉驼峰信息技术有限公司 | E-government form model configuration system with foreground and background separation function |
-
2015
- 2015-12-28 CN CN201511000888.XA patent/CN105653644B/en active Active
-
2016
- 2016-12-08 CA CA2951145A patent/CA2951145C/en not_active Expired - Fee Related
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101706821A (en) * | 2009-12-10 | 2010-05-12 | 中兴通讯股份有限公司 | Tag-based mobile internet page design system and method |
| CN104932889A (en) * | 2015-06-15 | 2015-09-23 | 北京奇虎科技有限公司 | Page visual generation method and device |
| CN105183450A (en) * | 2015-07-28 | 2015-12-23 | 武汉驼峰信息技术有限公司 | E-government form model configuration system with foreground and background separation function |
Cited By (39)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106446035B (en) * | 2016-08-31 | 2020-04-21 | 南威软件股份有限公司 | System and method for custom design in form of batch |
| CN106446035A (en) * | 2016-08-31 | 2017-02-22 | 南威软件股份有限公司 | Self-defined design system and method for approval submission form |
| WO2018103109A1 (en) * | 2016-12-05 | 2018-06-14 | 国云科技股份有限公司 | Web page management system and implementation method thereof |
| CN106681798A (en) * | 2016-12-28 | 2017-05-17 | 安徽和润信息科技有限公司 | Banking business simulation system |
| CN108536696A (en) * | 2017-03-02 | 2018-09-14 | 塞纳德（北京）信息技术有限公司 | A kind of database personalized self-service query platform and method |
| CN108052322A (en) * | 2017-12-29 | 2018-05-18 | 陈菡 | A kind of dragging method based on visual layout's system |
| CN108491195A (en) * | 2018-01-26 | 2018-09-04 | 海尔优家智能科技（北京）有限公司 | Equipment controls page generation method and system |
| CN108446152A (en) * | 2018-02-02 | 2018-08-24 | 阿里巴巴集团控股有限公司 | page display method and device |
| CN108446152B (en) * | 2018-02-02 | 2021-09-28 | 创新先进技术有限公司 | Page display method and device |
| CN109189512A (en) * | 2018-06-28 | 2019-01-11 | 中译语通科技股份有限公司 | A kind of graphical data editing interface method |
| CN109189512B (en) * | 2018-06-28 | 2021-12-28 | 中译语通科技股份有限公司 | Data graphical editing interface method |
| CN109358919A (en) * | 2018-08-20 | 2019-02-19 | 中国平安人寿保险股份有限公司 | Dynamic Configuration, device, computer equipment and the storage medium of Universal page |
| CN109358919B (en) * | 2018-08-20 | 2024-04-02 | 中国平安人寿保险股份有限公司 | Dynamic configuration method and device for universal page, computer equipment and storage medium |
| CN109445794A (en) * | 2018-11-12 | 2019-03-08 | 北京中电普华信息技术有限公司 | A kind of page building method and device |
| CN109445794B (en) * | 2018-11-12 | 2022-01-28 | 北京中电普华信息技术有限公司 | Page construction method and device |
| CN109783748A (en) * | 2018-12-10 | 2019-05-21 | 平安科技（深圳）有限公司 | Display methods, device, equipment and the readable storage medium storing program for executing of display field |
| CN109783748B (en) * | 2018-12-10 | 2024-05-03 | 平安科技（深圳）有限公司 | Display method, device and equipment for display field and readable storage medium |
| CN111367514A (en) * | 2018-12-25 | 2020-07-03 | 阿里巴巴集团控股有限公司 | Page card development method and device, computing device and storage medium |
| CN111367514B (en) * | 2018-12-25 | 2023-04-28 | 阿里巴巴集团控股有限公司 | Page card development method and device, computing device and storage medium |
| CN110069764A (en) * | 2019-03-22 | 2019-07-30 | 深圳壹账通智能科技有限公司 | List configuration method, device, computer equipment and storage medium |
| CN110362307A (en) * | 2019-06-13 | 2019-10-22 | 深圳壹账通智能科技有限公司 | Forms pages configuration method and server |
| CN110597897A (en) * | 2019-09-12 | 2019-12-20 | 泰康保险集团股份有限公司 | Data calling method, device, medium and electronic equipment |
| CN111210492A (en) * | 2019-12-30 | 2020-05-29 | 广州市创乐信息技术有限公司 | Picture processing method and device |
| CN111597489B (en) * | 2020-05-12 | 2023-09-29 | 武汉美和易思数字科技有限公司 | Realization method and device for draggable custom form component based on mobile terminal |
| CN111597489A (en) * | 2020-05-12 | 2020-08-28 | 湖北美和易思教育科技有限公司 | Realization method and device based on mobile terminal draggable user-defined form component |
| CN111596912A (en) * | 2020-05-22 | 2020-08-28 | 北京无线电测量研究所 | Non-programming visual construction system and method for radar display control software based on component library |
| CN112000911A (en) * | 2020-07-08 | 2020-11-27 | 北京达佳互联信息技术有限公司 | Page management method and device, electronic equipment and storage medium |
| CN111984176A (en) * | 2020-07-08 | 2020-11-24 | 福建亿能达信息技术股份有限公司 | Software online development platform and development method |
| CN112000911B (en) * | 2020-07-08 | 2024-01-02 | 北京达佳互联信息技术有限公司 | Page management method, device, electronic equipment and storage medium |
| CN111880772A (en) * | 2020-07-15 | 2020-11-03 | 云账户技术(天津)有限公司 | Method, device and medium for displaying page |
| CN111881662A (en) * | 2020-08-03 | 2020-11-03 | 北京致远互联软件股份有限公司 | Form generation method, device, processing equipment and storage medium |
| CN112540760A (en) * | 2020-12-08 | 2021-03-23 | 杭州讯酷科技有限公司 | UI (user interface) quick construction method based on data source field |
| CN112540760B (en) * | 2020-12-08 | 2024-05-28 | 杭州讯酷科技有限公司 | UI (user interface) quick construction method based on data source field |
| CN112561640A (en) * | 2020-12-15 | 2021-03-26 | 中国建设银行股份有限公司 | Commodity page template generation method and device, computer equipment and storage medium |
| CN113282656A (en) * | 2021-04-13 | 2021-08-20 | 国网山东省电力公司物资公司 | Dragging type visualization method and system based on big data |
| CN114428771A (en) * | 2021-12-29 | 2022-05-03 | 北京明易达科技股份有限公司 | Method, device and equipment for generating universal database model based on form design |
| CN114428771B (en) * | 2021-12-29 | 2023-09-15 | 北京明易达科技股份有限公司 | General database model generation method, device and equipment based on form design |
| 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 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN105653644B (en) | 2019-06-04 |
| CA2951145A1 (en) | 2017-06-28 |
| CA2951145C (en) | 2019-01-15 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105653644B (en) | A kind of page constructor and page building method | |
| CN105593844B (en) | Infrastructure is customized when operation | |
| US9348483B2 (en) | Modeling system for graphic user interface | |
| US9787752B2 (en) | Hotspot editor for a user interface | |
| US20160085735A1 (en) | Dynamic column groups in excel | |
| US9575950B2 (en) | Systems and methods for managing spreadsheet models | |
| CN110851134A (en) | Low-code page design device and page design method | |
| CN105528418B (en) | A kind of design documentation generation method and device | |
| US10007356B2 (en) | Chart dual-Y resize and split-unsplit interaction | |
| CN111881662A (en) | Form generation method, device, processing equipment and storage medium | |
| CN109032568A (en) | Generation method, terminal device and the storage medium of programmed logic | |
| CN112199086A (en) | Automatic programming control system, method, device, electronic device and storage medium | |
| CN106484394A (en) | A kind of fast software development system with double engines | |
| KR101588592B1 (en) | Hybrid application development system based on object relational mapping and the method thereof | |
| US11372624B2 (en) | System for creating graphical content | |
| US11733973B2 (en) | Interactive graphic design system to enable creation and use of variant component sets for interactive objects | |
| CN106951254B (en) | Method and device for multiplexing similar service function modules in payment system | |
| CN106779594A (en) | A kind of Workflow management method based on Activiti | |
| CN113010162B (en) | Page construction method, device and equipment | |
| CN106407172B (en) | A kind of report form generation method based on XML | |
| CN112685025A (en) | Method and system for quickly building front-end page | |
| JP2018501551A (en) | Formula processing method, apparatus, device, and program | |
| CN110286971A (en) | Processing method and system, medium and calculating equipment | |
| US10691429B2 (en) | Converting whiteboard images to personalized wireframes | |
| KR20180135654A (en) | Intuitive method of making a program |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |