CA2951145C - Page constructor and page constructing method - Google Patents

Page constructor and page constructing method Download PDF

Info

Publication number
CA2951145C
CA2951145C CA2951145A CA2951145A CA2951145C CA 2951145 C CA2951145 C CA 2951145C CA 2951145 A CA2951145 A CA 2951145A CA 2951145 A CA2951145 A CA 2951145A CA 2951145 C CA2951145 C CA 2951145C
Authority
CA
Canada
Prior art keywords
page
widget
instruction
data
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.)
Expired - Fee Related
Application number
CA2951145A
Other languages
French (fr)
Other versions
CA2951145A1 (en
Inventor
Aiqiang Dong
Chao Shi
Gang Chen
Xiaojie Li
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
State Grid Corp of China SGCC
State Grid Information and Telecommunication Co Ltd
Beijing China Power Information Technology Co Ltd
Original Assignee
State Grid Corp of China SGCC
State Grid Information and Telecommunication Co Ltd
Beijing China Power Information Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by State Grid Corp of China SGCC, State Grid Information and Telecommunication Co Ltd, Beijing China Power Information Technology Co Ltd filed Critical State Grid Corp of China SGCC
Publication of CA2951145A1 publication Critical patent/CA2951145A1/en
Application granted granted Critical
Publication of CA2951145C publication Critical patent/CA2951145C/en
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

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)
  • User Interface Of Digital Computer (AREA)
  • Document Processing Apparatus (AREA)

Abstract

A page constructor and a page constructing method are provided. The page constructor includes: a dragging instruction module, for identifying a dragging operation, generating a dragging instruction, dragging a widget to a newly-established form page and transferring a program file to a corresponding database; an adjusting instruction module, for identifying a modification operation, obtaining a modified positional coordinate parameter of the widget, generating an adjusting instruction, adjusting a size and a position of the widget and modifying a positional coordinate parameter of the widget; a widget library, for storing a page layout widget and a page element widget; a data model base, for configuring a table and create an sql statement; and a data binding module, for binding table field attributes of the database, generating page constructing data and storing the same by an XML structure, which reduces complexity of page construction and improves constructing experience of users.

Description

