CN110688117A

CN110688117A - Interface designer and platform based on JavaWeb and page configuration method thereof

Info

Publication number: CN110688117A
Application number: CN201910944997.9A
Authority: CN
Inventors: 金振华; 张取萍; 王洪亮; 刘强; 蔡智福; 林莹
Original assignee: Xiamen Jingyi Software Co Ltd
Current assignee: Xiamen Jingyi Software Co ltd
Priority date: 2019-09-30
Filing date: 2019-09-30
Publication date: 2020-01-14
Anticipated expiration: 2039-09-30
Also published as: CN110688117B

Abstract

The invention provides an interface designer, a platform and a page configuration method based on JavaWeb, wherein the interface designer comprises the following steps: the basic information module is used for defining basic information of a design page; the layout design module is used for defining the service information displayed in the design page; the control design module is used for defining the control types which can be displayed on the interface and the corresponding control titles; the mapping design module is used for displaying a data source corresponding to the control title and the external service data on the design page; the script design module is used for editing the script logic of the secondary control; the control design module is used for setting external business logic executed by the control; and the trigger module is used for checking whether the running result of the external business logic is correct or not through the control ID after the external business logic is executed. The interface designer based on JavaWeb has low development cost, the interface can be self-defined and designed according to the packaged module, and the development efficiency is high.

Description

Interface designer and platform based on JavaWeb and page configuration method thereof

Technical Field

The invention relates to the field of information management systems, in particular to an interface designer and platform based on JavaWeb and a page configuration method thereof.

Background

Most of the existing application software cannot meet the requirements of managing the ever-changing personality and continuous revolution. In order to obtain the advantages of market survival and competition and adapt to the instantly changing market environment, the method needs to respond to the market demand quickly, continuously adjust the organization mode of the enterprise and recreate the business process of the enterprise, the design, optimization and management of the business process become important means for enterprise competition, and the enterprise urgently needs the support of an information system for supporting the business process recreating.

The existing management software is either customized according to the requirements of each user on the design of the interface or develops a universal standard information management interface, the customization cost is too high, developers of each module have to modify and assemble a plurality of universal components, and edit source codes again each time, and because the business scene controls of each module are different and the same, a large amount of repeated labor is generated, and the amount is large and the consumed time is long; the universal standard version also means that some interface functions are not needed at all or cannot meet the experience and personalized requirements of customers, and the service scene is single.

In view of the above, the interface designer based on the JavaWeb, the platform and the page configuration method thereof are provided, wherein the interface designer is low in development cost, the interface can be custom-designed according to the packaged module, and the development efficiency is high.

Disclosure of Invention

The invention provides an interface designer based on JavaWeb, a platform and a page configuration method thereof, wherein the interface designer is low in development cost, the interface can be custom-designed according to a packaged module, and the development efficiency is high.

The invention is realized by the following steps:

a java web-based interface designer, comprising:

the basic information module is used for defining basic information of a design page;

the layout design module is used for defining the service information displayed in the design page;

the control design module is used for defining control IDs, control types, control titles and binding fields of the primary controls and the secondary controls;

the mapping design module is used for quickly binding the primary control or the secondary control through the control ID, carrying out data calling corresponding to the field name of the external service data through the binding field of the secondary control, and displaying the data source corresponding to the control title and the external service data on the design page;

the script design module is used for editing the script logic of the secondary control or the primary control, correspondingly executing the script logic configured by the control after the action of the secondary control, and displaying a corresponding service effect on the design page;

the control design module is used for binding the script logic through the control ID after the script design module acts on the secondary control, and judging whether the script logic can be executed or not through judging conditions;

the control service module is used for directly providing external business logic to be executed for the secondary control through the control ID;

and the trigger module is used for realizing that the corresponding secondary control executes and updates the data after the external service logic runs by binding the control ID after the external service logic is executed.

As a further improvement, the layout design module may implement encapsulation of a plurality of the primary controls, and a plurality of the secondary controls are encapsulated to form one of the primary controls.

As a further improvement, the primary controls include a list control, a tree control, and a button group control; the secondary controls include a pop-up box control, a date control, a drop-down box control, and a text box control.

As a further improvement, the design page comprises a form area and at least one panel area, and the panel area can display query controls and list information; the layout design module is used for setting controls displayed in the form area and the panel area and managing the attribute or the query effect of the query control.