PAGE CONSTRUCTOR AND PAGE CONSTRUCTING METHOD
FIELD
[0001] The present disclosure relates to the technical field of page construction, and in particular to a page constructor and a page constructing method.
BACKGROUND
[0002] With the improvement of social informatization degree, the competition of information industries is more and more fierce. Users put forward a higher requirement about the development of information application systems. It is an industry research hotspot and also a difficult problem to be resolved urgently in page constructing tools how to reduce a user communication cost in the process of collecting requirements, how to ensure a lossless delivery after a user acknowledgement and improve the efficiency of page development, and how to satisfy various and changeable requirements of the users.
Although there are a lot of page constructing tools in the market, there are still the following problems.
[0003] Firstly, a conventional page constructing technology mainly uses a page designer, which implements an interface design such as a page layout as well as a data-related design such as data binding. The process of the page layout is complex in the designer.
[0004] Secondly, there are a lot of page constructing tools in the market, which may also implement an operation of dragging and placing a page element, but a setting process is complex.
[0005] Thirdly, the page designer can not construct a table in a what-you-see-is-what-you-get manner on a service requirement and fully present an experiencing process of the page constructing.
SUMMARY
[0006] The object of the present disclosure is to provide a page constructor and a page constructing method, which reduces repeatable construction of the same page element, improves the flexibility of a page constructing design, lowers the complexity of the page construction and improves the constructing experience of a user.
[0007] In order to solve the above problem, a page constructor is provided according to the present disclosure, which includes a dragging instruction module, an adjusting instruction module, a widget library, a data model base and a data binding module;
the dragging instruction module is configured to identify a dragging operation performed via a user indicator, generate a dragging instruction, drag a corresponding widget from the widget library to a corresponding position in a newly established form page in response to the dragging instruction and transfer a program file corresponding to the widget to a database corresponding to the newly established form page;
the adjusting instruction module is configured to identify a modification operation performed via the user indicator, obtain a modified positional coordinate parameter of the corresponding widget, generate an adjusting instruction, adjust a size and a position of the corresponding widget in response to the adjusting instruction and modify a positional coordinate parameter of the corresponding widget in the program file in the database;
the widget library is configured to store a page layout widget and a page element widget;
the data model base is configured to configure a table needed by a data model and create an sql statement; and the data binding module is configured to bind table field attributes of the database, generate page constructing data and store the page constructing data by an XML
structure;
[0008] The page constructor further includes:
a display model base, configured to configure and store a page display style parameter of the data model.
[0009] The widget library is further configured to store a combined widget of page layout and page element.
[0010] The page constructor further includes:
a table customizing module, configured to identify a table setting operation performed via the user indicator, generate a table setting instruction, create a corresponding table in response to the table setting instruction, generate a program file corresponding to the table setting instruction, and store the program file in the database according to an XML
structure rule.
[0011] The adjusting instruction module is further configured to identify a merging operation performed via the user indicator, determine a merging object, generate a merging instruction and perform row and/or column merging on the merging object in response to the merging instruction.
[0012] The page constructor further includes:
a service simulating module, configured to identify a service simulating operation of a user, determine a page element widget and simulating service data, generate a service simulating instruction and record the simulating service data in the page element widget as determined in response to the service simulating instruction.
[0013] The page constructor further includes:
a parser, configured to analyze the page constructing data and generate a running page.
[0014] The page constructor further includes:
an interface module, configured to expand the page constructor.
[0015] A page constructing method is provided in the present disclosure, which includes:
identifying a dragging operation performed via a user indicator, generating a dragging instruction, dragging a corresponding widget from a widget library to a corresponding position in a newly established form page in response to the dragging instruction and transferring a program file corresponding to the widget to a database corresponding to the newly established form page;
identifying a modification operation performed via the user indicator, obtaining a modified positional coordinate parameter of the corresponding widget, generating an adjusting instruction, adjusting a size and a position of the corresponding widget in response to the adjusting instruction and modifying a positional coordinate parameter of the corresponding widget in the program file in the database;
configuring a table needed by a data model and creating an sql statement; and binding table field attributes of the database, generating page constructing data and storing the page constructing data by an XML structure.
[0016] The method further includes:
analyzing the page constructing data by a parser and generating a running page.
[0017] A page constructor and a page constructing method are provided according to the present disclosure, and the page constructor includes: a dragging instruction module, an adjusting instruction module, a widget library, a data model base and a data binding module.
The dragging instruction module is configured to identify a dragging operation performed via a user indicator, generate a dragging instruction, drag a corresponding widget from the widget library to a corresponding position in a newly established form page in response to the dragging instruction and transfer a program file corresponding to the widget to a database corresponding to the newly established form page; the adjusting instruction module is configured to identify a modification operation performed via the user indicator, obtain a modified positional coordinate parameter of the corresponding widget, generate an adjusting instruction, adjust a size and a position of the corresponding widget in response to the adjusting instruction and modify the positional coordinate parameter of the corresponding widget in the program file in the database; the widget library is configured to store a page layout widget and a page element widget; the data model base is configured to configure a table needed by a data model and create an sql statement; and the data binding module is configured to bind table field attributes of the database, generate page constructing data and store the page constructing data by an XML structure.
[0018] The page constructor implements the page constructing process of what you see is what you get. The user drags the widget from the widget library to the newly established form page and adjusts the size and the position of the widget in the newly established form page by an indicator. The data model is configured and the page constructing data is finally generated and stored in a specific XML structure. Thereafter, the running page is obtained by analyzing the page constructing data. That is, the page can run only by configuring the data model, implementing widget layout, storing and publishing. The development of the page can be implemented without coding, highly improving the development efficiency.
The setting complexity is lowered and the experience of the page design is improved by transforming a conventional complex parameter setting to a dynamic page setting.

BRIEF DESCRIPTION OF THE DRAWINGS
[0019] In order to clearly describe the embodiments of the present disclosure or the technical solutions of conventional technology, the drawings to be used in the description of the embodiments or conventional technology are described briefly as follows.
It is apparent that the drawings in the following description only show some embodiments of the invention. For those skilled in the art, other drawings may be obtained based on these drawings without any creative work.
[0020] Figure 1 is a flow chart of page construction in conventional technology;
[0021] Figure 2 is a structural block diagram of a page constructor according to an embodiment of the present disclosure;
[0022] Figure 3 is a schematic structural diagram of an XML storage of page constructing data according to an embodiment of the present disclosure; and
[0023] Figure 4 is a flow chart of a page constructing method according to an embodiment of the present disclosure.
DETAILED DESCRIPTION OF EMBODIMENTS
[0024] The core of the present disclosure is to provide a page constructor and a page constructing method, which reduces repeatable construction of the same page element, improves the flexibility of page constructing designing, lowers the complexity of page construction and improves the constructing experience of users.
[0025] In order to make the objective, the technical solutions and the advantages of the embodiments according to the disclosure clearer, the technical solutions according to the present disclosure are described clearly and completely in conjunction with the drawings hereinafter. It is apparent that the described embodiments are only a few rather than all of the embodiments of the invention. Any other embodiments obtained by those skilled in the art based on the embodiments in the present disclosure without any creative work fall within the scope of the present disclosure.
[0026] The page constructing tool in conventional technology is the page designer. The page design and the data configuration are implemented in the page designer.
Reference is made to Figure 1 for a specific progress.
[0027] In the page constructing process, the page designer is started first, a related database table may be introduced in the page designer in order for later data binding if the page to be constructed contains displaying data, and an intrinsic template used in a common scenario is provided when a style such as a page layout and a control is designed.
[0028] After designing of a page display effect is finished, database table and field binding need to be performed in addition in the page designer if the page to be constructed contains display data. The process of the data binding usually includes binding database tables and table controls, or binding in sequence fields of the database table and fields of a table control. After being modified and adjusted, the constructed page can be previewed and the running effect can be checked.
[0029] This page constructing method has the following disadvantages. Firstly, the page constructing method focus on page designing. In this design idea, the designer needs to implement not only the page designing but also the configuration corresponding to the data binding. As the data binding operation itself has a certain complexity, mixing this process in the page designing increases the complex degree of the page constructing process. Secondly, in the data binding process, a clear concept of model is absent. Only the fields of the database table and those of the page table are bound, resulting in absence of flexibility.
Thirdly, as all settings are performed in the page designer and the data binding designing lacks flexibility, this page constructing method will undoubtedly bring impact to daily operation and maintenance, prolong the maintenance and increase the operation and maintenance cost. Fourthly, service data of a page element in the page designer is stored combined with the page constructing data in the xml format, and is run and displayed by a page parser. The service data and the page constructing data are superposed, increasing difficulty of page construction and reducing page analyzing performance.
[0030] In order to solve the above problems, reference is made to Figure 2.
Figure 2 is a structural block diagram of a page constructor according to an embodiment of the present disclosure, which includes a dragging instruction module 110, an adjusting instruction module 120, a widget library 130, a data model base 140 and a data binding module 150.
[0031] The dragging instruction module 110 is configured to identify a dragging operation performed via a user indicator, generate a dragging instruction, drag a corresponding widget from the widget library to a corresponding position in a newly established form page in response to the dragging instruction and transfer a program file corresponding to the widget to a database corresponding to the newly established form page.
[0032] The dragging instruction module constructs a page having a drag-and-drop table layout, sets a layout of the page on a user requirement and dynamically adjusts a size of the layout though dragging, thereby simplifying conventional layout parameter setting operations, reducing complexity of page construction and improving user construction experience.
[0033] By the dragging operation of the user, the corresponding widget is dragged from the widget library to the corresponding position in the newly established form page, and the program file corresponding to the widget is transferred to the database corresponding to the newly established form page in the backstage, where the program file is an XML
file.
[0034] The adjusting instruction module 120 is configured to identify a modification operation performed via the user indicator, obtain a modified positional coordinate parameter of the corresponding widget, generate an adjusting instruction, adjust a size and a position of the corresponding widget in response to the adjusting instruction and modify a positional coordinate parameter of the corresponding widget in the program file in the database.
[0035] The indicator herein is, for example, a mouse cursor. The user may drag a selected widget to a position as needed by the user and change the size and the direction of the widget by the cursor. That is, the position of the widget in the form page may be changed by identifying moving information of the cursor, or the direction of the widget in the form page may be changed by identifying the rotating information, or the size of the widget in the form page may be changed by identifying size information.
[0036] The positional coordinate parameter of the corresponding widget in the program file in the database is modified to a positional coordinate value by identifying a selected adjusting function of the indicator, tracing and identifying a change of the positional information of the indicator and capturing the changed positional coordinate value of the cursor, thereby achieving adjusting of the widget. The user only needs to perform a simple visualized operation on the widget in the page without changing the program, greatly improving constructing experience of the user.
[0037] The page constructor supports custom page layout construction and custom element construction.
[0038] The widget library 130 is configured to store a page layout widget and a page element widget.
[0039] The widget library makes flexible widget construction and reduction of repeated construction of same page elements possible. A high-cohesion and low-coupling widget template is abstracted in the page construction, improving flexibility and maintainability of page construction designing. In this way, the problem of complex steps and low efficiency due to inclusion of various complex configuration items in the page construction designing is solved. Preferably, in order to further improve the convenience of page element construction, the widget library may further store a combined widget of page layout and page element. Commonly-used combined widgets are modeled, further improving speed and convenience in page constructing for a user and reducing repeated operations.
[0040] The data model base 140 is configured to configure a table needed by a data model and create an sql statement.
[0041] The data binding module 150 is configured to bind table field attributes of the database, generate page constructing data and store the page constructing data by an XML
structure.
[0042] The constructing data of the whole page is stored by an XML structure.
As showed in Figure 3, the layout element is dragged and the page element is placed on a service requirement in the page designer. By convenient operations in the page, the display page is designed in a customized manner, the service data is recorded and the field attributes of the database are bound. The design of the page designer is transformed to be stored by an XML
structure. And when storing, a storage structure is required to be layered according to a predefined logical rule. For example, the XML structure is arranged by the whole <div>...</div> layer label. The outermost layer is the page layout which sets the attributes of the layout. In the middle of the layout is the page element which stores the corresponding attribute settings of the element and the style settings in the custom attributes. If service data is set for an element, the service data is stored as <!-[[], []]...--> in the element. The configured configuring information is stored in the database in the format of XML. In this way, platform independence and portability of the invention is achieved.
[0043] According to the above technical solutions, the page constructor according to the embodiment of the disclosure can run merely by configuring the data model, implementing the widget layout, storing and publishing. Page development can be implemented without coding, thereby greatly improving the development efficiency. Conventional complex parameter settings are transformed to dynamic page settings, thereby reducing the setting complexity and improving the page designing experience.
[0044] Based on the above technical solutions, the page constructor may further include:
a display model base, configured to configure and store a page display style parameter of the data model.
[0045] The form page is constructed quickly by dragging, page designing becomes easy by using the what-you-see-is-what-you-get page designer. The developing process is simplified to a process of constructing the page of configuring the data model, the display model and the designing interface model, highly shortening the developing time. In maintenance, the configuration in the constructing state is changed on the user requirement and takes effect immediately after being published without deploying service again. The data model and the display model are bound by the data source, to serve as the source of the page display data.
[0046] According to the above technical solutions, with the page constructor according to the embodiment of the disclosure, the constructed page can run merely by configuring the data model, the display model and the interface model, storing and publishing.
Page development can be implemented without coding, thereby greatly improving the development efficiency. Conventional complex parameter settings are transformed to dynamic page settings, thereby reducing the setting complexity and improving the page designing experience.
[0047] Based on the above technical solutions, the page constructor may further include:
a table customizing module, configured to identify a table setting operation performed via the user indicator, generate a table setting instruction, create a corresponding table in response to the table setting instruction, generate a program file corresponding to the table setting instruction, and store the program file in the database according to an XML
structure rule.
[0048] The visualized table construction may be performed in the page construction. The size of the table can be dynamically adjusted on the user requirement in the designer.
Preferably, a right-click menu provides ways of merging the table, the header of the table and displayed column attributes are adjusted dynamically and service presentation data is recorded in the service model, thereby simplifying conventional table designing, reducing complexity of page construction and improving construction experience of the user.
[0049] Optionally, the adjusting instruction module is further configured to identify a merging operation performed via the user indicator, determine a merging object, generate a merging instruction and perform row and/or column merging on the merging object in response to the merging instruction.
[0050] The object to be merged is determined with the user indicator, and the object is merged by calling a merging process in response to the merging instruction, for example, in the ways of merging provided by the right-click menu, thereby easily and conveniently meeting a user page layout requirement.
[0051] Based on any one of the above technical solutions, the page constructor may further include:
a service simulating module, configured to identify a service simulating operation of a user, determine a page element widget and simulating service data, generate a service simulating instruction and record the simulating service data in the page element widget as determined in response to the service simulating instruction.
[0052] The service data and the construction are integrated. In the page constructor a service function is constructed on the user requirement. When the page element is placed, the service data of the element may be maintained, for service analysis and user function acknowledgement. For example, the data may be recorded in the page element by trouble clicking the page element. The flexible operations improve the communication efficiency with the user, reduce the cost of communication with function development and achieve a seamless connection between the service model and software prototype.
[0053] Based on any one of the above technical solutions, the page constructor may further include:
an interface module, configured to expand the page constructor.
[0054] This module is for specific logic of a specific service in a particular field, with which flexible expansion may be achieved through interfaces.
[0055] Each of the above technical solutions may be understood as the constructing state of the page constructor. Therefore, the page constructor may further include a running state for analyzing the constructing state, such as a parser which is configured to analyze the page constructing data and generate a running page.
[0056] The running state analyzes the XML file generated in the constructing state, which includes page analysis, data analysis and logic analysis. The page analysis may include object reading, object transformation and object analysis. The logic analysis may include a control layer, a logic layer and an object encapsulating layer. The data analysis may include administrating a connecting pool and the configuration connection of the database.
[0057] In order to adapt to the complex and various requirements in the enterprise-class application development, the page constructing designing in the page constructor is divided into the constructing state and the running state. The three level model configuration information generated by the constructing state and the page constructing implementation are separated, which supports the page constructing implementation with various components and technologies. The running state refers to a service function page meeting a service requirement. After a client sends a page accessing request, an interface effect and data corresponding to the configuration of the constructing sate are displayed and an event is triggered to process the service. The constructing data XML is analyzed first, the page display object is transformed, and the control layer is called when the service is operated, and outputs a result transformation page object by calling the logic layer through an interface.
[0058] Based on the above technical solutions, a specific implementation process is described hereinafter, for example.
[0059] First, the page constructor is opened and a table page is newly established. A page layout element is dragged on a service requirement and may be dynamically set in the page designer, such as adjusting the size of the layout by dragging, convenient row/column merging through the right-click menu, thereby dynamically adjusting the size of the layout.
[0060] Then, on the custom layout, a page element is dragged and dropped, and placed on a service function requirement, such as a text box, a drop-down box, a date control and a table. The table element may be customized on the service requirement, where a row or a column may be dynamically added, the header information can be flexibly set, column attribute displaying can be set and field attributes of the database can be dynamically bound.
The right-click menu provides dynamic row and column merging operations, thereby improving efficiency of page designing and sense of experience of the user.
[0061] Then, in the process of designing the page, for shared page elements, a high-cohesion and low-coupling widget template can be abstracted. In the process of the present project construction, a widget may be applied for a lot of times in the page construction, thereby improving flexibility of the page construction, reducing repeated construction of same page widgets and improving efficiency of the page construction.
[0062] Then, in the process of service construction, for a purpose of service function acknowledgement with the user, a page element in the constructed page can be directly double clicked, service data can be directly recorded in the constructed page and a final effect can be viewed after running the page, thereby facilitating communication with the user, reducing the communication cost and furthermore, resolving the difficulty in quality-guaranteed quick delivery of a development project.
[0063] Finally, after the page display effect is finished, data field needs to be bound in the research and development link. A table needed is configured in the data model and an sql statement is created. A page display style is selected in the display model, a data source is configured and table fields of the database are bound in the page designer. In the process of data binding, a database table and a table control are bound generally, or the table fields of the database and those of the table control are bound in sequence. The page constructed can be pre-viewed after being modified and adjusted, and a running effect thereof can be viewed.
[0064] According to the above technical solutions, in the page constructor according to the embodiments of the disclosure, a page layout can be customized: the page layout is dragged with a mouse on the service requirement in a what-you-see-is-what-you-get manner, to dynamically change the size of the layout by dragging, dynamically switching between a relative layout and an absolute layout, and flexible right-click functions provide merging and splitting operations for rows/columns in the whole layout, so that the whole layout can be customized on the user requirement, thereby satisfying the user experience requirement.
[0065] The page element is placed in a customized manner: the page element is placed on the function requirement in the page layout almost finished and a display style of each element is customized through the page attribute function. The flexible functional operations render the process of the page construction more complete, and the convenient operations bring the user a whole new page construction experience.
[0066] Service data and construction are integrated: in the page constructor, the service function is constructed on the user requirement, when the page element is placed, the element service of the element can be maintained by double-clicking the page element, for service analysis and user function acknowledgement. The flexible operations improve the efficiency of communication with the user, reduce the cost of the communication with the user and render a desired output of an input function more stereoscopic.
[0067] The page constructor according to the embodiments of the present disclosure reduces the complexity of page construction and improves the constructing experience of the user.
[0068] Hereinafter the page constructing method according to an embodiment of the present disclosure is introduced. Mutual reference may be made to the page constructing method described below and the page constructor described above.
[0069] Reference is made to figure 4. Figure 4 is a flow chart of a page constructing method according to an embodiment of the present disclosure. The method may include:
S100, identifying a dragging operation performed via a user indicator, generating a dragging instruction, dragging a corresponding widget from the widget library to a corresponding position in a newly established form page in response to the dragging instruction and transferring a program file corresponding to the widget to a database corresponding to the newly established form page;
S110, identifying a modification operation performed via the user indicator, obtaining a modified positional coordinate parameter of the corresponding widget, generating an adjusting instruction, adjusting a size and a position of the corresponding widget in response to the adjusting instruction and modifying a positional coordinate parameter of the corresponding widget in the program file in the database;