As a further improvement, after the user clicks, changes the numerical value, or moves the edit, the script design module correspondingly executes the script logic configured by the first control or the second control by providing the control ID.

As a further improvement, the page basic information includes a page type, a page title, and a page ID; the page ID is used for defining the unique identity of the page and is used as the associated identification of the authority control.

As a further improvement, the system further comprises an HTML design module and a CSS design module, wherein the HTML design module is used for customizing page contents, and the CSS design module is used for customizing control styles.

As further improvement, the information management system configuration platform based on JavaWeb comprises a service designer, a report designer, a chart designer, a flow designer, an interface designer, an import designer and the interface designer; the service designer is responsible for the definition of external business logic.

As a further improvement, the method for configuring the interface designer based on the JavaWeb comprises the following steps:

s1: entering the menu generating module, and adding a title or a subtitle to generate a user interface list;

s2: clicking a certain design page in a user use interface list to enter a design process;

s3: editing relevant basic information of the current design page in the basic information module for information display on an interface;

s4: setting service information to be displayed in a window region of the current design page in the layout design module;

s5: editing the control ID, the control type, the control title and the binding field of the secondary control of the primary control or the secondary control in the control design module;

s6: setting a control ID and a table name of external data in the mapping design module to realize rapid import configuration of an external data source, and entering S7, S8 or S10;

s7: editing script logic to be executed before the action of the primary control or the secondary control in a script design module, judging whether the primary control or the secondary control meets the execution requirement, and entering S8 or S10;

s8: setting the primary control or the secondary control to execute external business logic in the control design module through binding of service ID and control ID, and entering S9 or S10:

s9: setting a checking condition in the trigger module, checking a result after the external service logic is executed, and entering S10;

s10: clicking and saving to finish the design of the current design page;

s11, whether other design pages are designed continuously or not is judged, if yes, the step is returned to S2, and if not, the step is proceeded to S12;

s12: and clicking to generate, and importing all designed design pages into the project basic framework to form a final customer demand system.

The invention has the beneficial effects that:

1. the interface designer based on JavaWeb can effectively reduce the source code amount in a mode of configuring an interface design module, most users of the interface designer are primary programmers or common business personnel, the users cannot develop the whole design page according to the requirements of customers, the development difficulty can be greatly reduced by developing through the interface designer, the development time of the users is reduced, and the labor cost is effectively reduced by reducing the development time.

2. The interface designer based on JavaWeb is simple and easy to operate in the whole operation interface, so that a system developer or system implementers can quickly develop an information management system satisfying users through simple training.

3. The interface designer based on JavaWeb integrally adopts the cooperation and interaction of a plurality of design modules, can greatly reduce the source code amount by the way of quickly configuring the interface by the existing framework, further reduce the development time of a user, effectively reduce the labor cost by reducing the development time, and simultaneously enable a system developer or system implementers to quickly develop an information management interface satisfying the user through simple training.

4. The invention relates to a layout design module in an interface designer based on JavaWeb, which correspondingly sets a corresponding secondary control or a primary control to be displayed in a panel area through a control ID, meanwhile, a plurality of secondary controls can be packaged into a complete primary control and a control name is given to the corresponding primary control, the primary control is only equivalent to a control container and also has a control ID, so that the user can package the required primary control according to different customer requirements to meet various requirements of the customer, meanwhile, the primary control can be directly called subsequently through the control ID of the primary control, so that the time for packaging the secondary control in the same design page for many times is saved, after the subsequent script logic and the external service logic are bound with the corresponding secondary control, the function combination of the secondary controls can be directly packed for use to rapidly design the interface.

5. In the interface designer based on JavaWeb, because the external data source is a field name which is given with a unique identifier by default, the mapping design module skillfully utilizes the characteristic to be combined with the binding field of the control, and simultaneously, other information of the control is synchronously exported as related display information of the data source through the one-to-one correspondence of the binding field and the control ID, namely, the mapping design module can quickly import data of the external data source according to the one-to-one correspondence of the field name, the binding field and the control ID, can effectively reduce development time, and can quickly and accurately import the existing data into the control for direct application.