S120, configuring a table needed by a data model and creating an sql statement;
S130, binding table field attributes of the database, generating page constructing data and storing the page constructing data by an XML structure.
[0070] Based on the above technical solution, the method may further include:
analyzing the page constructing data by a parser and generating a running page.
[0071] Based on the above technical solutions, the method may further include:

configuring and storing a page display style parameter of the data model.
[0072] Based on the above technical solutions, before S120, the method may further include:
identifying a table setting operation performed via the user indicator, generating a table setting instruction, creating a corresponding table in response to the table setting instruction, generating a program file corresponding to the table setting instruction, and storing the program file in the database according to an XML structure rule.
[0073] Based on any one of the above technical solutions, the method may further include:
expanding the page constructor through an interface.
[0074] The embodiments in the disclosure are described progressively. Each embodiment focuses on the difference from other embodiments, and mutual reference can be made to similar or same parts of the embodiments. The apparatus according to the embodiments is described briefly for it corresponds to the method provided by the embodiment, and reference can be made to descriptions of the method for related parts.
[0075] Those skilled in the art may further appreciate that each exemplar unit and algorithm step described in conjunction with the embodiments disclosed by the disclosure may be implemented by electronic hardware, computing software or a combination of both.
In order to clearly describe the interchangeability of the hardware and the software, the components and the steps of each example are generally described by the functions in the above description. Whether the functions are implemented by the hardware or the software is determined by a specific application and design constraints of the technical solutions.
Those skilled in the art may use different methods to implement the functions described for every specific application, however, this kind of implementation shall not be considered as being beyond the scope of the present disclosure.
[0076] The steps of the methods and the algorithms described in conjunction with the embodiments according to the present disclosure may be directly implemented by the hardware, a software module executed by the processor or a combination of both. The software module may be placed in a random access memory (RAM), an internal memory, a read-only memory (ROM), an electrically programmable ROM, an electrically erasable programmable ROM, a register, a hard disk, a removable disk, a CD-ROM or any other storage medium commonly known in the technical field.
[0077] The page constructor and the page constructing method according to the present disclosure are described above in detail. The principle and the implementation of the present disclosure are illustrated in conjunction with some specific examples in the present disclosure. The description of the above embodiments is only used to help understand the method and the core idea of the invention. It should be pointed out that improvements and modifications can be made to the present disclosure by those skilled in the art without deviating from the principles defined in the present disclosure. These improvements and modifications shall as well fall within the scope of the present disclosure.