6. The invention relates to an interface designer based on JavaWeb, which integrally adopts the cooperation and interaction among a plurality of design modules, almost each design module is related to other design modules in control information flow, working logic and running sequence, the layout design module is used for a user to edit the whole page layout and control architecture level and firstly determines a rough frame of the page design, the control design module is used for editing specific related information of a single control or a plurality of controls in the single control on the basis of the layout design module to form a complete front-end page effect, and then the user can realize the quick import of data at the rear end or the logic editing and execution under different application scenes by combining at least one of a script design module, a control design module, a mapping design module and a trigger module on the basis of the front end, although the single functional modules are common, the whole interface designer finally enables the design page work of each system to be simplified and reproducible through the combination and collocation of the common functional modules and creative work aiming at the combination and collocation, and the development source code quantity is reduced by adopting the same designer module, so that the development time and the development difficulty of a user are greatly reduced.

Drawings

In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings that are required to be used in the embodiments will be briefly described below, it should be understood that the following drawings only illustrate some embodiments of the present invention and therefore should not be considered as limiting the scope, and for those skilled in the art, other related drawings can be obtained according to the drawings without inventive efforts.

FIG. 1 is a flow diagram of a method for page configuration of a JavaWeb-based interface designer.

Detailed Description

In order to make the objects, technical solutions and advantages of the embodiments of the present invention more apparent, the technical solutions of the embodiments of the present invention will be described clearly and completely with reference to the accompanying drawings of 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 obtained by a person skilled in the art without any inventive step based on the embodiments of the present invention, are within the scope of the present invention. Thus, the following detailed description of the embodiments of the present invention, presented in the figures, is not intended to limit the scope of the invention, as claimed, but is merely representative of selected embodiments of the invention. All other embodiments, which can be obtained by a person skilled in the art without any inventive step based on the embodiments of the present invention, are within the scope of the present invention.

Furthermore, the terms "first", "second" and "first" are used for descriptive purposes only and are not to be construed as indicating or implying relative importance or implicitly indicating the number of technical features indicated. Thus, a feature defined as "first" or "second" may explicitly or implicitly include one or more of that feature. In the description of the present invention, "a plurality" means two or more unless specifically defined otherwise.

In an embodiment, a JavaWeb-based interface designer comprises:

Further, the interface designer further comprises a menu generating module, the menu generating module comprises a hierarchical menu generating unit and a design page display unit, the hierarchical menu generating unit is used for generating a first-level menu and a second-level menu of an interface used by a final user, the second-level menu is generated under the first-level menu in an adding mode, a plurality of design pages can be further added under the second-level menu to meet various requirements of customers, and of course, three-level menus or four-level menus or even more are obtained by analogy. The design page display unit is used for displaying the effect of a subsequently edited design page, such as a form area and related contents in a panel area, such as a toolbar, a tab page, a form and the like.

In conclusion, the interface designer integrally adopts the cooperation and interaction of a plurality of design modules, the source code amount can be greatly reduced by the way of rapidly configuring the interface by the existing framework, the development time of a user is further reduced, the labor cost is effectively reduced by reducing the development time, and meanwhile, a system developer or a system implementer can rapidly develop an information management interface satisfying the user through simple training.

Meanwhile, the interface designer provides various primary controls and secondary controls, data can use the data source defined in the platform and external data, the view type and style can be customized, batch copy of the view controls can be realized, and the definition of the view interface does not need to write any code. Compared with the traditional interface development, the interface designer does not need special front-end developers to realize the interface development through coding, only needs to add interface layout and controls on a web interface of the interface designer in a visual mode, and is easy to implement in function and convenient to use.

In an embodiment, the page basic information includes a page type, a page title, and a page ID; the page types comprise six types, namely a query page, a selection frame, a drop-down frame and the like, wherein the selection frame is used for selecting a certain secondary page popped up by clicking a certain action, and the drop-down frame is also used as a data source capable of being selected by pulling down after clicking and is used when more data appear after re-clicking; the page title is used for defining the name of the interface and displaying the name of the interface on a name column of the interface, and the page ID is used for defining the unique identity of the page and is used as an associated identifier of authority control, namely, an administrator can set the visible page ID under a certain user in the authority management function of the system to transfer and use the page corresponding to the page ID to the user; and meanwhile, whether the state of the interface is visible or not and what the icon style is can be edited.

The module adopting the page basic information is used for defining the related basic information displayed on the interface, so that a user and a user can quickly identify which type of information can be displayed on the interface correspondingly, and which functions are realized.

In an embodiment, the control design module is configured to define a control type and a control title of the secondary control.

Further, the primary controls comprise a list control, a tree control and a button group control; the secondary controls include a pop-up control, a date control, a drop-down control, and a text box control, for example, a list control may contain multiple pop-up or drop-down controls.

In an embodiment, the design page includes a form area, a layout area and at least one panel area, the panel area may further be provided with a plurality of sub-panels, the panel area or the sub-panels may both display query controls and list information, and the query conditions or the list information both include at least one of the primary controls or the secondary controls; the layout design module is used for setting the controls displayed in the form area and the panel area, managing the attribute or the query effect of the query control, and also can define the number of display layers of a design page by setting the layout area and define the range size of the design page by setting the form area.

Specifically, the layout design module can also be provided with a control ID of the first control or the second control, the layout design module can realize the packaging of a plurality of the primary controls, a plurality of the secondary controls are packaged to form one primary control, the layout design module correspondingly sets the corresponding secondary controls or the primary controls to be displayed in the panel region through the control ID, a plurality of the secondary controls can be packaged into one primary control for use, specifically, a plurality of the secondary controls are packaged into a complete primary control and given a control name to the corresponding primary control, the primary control is only equivalent to a control container and also has the control ID, not only can a user package the required primary controls according to different customer requirements to meet various requirements of the customer, but also can directly call the primary controls through the control ID of the primary control subsequently, the time for packaging the secondary control for multiple times in the same design page is saved, and the function combination of the multiple secondary controls can be directly packaged for use to carry out rapid design of the interface after the corresponding secondary controls are bound by the subsequent script logic and the external service logic.

For example, the functions of a commonly used menu bar control include refreshing, copying, adding, deleting, modifying, storing, discarding and the like, almost all the secondary controls of each design module and each design page need to be used, the secondary controls of refreshing, copying, adding, deleting, modifying, storing, discarding and the like can be directly packaged into a primary control of a menu bar, and what logic is to be executed after clicking the primary control or the secondary control is set in other design modules. The method and the device can realize automatic packaging of a user according to customer requirements, and meanwhile, if the user wants to directly use the primary control on the design page, the user can input the corresponding control ID of the menu bar for calling.

In addition, similarly, a plurality of primary controls can be further encapsulated, a control name and a control ID are taken from the encapsulated control set, and the primary control or a higher control set can also have script logic and external business logic.

In addition, the layout design module may further set a display effect or attributes of the secondary control, such as height and width of a list, and state identifiers of menu buttons, a permission type, text content, font size and color.

The layout design module can effectively package the controls to form a control set, after the layout design module is matched with other design modules to endow the control set with relevant logics, a user can directly and rapidly develop and package the primary controls corresponding to functions required by a customer according to different requirements of the customer, meanwhile, the corresponding packaged primary controls can be directly added on the same design page, a plurality of secondary controls are not required to be repeatedly combined into the required primary controls each time, the personalized interfaces and interface relevant functions required by the customer can be rapidly developed, and the redeveloped source code amount and workload are greatly reduced.

In an embodiment, the mapping design module can be used for quickly corresponding to a field name in external business data by setting a binding field of a secondary control, and the external business data is mapped and imported into the design page and is matched with the secondary control.

The binding fields are used as identification marks corresponding to field names of external data sources, each secondary control has a corresponding binding field, and the binding fields are set to be the same as the field names of the data sources to be called, so that the effect that data are mapped to a design page from the outside is met.

Specifically, the mapping design module comprises a control and external data binding unit and an auxiliary information binding unit, the control and external data binding unit can input a table name and a control ID of a data source to be mapped and can inquire all information of each data source including field names, and meanwhile, a binding field with the same field name of the data source to be displayed by the secondary control is set in the control design module, so that data mapping between the secondary control and the external data source is realized.

Such as: the table name of the external data source is execl1, the external data source is a multi-column table, each column of data source has a string of data and a field name, at the moment, a binding field of a secondary control which is the same as the string of data is set in the mapping design module, when the table name of the external data source and the control ID of the secondary control are input in the mapping design module, the system can find the external data source of the table name from the database, lock the binding field of the corresponding secondary control through the control ID, import the specific data of the field name in the data source into the secondary control of the binding field through the correspondence of the binding field and the field name, and replace and display the field name in the external data source with the control title of the secondary control.