Claims (10)

1. A page constructor, comprising: a dragging instruction module, an adjusting instruction module, a widget library, a data model base and a data binding module, wherein, the dragging instruction module is configured to identify a dragging operation performed via a user indicator, generate a dragging instruction, drag a corresponding widget from the widget library to a corresponding position in a newly established form page in response to the dragging instruction and transfer a program file corresponding to the widget to a database corresponding to the newly established form page;
the adjusting instruction module is configured to identify a modification operation performed via the user indicator, obtain a modified positional coordinate parameter of the corresponding widget, generate an adjusting instruction, adjust a size and a position of corresponding widget in response to the adjusting instruction and modify a positional coordinate parameter of the corresponding widget in the program file in the database;
the widget library is configured to store a page layout widget and a page element widget;
the data model base is configured to configure a table needed by a data model and create an sql statement;
the data binding module is configured to bind table field attributes of the database, generate page constructing data and store the page constructing data by an XML
structure.
2. The page constructor according to claim 1, further comprising:
a display model base, configured to configure and store a page display style parameter of the data model.
3. The page constructor according to claim 1, wherein the widget library is further configured to store a combined widget of page layout and page element.
4. The page constructor according to claim 1, further comprising:
a table customizing module, configured to identify a table setting operation performed via the user indicator, generate a table setting instruction, create a corresponding table in response to the table setting instruction, generate a program file corresponding to the table setting instruction, and store the program file in the database according to an XML
structure rule.
5. The page constructor according to claim 4, wherein the adjusting instruction module is further configured to identify a merging operation performed via the user indicator, determine a merging object, generate a merging instruction and perform row and/or column merging on the merging object in response to the merging instruction.
6. The page constructor according to any of claims 1-5, further comprising:
a service simulating module, configured to identify a service simulating operation of a user, determine a page element widget and simulating service data, generate a service simulating instruction and record the simulating service data in the page element widget as determined in response to the service simulating instruction.
7. The page constructor according to claim 6, further comprising:
a parser, configured to analyze the page constructing data and generate a running page.
8. The page constructor according to claim 6, further comprising:
an interface module, configured to expand the page constructor.
9. A page constructing method comprising:
identifying a dragging operation performed via a user indicator, generating a dragging instruction, dragging a corresponding widget from a widget library to a corresponding position in a newly established form page in response to the dragging instruction and transferring a program file corresponding to the widget to a database corresponding to the newly established form page;
identifying a modification operation performed via the user indicator, obtaining a modified positional parameter of the corresponding widget, generating an adjusting instruction, adjusting a size and a position of the corresponding widget in response to the adjusting instruction and modifying a positional coordinate parameter of the corresponding widget in the program file in the database;
configuring a table needed by a data model and creating an sql statement; and binding table field attributes of the database, generating page constructing data and storing the page constructing data by an XML structure.
10. The page constructing method according to claim 9, further comprising:
analyzing the page constructing data by a parser and generating a running page.
CA2951145A 2015-12-28 2016-12-08 Page constructor and page constructing method Expired - Fee Related CA2951145C (en)