Besides, the auxiliary information binding unit is used for mapping system default information of a data source of the current design page, such as a creator or a creation date of current data, through related content in a form of the external data source, in a direct manner, by binding existing target fields in the form of the external data source with function parameters and directly mapping data in the row of the target fields into the function parameters and displaying the data on the current design page, wherein the target fields of the data source correspond to field names in the data source.

The external data source is a field name which is given with a unique identifier by default, so the mapping design module skillfully utilizes the characteristic to be combined with the binding field of the control, and synchronously exports other information of the control as related display information of the data source through the one-to-one correspondence of the binding field and the control ID, namely, the mapping design module can quickly import data of the external data source according to the one-to-one correspondence of the field name, the binding field and the control ID, the development time can be effectively reduced, and the existing data can be quickly and accurately imported into the control for direct application.

In an embodiment, the script design module executes the script logic configured by the first control or the second control by providing the control ID after a user clicks, changes a numerical value, or moves and edits, the script logic can be directly edited in the script design module, the control ID of the first-level control or the second-level control of the script logic can be executed after an action is bound after editing, and the designer executes the corresponding script logic after the user clicks the corresponding first-level control or second-level control in the current design page.

Further, the script design module may further set a method name, a method description, and whether to enable the function, specifically, the method name is a trigger action, and may be a single click, a double click, or another action, the method description is used to note the meaning of each action, for example, the meaning is stored after the single click, or the meaning is deleted after the double click, and whether to enable the function is quickly selected.

In an embodiment, the determination condition in the control design module may include the following conditions: if the information is repeated before the secondary control of the saving function is clicked, controlling the design module not to allow the saving action to occur; and if the inventory is less than the order placing quantity of the user, the control design module does not allow the order placing action to occur through the judgment condition.

The control design module can effectively judge the judgment condition before the script logic operates, ensure the legality of the script logic, avoid the relevant problems of the subsequent actions and ensure the accuracy of the actions. Such as: after the order placing action of the user of the client on the client page, whether the stock quantity is larger than the order placing quantity of the user needs to be judged, and if the stock quantity is smaller than the order placing quantity of the user, the order placing cannot be carried out.

In an embodiment, the control service module is configured to directly provide an external service logic to be executed to the secondary control, the external service logic is edited and stored in a service designer, which is described below, for direct calling, a unique service ID function identity is set in correspondence to the external service logic edited in the service designer, the control service module is configured to bind a control ID and a service ID of the secondary control, so that direct execution of the external service logic can be achieved, and after the script logic is judged to be legal, the designer executes the external service logic bound to the secondary control. The method has the advantages that external business logic is directly called through the existing calling interface, compared with the script design module, time and steps for editing the script logic are saved, the elastic requirements of customers can be met in a control service module integrating mode, the customers can use the existing external business logic and can also edit the script logic to use, functions are easy to implement, the use is convenient, and the source program amount and the development time can be effectively reduced.

In an embodiment, the trigger module is configured to check whether an operation result of the external service logic is correct and update data after the external service logic is operated through the control ID after the external service logic is executed, and the function module can re-check and update the operation result of the script logic to ensure that the operation result of the script logic is correct, and after the stock quantity is greater than a user order and the user successfully orders the order, the trigger module checks whether an actual stock quantity is changed and the amount can be corresponding, and updates the actual stock quantity to the stock quantity after the stock is discharged.

In an embodiment, the system further comprises an HTML design module and a CSS design module, wherein the HTML design module is used for customizing page content, such as codes can be directly designed in the HTML design module and used for page display; the CSS design module is used for customizing control styles, such as the color, height, width and the like of the control.

In addition, each function menu bar is arranged in the basic information module, the layout design module, the control design module, the mapping design module, the script design module, the control design module, the trigger module and the control service module, and is used for storing, generating or giving up the content which is edited correspondingly currently, and correspondingly updating the content to the current design page.