Applications Claiming Priority (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
CN201511000888.X 2015-12-28

Publications (2)

Publication Number Publication Date
CA2951145A1 CA2951145A1 (en) 2017-06-28
CA2951145C true CA2951145C (en) 2019-01-15

Family

ID=56477569

Family Applications (1)

Application Number Title Priority Date Filing Date
CA2951145A Expired - Fee Related CA2951145C (en) 2015-12-28 2016-12-08 Page constructor and page constructing method

Country Status (2)

Country Link
CN (1) CN105653644B (en)
CA (1) CA2951145C (en)

Families Citing this family (30)

* Cited by examiner, † Cited by third party
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
CN106776964B (en) * 2016-12-05 2020-02-14 国云科技股份有限公司 WEB page management method based on HC-CELL
CN106681798B (en) * 2016-12-28 2021-07-20 安徽和润信息科技有限公司 Bank business analog 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
CN108446152B (en) * 2018-02-02 2021-09-28 创新先进技术有限公司 Page display method and device
CN109189512B (en) * 2018-06-28 2021-12-28 中译语通科技股份有限公司 Data graphical editing interface method
CN110764762B (en) * 2018-07-25 2023-05-26 上海柯林布瑞信息技术有限公司 Page forming method and device, computer readable storage medium and terminal
CN109358919B (en) * 2018-08-20 2024-04-02 中国平安人寿保险股份有限公司 Dynamic configuration method and device for universal page, computer equipment and storage medium
CN109445794B (en) * 2018-11-12 2022-01-28 北京中电普华信息技术有限公司 Page construction method and device
CN109783748B (en) * 2018-12-10 2024-05-03 平安科技（深圳）有限公司 Display method, device and equipment for display field and readable storage medium
CN111367514B (en) * 2018-12-25 2023-04-28 阿里巴巴集团控股有限公司 Page card development method and device, computing device and storage medium
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
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
CN111596912A (en) * 2020-05-22 2020-08-28 北京无线电测量研究所 Non-programming visual construction system and method for radar display control software based on component library
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
CN111813403A (en) * 2020-07-09 2020-10-23 北京亚鸿世纪科技发展有限公司 Method and device for managing dragging component data in large-screen data visualization development
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
CN112561640A (en) * 2020-12-15 2021-03-26 中国建设银行股份有限公司 Commodity page template generation method and device, computer equipment and storage medium
CN112667210A (en) * 2020-12-25 2021-04-16 中科星通(廊坊)信息技术有限公司 Modularization customizing method and device for geographic information system software
CN113282656A (en) * 2021-04-13 2021-08-20 国网山东省电力公司物资公司 Dragging type visualization method and system based on big data
CN114428771B (en) * 2021-12-29 2023-09-15 北京明易达科技股份有限公司 General database model generation method, device and equipment based on form design
CN114741072B (en) * 2022-04-20 2024-03-12 苏州峰之鼎信息科技有限公司 Page generation method, device, equipment and storage medium
CN117472380B (en) * 2023-12-28 2024-03-22 江西铜锐信息技术有限公司 Front-end form generation method and system

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101706821B (en) * 2009-12-10 2012-12-19 中兴通讯股份有限公司 Tag-based mobile internet page design system and method
CN104932889B (en) * 2015-06-15 2018-10-09 北京奇虎科技有限公司 Page visualized generation method and device
CN105183450A (en) * 2015-07-28 2015-12-23 武汉驼峰信息技术有限公司 E-government form model configuration system with foreground and background separation function

Also Published As

Publication number Publication date
CN105653644B (en) 2019-06-04
CA2951145A1 (en) 2017-06-28
CN105653644A (en) 2016-06-08

Similar Documents

Publication Publication Date Title
CA2951145C (en) Page constructor and page constructing method
JP7354294B2 (en) System and method for providing responsive editing and display integrating hierarchical fluid components and dynamic layout
AU2019246901B2 (en) Graphical user interface that simplifies user creation of custom calculations for data visualizations
CN108664245B (en) Method and device for generating web page interface based on JSON self-description structure
US10379710B2 (en) Modeling system for graphic user interface
RU2536390C2 (en) Automated report generation method
JP6018045B2 (en) Temporary formatting and graphing of selected data
JP6541647B2 (en) Runtime customization infrastructure
BR112017026293B1 (en) SYSTEM FOR A WEBSITE BUILDING SYSTEM IMPLEMENTED ON A SERVER AND METHOD FOR A WEBSITE BUILDING SYSTEM IMPLEMENTED ON A SERVER
JP2016532968A (en) Graphical user interface with enhanced tools for connecting components
JP6813634B2 (en) WEB reporting design system for programming event behavior based on graphic interface
US20140232724A1 (en) Moving visualizations between displays and contexts
CN111881662A (en) Form generation method, device, processing equipment and storage medium
CN106407172B (en) A kind of report form generation method based on XML
US20160314502A1 (en) System and method for streamlining the design and development process of multiple advertising units
CN103473041A (en) Visualized data processing method and system
CN112650966A (en) Method, generator and medium for generating dynamic list page of online design
CN117215556A (en) Modularized page rapid construction method, system, equipment and medium
US8645105B1 (en) Methods and systems for round-trip editing of component artwork
US20200210518A1 (en) Systems and/or methods for dynamic layout design
US11663199B1 (en) Application development based on stored data
CN108762750A (en) A kind of visualization interface generation method and system based on FMP models
KR102285287B1 (en) User interaction method and apparatus
CN115509665B (en) Method, device, medium and equipment for recording control in window
CN116235162A (en) Method and user interface for generating level of detail calculations for data visualization

Legal Events

Date Code Title Description
MKLA Lapsed

Effective date: 20210831

MKLA Lapsed

Effective date: 20191209