In an embodiment, the information management system configuration platform based on JavaWeb comprises a service designer, a report designer, a chart designer, a flow designer, an interface designer, an import designer and the interface designer. The service designer is used for being responsible for defining, executing and monitoring the external business logic and storing the external business logic in the service designer.

In addition, in the embodiment, the interface designer based on the java web of the present invention belongs to a part of a designer layer in an information management interface system configuration platform based on the java web, and the information management interface system configuration platform based on the java web further includes a basic framework layer, a common module layer and an application layer.

The basic framework layer adopts a service-oriented architecture and is divided into a front-end UI (user interface) and a background Web service interface, so that the front-end and background development are separated, front-end developers are concentrated in the design of the front-end UI interface, and background developers are concentrated in the definition and implementation of the service interface. Technically, a standard three-layer Framework is adopted, a server Framework takes Spring Framework as a core, Spring MVC as a controller (RESTful Webservice is realized), and Mybatis as a database operation layer. And the client view layer uses the easy UI as a basic UI and sends a request to call a server interface to acquire data through Ajax.

The common module layer is built on the basic framework layer, and is a module or service with a specific function packaged by the basic framework, and specifically comprises the following steps: the system authority, the attachment management, the log management, the basic code, the automatic coding, the process engine, the message center, the short message service, the mail system, the report system and the like are externally provided with a common module in the project development process through the packaging of the layer, any project can be repeatedly utilized without repeated development, and the development time of the project is saved.

The designer layer is a functional module established on the basic framework layer and the common module layer and is also the most core part of the whole platform, in the process of project development, the requirements of projects are always changeable, different customers cannot be sold through unified software products, different and identical requirements among the customers are usually solved through customization, and in order to quickly respond to the change of the requirements of the customers and save the development cost. To this end, we have developed a complete set of designers for software developers or implementers to develop new applications or modify existing applications to meet the ever-evolving business needs.

The application layer is an application system which is established on the basic framework layer, the common module layer and the design layer and is composed of all functional modules. We implement delivery of items by a combination of basic public functions and custom customized functions. The system can fully meet the common and individual requirements of customers, and specifically can comprise a warehousing system, a transportation system, a trading system, a ship generation system, a goods generation system, a customs declaration system, an order system and a financial system.

In an embodiment, referring to fig. 1, a method for configuring a page of a java web-based interface designer includes the following steps:

s10: clicking and saving to finish the design of the current design page;

Specifically, in step S2, when the user clicks a certain design page in the user interface list and enters the design process, the user can set a corresponding basic information module, layout design module, control design module, script design module, control design module, trigger module, control service module, HTML design module, and CSS design module for the current design page.

Specifically, in step S4, the setting of the service information to be displayed in the form area of the current design page by the layout design module may specifically be as follows: the layout design module correspondingly sets corresponding secondary controls or primary controls to be displayed in the panel area through the control IDs, a plurality of secondary controls are packaged into a complete primary control, a control name is given to the corresponding primary control, and at the moment, the primary control is only equivalent to a control container and also has the control ID.

In addition, the layout design module is further configured to arrange a panel area in the window area and service information in the layout area, where the service information specifically includes, but is not limited to, a first-level control, a second-level control, a data source, and a display layer number of a design page, and specifically, menu hierarchical contents of a form and a panel are edited in the layout design module, and the packaged first-level control or second-level control is added to the panel area.

Each design module is provided with a menu bar, and the menu bar comprises control buttons such as storage, modification, addition, deletion, generation and the like.

The present application takes a customer information storage system as an example of a system to be rapidly developed:

s1: entering the menu generating module, and adding subtitles such as a building company personnel information list title or a building company department personnel information list to generate a user use interface list;

s2, clicking a certain design page in the user interface list to enter the design process;

s3, editing relevant basic information of the current design page in the basic information module for information display on an interface, if the page is used for inquiring the existing customer information, defining the page type as an inquiry page, defining the page title as a Xiamen company department personnel information inquiry page and defining the page ID of the unique identification;

s4: the layout design module correspondingly sets a corresponding secondary control or a primary control to be displayed in the panel area through a control ID, a plurality of secondary controls are packaged into a complete primary control and a control name is given to the corresponding primary control, for example, a form input control (secondary control) which can specifically edit or display the detailed information of a client is packaged into a linkage selection drop-down box (primary control), and the specific information is edited or checked by sequentially selecting a company, a department and a specific person to finally pop up the form input control;

s6: setting a control ID and a table name of external data in the mapping design module to realize rapid import configuration of an external data source, such as directly importing basic information of employee names, contact ways, positions and the like of departments of a company from an external table list;

s7: editing script logic to be executed before the action of the primary control or the secondary control in a script design module, and judging whether the primary control or the secondary control meets the execution requirement, if so, when a save key of a page is clicked after the input of the list is finished, the script design module can execute the edited script logic to judge whether multiple conditions such as a duplicate name, a lack of the number digit of a contact way number or an obvious error of position information and the like exist in the list, if so, the system is not allowed to execute the save action, and corresponding reminding information is popped up;

s8: the external business logic to be executed by the primary control or the secondary control is set in the control design module through binding of a service ID and a control ID, if people need to increase or decrease under the condition of people flow, when an increase key in a page is clicked, the default execution of the external business logic related to people import is equivalent to the mapping import of a single edition, and when a decrease key in the page is clicked, the default execution of the external business logic related to popping up an existing people list is selected to delete the business logic related to the related people:

s9: setting a check condition in the trigger module, wherein the check condition is used for checking a result after external business logic is executed, if the logic of increasing and decreasing the number of the members is executed, checking the number of the members in the system, if the number of the members is increased, adding the number of the members corresponding to the increase of the members to form the final total number of the members, and if the number of the members is decreased, subtracting the number of the members corresponding to the decrease of the members from the recent data to form the final total number of the members;

s10: clicking and saving to finish the design of the current design page;

In summary, the interface designer integrally employs cooperation and interaction among multiple design modules, almost each design module has control information flow, work logic and running sequence association with other design modules, the layout design module is used for a user to edit the overall page layout and control architecture level to determine a rough frame of the page design first, the control design module edits specific related information of a single control or multiple controls in the single control on the basis of the layout design module to form a complete front-end page effect, and then the user can realize rapid import of data at the back end or logic editing and execution under different application scenes by combining at least one of the script design module, the control design module, the mapping design module and the trigger module on the basis of the front end, although some independent functional modules are common, the whole interface designer is ingenious and creative through combination and collocation of the common functional modules, finally, the work of a design page of each system becomes simple and reproducible in operation, the development source code amount can be reduced by adopting the interface designer, and the development time and the development difficulty of a user are greatly reduced.

The above description is only a preferred embodiment of the present invention and is not intended to limit the present invention, and various modifications and changes may be made by those skilled in the art. Any modification, equivalent replacement, or improvement made within the spirit and principle of the present invention should be included in the protection scope of the present invention.

Claims

1. A java web-based interface designer, comprising:

2. The java web-based interface designer of claim 1, wherein: the layout design module can realize the encapsulation of a plurality of the primary controls, and a plurality of the secondary controls are encapsulated to form one primary control.

3. The java web-based interface designer of claim 1, wherein: the primary control comprises a list control, a tree control and a button group control; the secondary controls include a pop-up box control, a date control, a drop-down box control, and a text box control.

4. The java web-based interface designer of claim 1, wherein: the design page comprises a form area and at least one panel area, and the panel area can display query controls and list information; the layout design module is used for setting controls displayed in the form area and the panel area and managing the attribute or the query effect of the query control.

5. The java web-based interface designer of claim 1, wherein: and the script design module correspondingly executes the script logic configured by the first control or the second control by providing the control ID after a user clicks, changes the numerical value or moves and edits.

6. The java web-based interface designer of claim 1, wherein: the page basic information comprises a page type, a page title and a page ID; the page ID is used for defining the unique identity of the page and is used as the associated identification of the authority control.

7. The java web-based interface designer of claim 1, wherein: the system further comprises an HTML design module and a CSS design module, wherein the HTML design module is used for self-defining page content, and the CSS design module is used for self-defining control styles.

8. An information management system configuration platform based on JavaWeb is characterized in that: the interface designer comprises a service designer, a report designer, a chart designer, a flow designer, an interface designer, an import designer and any one of the interface designers in claims 1 to 7; the service designer is responsible for the definition of external business logic.

9. A method of page configuration for a java web based interface designer according to any of claims 1 to 7, comprising the steps of:

s10: clicking and saving to finish the design of the current design page;