CN105022615B

CN105022615B - A kind of generation method and system at interface

Info

Publication number: CN105022615B
Application number: CN201410161001.4A
Authority: CN
Inventors: 吴宝刚
Original assignee: Datang Software Technologies Co Ltd
Current assignee: Datang Software Technologies Co Ltd
Priority date: 2014-04-21
Filing date: 2014-04-21
Publication date: 2018-09-11
Anticipated expiration: 2034-04-21
Also published as: CN105022615A

Abstract

An embodiment of the present invention provides a kind of generation method at interface and systems, wherein the method includes：Preset interface template and component event, the interface template are respectively provided with associated interface basis data, and the interface basis data have associated component event；Displaying interface request is obtained, the displaying interface request includes interface identification；The matched interface template of interface identification is searched for the request；Load the associated interface basis data of the matched interface template；Search the corresponding component event of the interface basis data；Search the corresponding interface element of the component event；The interface element is parsed, the interface is generated.The present invention can reduce workload, ensure consistency, the flexibility at interface, different customer requirements is deacclimatized with same set of business logic codes, to reduce the complexity of system, subtract reduced-maintenance workload, is extended convenient for the maintenance of system, reduce the probability of error, shorten the development cycle, responds rapidly to customer requirement.

Description

A kind of generation method and system at interface

Technical field

The present invention relates to the technical fields of electronic data processing, the generation method more particularly to a kind of interface and a kind of boundary The generation system in face.

Background technology

Interface is to meet Software Specialty, standardized demand and being carried out using interface to software for generating The design branch of beautification, optimization, standardization, usually used design method is all interface element to be write as dead code mostly Carry out the layout displaying at interface.Without exception, also all it is to use for the interface of China's telecom industry Operation Support System This design method.

Currently, due to various regions disparate development, technical equipment, manager for China's telecom industry Operation Support System Formula and use habit etc. have larger difference in each province, city, thus it requires the realization of Operation Support System not only needs The difference in each province and city is taken into account, and to fully demonstrate the individual requirement in each province and city, meanwhile, also want the need that can meet all kinds of clients It asks.

Therefore, although the processing logic of telecommunication service is roughly the same in Operation Support System, the business element of core It is mostly identical, still, because of the difference of the mode of business personnel's processing business and custom, cause the element of showing interface often It is different, need the code being written also just to be not quite similar.

In the prior art, for such requirement, each telecommunication operation support system development company is substantially given in a manner of hard coded It realizes, i.e., be adapted to by code, different interfaces is supported by different codes, is the different clients point of different regions The program of multiple and different versions is not created.

However, since interface all in program is developed by developer's hand-designed, although developer Many interface development specifications are defined, and take a large amount of work on interface development, still, the interface that developed Still there are many differences in style and occupation mode etc., causes the consistency at interface very poor, flexibility is also inadequate, client When often requiring to increase the element of a showing interface, developer has to change code.For the individual demand of client Way as code is changed dependent on programmer, on the one hand, the complexity for increasing system considerably increases later maintenance Workload, come to the later maintenance expansion bands of system greatly difficult, on the other hand, increase the probability for mistake occur, and And the development cycle is increased, the speed that customer in response requires is slow, causes client perception poor.

Therefore, at present a technical problem that is urgently needed by the technical personnel in the field at present is that：A kind of interface is provided Generation method and system, to reduce the workload of interface development, while ensureing consistency, the flexibility at interface, use is same Set business logic codes deacclimatize different customer requirements, to reduce the complexity of system, reduce the work of later maintenance Amount extends convenient for the later maintenance of system, reduces the probability for mistake occur, shortens the development cycle, respond rapidly to customer requirement, carry Rise user's perception.

Invention content

The embodiment of the present invention is opened the technical problem to be solved is that a kind of generation method at interface is provided to reduce interface The workload of hair deacclimatizes different clients with same set of business logic codes while ensureing consistency, the flexibility at interface It is required that reduce the complexity of system, the workload of later maintenance is reduced, extends, reduces convenient for the later maintenance of system There is the probability of mistake, shorten the development cycle, respond rapidly to customer requirement, promotes user's perception.

Correspondingly, the embodiment of the present invention additionally provides a kind of generation system at interface, to ensure the realization of the above method And application.

To solve the above-mentioned problems, the invention discloses a kind of generation methods at interface, including：

Preset interface template and component event, the interface template are respectively provided with associated interface basis data, the boundary Face basic data has associated component event；

Displaying interface request is obtained, the displaying interface request includes interface identification；

The matched interface template of interface identification is searched for the request；

Load the associated interface basis data of the matched interface template；

Search the corresponding component event of the interface basis data；

Search the corresponding interface element of the component event；

The interface element is parsed, the interface is generated.

Preferably, the method further includes：

Preset pattern file is imported, carries out the editor of Style Attributes to the interface using the pattern file.

Preferably, the interface basis data are encoded associated with component event by component；

Described the step of searching the interface basis data corresponding component event includes：

It is encoded from interface basis extracting data component；

Using the corresponding component event of the component coding lookup；

The step of lookup interface element corresponding with the component event includes：

Obtain the corresponding component event code of the component event；

Search the associated interface element of component event code.

Preferably, the interface basis data include boundary element, and the boundary element is formed with associated interface, institute Stating interface composition has associated interface assembly, the step of the load matched associated interface basis data of interface template Suddenly include：

Load the corresponding boundary element of the interface template；

Load the corresponding interface composition of the boundary element；

It loads the interface and forms corresponding interface assembly.

Preferably, the interface element includes component list FORM, and the component list FORM has associated list FORM is grouped, and the list FORM groupings have associated list FORM controls, described to search the component event code association The sub-step of interface element include：

Search the component list FORM with the component event code；

Search the corresponding list FORM groupings of the component list FORM；

It searches the component list FORM and list FORM is grouped corresponding list FORM controls；

The parsing interface element, the step of generating the interface include：

The list FORM controls are called, the control type of the list FORM controls is obtained；

The control type is parsed, the interface is generated.

Preferably, the interface element includes component grid GRID, and the component grid GRID has associated grid GRID controls,

The sub-step for searching the associated interface element of component event code includes：

Search the component grid GRID with the component event code；

Search the corresponding grid GRID controls of the component grid GRID；

The parsing interface element, the step of generating the interface include：

The grid GRID controls are called, the control type of the grid GRID controls is obtained；

The control type is parsed, the interface is generated.

Preferably, the interface element includes labelled component TAB, and the labelled component TAB is controlled with associated label TAB Part,

Search the labelled component TAB with the component event code；

Search the corresponding label TAB controls of the labelled component TAB；

The parsing interface element, the step of generating the interface include：

The label TAB controls are parsed, the interface is generated.

Embodiment according to the present invention discloses a kind of generation system at interface, including：

Interface template and component event preset module are used for preset interface template and component event, the interface template point Not Ju You associated interface basis data, the interface basis data have associated component event；

Displaying interface acquisition request module, for obtaining displaying interface request, the displaying interface request includes interface Mark；

Interface template searching module, for searching the matched interface template of interface identification for the request；

Interface basis data load-on module, for loading the associated interface basis data of the matched interface template；

Component event searching module, for searching the corresponding component event of the interface basis data；

Interface element searching module, for searching the corresponding interface element of the component event；

Interface generation module generates the interface for parsing the interface element.

Preferably, the system also includes：

Style Attributes editor module, for importing preset pattern file, using the pattern file to the interface into The editor of row Style Attributes.

The component event searching module includes：

Component encodes extracting sub-module, for being encoded from interface basis extracting data component；

Component event searches submodule, for using the corresponding component event of the component coding lookup；

The interface element searching module includes：

Component event code acquisition submodule, for obtaining the corresponding component event code of the component event；

Interface element searches submodule, for searching the associated interface element of component event code.

Preferably, the interface basis data include boundary element, and the boundary element is formed with associated interface, institute Interface composition is stated with associated interface assembly, the interface basis data load-on module includes：

Boundary element loads submodule, for loading the corresponding boundary element of the interface template；

Interface composition load submodule, for loading the corresponding interface composition of the boundary element；

Interface assembly loads submodule, and corresponding interface assembly is formed for loading the interface.

Preferably, the interface element includes component list FORM, and the component list FORM has associated list FORM is grouped, and the list FORM groupings have associated list FORM controls,

The interface element searches submodule：

Component list FORM searches submodule, for searching the component list FORM with the component event code；

List FORM packet lookup submodules, for searching the corresponding list FORM groupings of the component list FORM；

List FORM controls search submodule, and corresponding table is grouped for searching the component list FORM and list FORM Single FORM controls；

The interface generation module includes as follows：

First control type calls submodule to obtain the list FORM controls for calling the list FORM controls Control type；

First interface generates submodule and generates the interface for parsing the control type.

The interface element searches submodule：

Component grid GRID searches submodule, for searching with the component event code；

Grid GRID controls search submodule, for searching the corresponding grid GRID controls of the component grid GRID；

The interface generation module includes：

Second control type calls submodule to obtain the grid GRID controls for calling the grid GRID controls Control type；

Second contact surface generates submodule and generates the interface for parsing the control type.

Preferably, the interface element includes labelled component TAB, label TAB controls, and the labelled component TAB, which has, to close The label TAB controls of connection

The interface element searches submodule：

Labelled component TAB searches submodule, for searching the labelled component TAB with the component event code；

Label TAB controls search submodule, for searching the corresponding label TAB controls of the labelled component TAB；

The interface generation module includes：

Third interface generates submodule and generates the interface for parsing the label TAB controls.

Compared with prior art, the embodiment of the present invention includes following advantages：

The present invention carries out unified pipe by preset interface template and component event to interface basis data and interface element Reason then loads the interface basis data, also, find associated interface element and parsed using load engine, raw , therefore, can be by the generation at data-driven interface at the corresponding interface of displaying interface solicited message, the interface generated according to data Show solicited message call different interface elements carry out parsing automatically generate interface, can to avoid by programmer to different boundaries Face establishment different code is adapted to, and so as to reduce the workload of interface development, ensures the consistency at interface, flexibility Meanwhile different customer requirements is deacclimatized with same set of business logic codes, to reduce the complexity of system, reduce the later stage The workload of maintenance extends convenient for the later maintenance of system, reduces the probability for mistake occur, shortens the development cycle, respond rapidly to Customer requirement promotes user's perception.

Further, the present invention generates the unified interface of pattern by the Style Attributes to the interface into edlin, can To include automatically color to the Style Attributes at interface, alignment thereof etc. increases boundary into edlin to the style of unified interface The suitability in face, so as to reduce the workload of interface development, while ensureing consistency, the flexibility at interface, use is same Set business logic codes deacclimatize different customer requirements, to reduce the complexity of system, reduce the work of later maintenance Amount extends convenient for the later maintenance of system, reduces the probability for mistake occur, shortens the development cycle, respond rapidly to customer requirement, carry Rise user's perception.

Further, the present invention is by respectively searching component list FORM, component grid GRID and labelled component TAB Corresponding interface element to constitute different components, and then exports the interface needed, and component can be multiplexed into arbitrary interface In, avoid same code section repetition establishment, so as to reduce the workload of interface development, ensure interface consistency, While flexibility, different customer requirements is deacclimatized with same set of business logic codes, to reduce the complexity of system, The workload for reducing later maintenance extends convenient for the later maintenance of system, reduces the probability for mistake occur, shortens the development cycle, Customer requirement is responded rapidly to, user's perception is promoted.

Description of the drawings

Fig. 1 shows a kind of step flow chart of the generation method embodiment 1 at interface of the present invention；

Fig. 2 shows a kind of step flow charts of the generation method embodiment 2 at interface of the present invention；

Fig. 3 shows that a kind of interface basis data of the generation method at interface of the present invention and interface element management framework are shown It is intended to；

Fig. 4 shows a kind of step flow chart of the generation method embodiment 3 at interface of the present invention；

Fig. 5 shows a kind of step flow chart of the generation method embodiment 4 at interface of the present invention；

Fig. 6 shows a kind of step flow chart of the generation method embodiment 5 at interface of the present invention；

Fig. 7 shows a kind of structure diagram of the generation system embodiment at interface of the present invention.

Specific implementation mode

In order to make the foregoing objectives, features and advantages of the present invention clearer and more comprehensible, below in conjunction with the accompanying drawings and specific real Applying mode, the present invention is described in further detail.

One of the core concepts of the embodiments of the present invention is that the present invention is distinguished by preset interface template and component event Interface basis data and interface element are uniformly managed, then, carried out interface basis data using interface load engine Load, meanwhile, a part of the interface element also as interface basis data is loaded into caching, according to displaying interface request scheduling Relevant interface element is parsed, and interface is generated.It is adapted to using data-driven substitution code, fast response time, technical difficulty Low, user can voluntarily complete to operate, and be not need to rely on programmer, so as to reduce the workload of interface development, ensure boundary While the consistency in face, flexibility, different customer requirements is deacclimatized with same set of business logic codes, to reduce system Complexity, reduce the workload of later maintenance, convenient for system later maintenance extend, reduce occur mistake probability, contracting The short development cycle responds rapidly to customer requirement, promotes user's perception.

Referring to Fig.1, a kind of step flow chart of the generation method embodiment 1 at interface of the present invention is shown, it specifically can be with Include the following steps：

Step 101, preset interface template and component event, the interface template are respectively provided with associated interface basis number According to the interface basis data have associated component event；

In practical applications, one or more interface templates can be pre-set（User Interface, UI）, to interface It is laid out, therefore, interface template, which can be one, have been completed barrier between different departments and be clearly laid out and realized by program Interface framework.Each stick namely interface basis data, interface basis data are directly or indirectly and interface template is associated.

In embodiments of the present invention, one or more components event can also be pre-set, for sending request to backstage, Javascript is organized, is encoded by component, interface basis data and component event is associated.

Step 102, displaying interface request is obtained, the displaying interface request includes interface identification；

In specific implementation, displaying interface request may include the demand information of user, and filter may be used （Filter）Displaying interface request is filtered, the displaying interface request of needs, the URL of displaying interface request are obtained （Uniform Resource Locator, uniform resource locator）In include interface identification.

Step 103, the matched interface template of interface identification is searched for the request；

It in practical applications, can be on preset boundary by the interface identification for including in the URL of displaying interface solicited message Matched interface template is found in face die plate.

Step 104, the matched associated interface basis data of interface template are loaded；

In a particular application, load engine can be loaded directly into interface basis data, can be according to interface template Interface identification is searched and is loaded.

Step 105, the corresponding component event of the interface basis data is searched；

As a kind of example of concrete application of the embodiment of the present invention, component coding can be by interface basis data and component thing Part associates, and interface basis data can be encoded by component on backstage and voluntarily assemble the interface element in component event, After being completed anywhere interface basis data can realize multiplexing.

Step 106, the corresponding interface element of the component event is searched；

In a particular application, interface element can be associated with component event by component event code, finds component Event code can search interface element.

Step 107, the interface element is parsed, the interface is generated.

As a kind of concrete application example of the embodiment of the present invention, matched component event is found, you can to pass through group Part event code finds associated interface element, is parsed to interface element, exports corresponding html strings, will be all Html strings are stitched together to form the complete html pages namely the interface.

With reference to Fig. 2, a kind of step flow chart of the generation method embodiment 2 at interface of the present invention, interface basis are shown Data are associated with component event by component coding, can specifically include following steps：

Step 201, preset interface template and component event, the interface template are respectively provided with associated interface basis number According to the interface basis data have associated component event；

Step 202, displaying interface request is obtained, the displaying interface request includes interface identification；

Step 203, the matched interface template of interface identification is searched for the request；

Step 204, the matched associated interface basis data of interface template are loaded；

Step 205, the corresponding component event of the interface basis data is searched；

In one preferred embodiment of the invention, the step 205 can specifically include following sub-step：

Sub-step S51 is encoded from interface basis extracting data component；

Sub-step S52, using the corresponding component event of the component coding lookup；

In practical applications, it can be equipped with component in interface basis data to encode, can also be equipped in component event Identical component coding, to which interface basis data can be associated with component event by component coding.

Component coding can be directly extracted from interface basis data, encoded in preset component event using the component In matched, corresponding component event with the component encode, therefore, corresponding component event can be found out.

Step 206, the corresponding interface element of the component event is searched；

In one preferred embodiment of the invention, the step 206 can specifically include following sub-step：

Sub-step S61 obtains the corresponding component event code of the component event；

Sub-step S62 searches the associated interface element of component event code.

In specific implementation, it can be equipped with component event code in component event, can also be provided in interface element Identical component event code, to which component event can be associated with interface element by component event code.

After finding out component event, component event code can be got from the information of the component event, using the group Part event code carries out matched and searched to interface element, has the component event code in associated interface element, therefore, can be with Find out the associated interface element of component event code.

Step 207, parsing institute component event code states interface element, generates the interface；

Step 208, preset pattern file is imported, carries out the volume of Style Attributes to the interface using the pattern file Volume.

It in the concrete realization, can be by css（Cascading style sheets, i.e. Cascading Style Sheet）, the technologies such as jquery, with same A set of pattern file constructs a set of style unification, interactive a set of interface system that is flexible, adapting to resource allocation.

The present invention, into edlin, generates the unified interface of pattern by the Style Attributes to the interface, can be automatic right The Style Attributes at interface include color, and alignment thereof etc. increases the adaptation at interface into edlin to the style of unified interface Property, so as to reduce the workload of interface development, while ensureing consistency, the flexibility at interface, patrolled with same set of business It collects code and deacclimatizes different customer requirements, to reduce the complexity of system, the workload of later maintenance is reduced, convenient for being The later maintenance of system extends, and reduces the probability for mistake occur, shortens the development cycle, responds rapidly to customer requirement, promotes user's sense Know.

With reference to Fig. 3, interface basis data and the interface element management of a kind of generation method at interface of the present invention are shown Configuration diagram.

As shown in figure 3, Reference indicates subordinate relation, wherein an interface template may include one or more boundaries Face unit, a boundary element may include one or more interface compositions, and an interface composition may include an interface group Part, moreover, an identical interface assembly may include in one or more interfaces form, an interface assembly may include One or more components event, a component event may include one or more components list FORM, alternatively, one or more Component grid GRID, alternatively, one or more components label TAB, a component event can also include one or more components Event scripts, wherein a component list FORM may include one or more list FORM groupings, a list FORM grouping May include one or more list FORM controls, a list FORM control may include a control type, moreover, identical A control type may include in one or more list FORM controls, a component grid GRID may include one Or multiple grid GRID controls, a grid GRID control may include a control type, moreover, an identical control class Type may include in one or more grid GRID controls, and a labelled component TAB may include one or more label TAB Control.

In the concrete realization, a PTW file can be pre-defined as interface template, the page is laid out, it is unified Administration interface basic data, interface basis data may include boundary element, interface composition, interface assembly；It is one pre-defined JST files organize JavaScript as component event；Configuration interface element in the database, interface element may include group Part list FORM, component grid GRID, labelled component TAB, list FORM controls, grid GRID controls, label TAB controls, control Part type, list FORM groupings and component event scripts, wherein label TAB controls may include container class object, grid GRID Control may include display class object, and list FORM controls may include input class object, such as input frame, choice box, drop-down Frame.

The classification such as container class object, display class object, input class object are abstracted, with object-oriented thinking to container class pair As, display class object, the input modelings such as class object, i.e., input frame, choice box, combobox, TAB pages etc. are uniformly abstracted into component Object is then divided into component list FORM, component grid GRID and labelled component TAB, can be by means of relevant database pair Component object is managed collectively.Container class object, display class object, input class object etc. are packaged, control can be generated Type, can be with the difference between cask flask class object, display class object, input class object；Component object classification is handled, is united One at component, control two major classes, wherein component includes component list FORM, component grid GRID and labelled component TAB, control Including list FORM controls, grid GRID controls and label TAB controls.Can increase income frame by struts, the maturations such as spring Frame develops a set of interface for current database structure and loads engine, completes the United Dispatching to interface element.

Due to the difference of component list FORM, component grid GRID and labelled component TAB types in component object, boundary is generated Processing mode when face also differs.Therefore, illustrate to call with embodiment of the method 3, embodiment of the method 4, embodiment of the method 5 respectively Component list FORM, component grid GRID and labelled component TAB generate the process at interface.

With reference to Fig. 4, a kind of step flow chart of the generation method embodiment 3 at interface of the present invention, interface basis are shown Data include boundary element, and the boundary element is formed with associated interface, and the interface composition has associated interface group Part, the interface basis data are encoded associated with component event by component；Interface element includes component list FORM, described Component list FORM is grouped with associated list FORM, and the list FORM groupings have associated list FORM controls, tool Body may include steps of：

Step 401, preset interface template and component event, the interface template are respectively provided with associated interface basis number According to the interface basis data have associated component event；

Step 402, displaying interface request is obtained, the displaying interface request includes interface identification；

Step 403, the matched interface template of interface identification is searched for the request；

In a particular application, preset interface template UI may include following information：

Description：Interface template UI, that is, user interface, abbreviation interface.One can be referred to and completed barrier between different departments and clear cloth Office and the interface framework realized by program.

Index：primary key on（UI_ID）

Classification storage：Nothing

External key：

Constraint：Cell type does not influence interface customizing itself, will not be according to unit when entering an interface template The judgement of type initial value determines to generate Tab pages of label or OutlookBar, specifically Tab pages of label still OutlookBar is specific part in code.Cell type is used only in interface customizing tool, supports What You See Is What You Get Type customizes.Tab pages of label and OutlookBar only influence the html style sheets finally generated, the linking button of Tab pages of label It is above interface；The linking button of OutlookBar is on the left of interface.

Factory data：Nothing.

Interface template UI specifying informations can be as shown in table 1 below：

Table 1

It should be noted that primary key on can indicate interface basis data and the mark of interface template itself.

Step 404, the corresponding boundary element of the interface template is loaded；

Boundary element UI_UNIT may include following information：

Description：Tab pages of label, the component units such as OutlookBar are defined, i.e., are specifically formed by several Tab pages or several A OutlookBar compositions etc..

Index：primary key on（UI_UNIT_ID）

index on（UI_ID）

Classification storage：Nothing

External key：

Constraint：

Factory data：Nothing.

Boundary element UI_UNIT specifying informations can be as shown in table 2 below：

Table 2

In practical applications, for load engine after obtaining interface identification UI_ID in displaying interface solicited message, foundation should Interface identification UI_ID can search out corresponding boundary element UI_UNIT, to be loaded.Boundary element identifies UI_ Load indexes of the UNIT_ID for the interface basis data interface composition UI_WEBLET of boundary element UI_UNIT next stage, from And next stage interface basis data can be loaded.

It should be noted that index on can indicate the upper level interface basis data of the interface basis data membership, Such as：The index on of boundary element UI_UNIT（UI_ID）Refer to that boundary element UI_UNIT is under the jurisdiction of interface identification UI_ID The interface template UI of reference.

Step 405, the corresponding interface composition of the boundary element is loaded；

It may include following information that interface, which forms UI_WEBLET,：

Description：Definition interfaces are specifically made of which component, for Tab pages of label, OutlookBar type interface frameworks, then Which each boundary element UI_UNIT is defined specifically to be made of interface assembly WEBLET.

Index：primary key on（UI_WEBLET_ID）

index on（UI_ID）

index on（UI_UNIT_ID）

Classification storage：Nothing

External key：

Constraint：Inside each boundary element UI_UNIT, acquiescence is laid out using vertical linearity between interface assembly WEBLET （VLL, Vertical Line Layout）, therefore only need the ordinal relation up and down between definition interfaces component WEBLET.

Factory data：Nothing.

The specifying information that interface forms UI_WEBLET can be as shown in table 3：

Table 3

In specific implementation, factor of the load of interface composition UI_WEBLET dependent on three aspects, is on the one hand interface group At the mark of itself, i.e. interface assembly identifies UI_WEBLET_ID, is on the other hand interface identification UI_ID, identical to distinguish The interface composition UI_WEBLET of interface assembly mark UI_WEBLET_ID is under the jurisdiction of different interface template UI, also on the one hand It is boundary element mark UI_UNIT_ID, the interface that UI_WEBLET_ID is identified to distinguish same interface component forms UI_ WEBLET is under the jurisdiction of different boundary element UI_UNIT.When interface assembly mark UI_WEBLET_ID is matched with interface identification UI_ID When identifying UI_UNIT_ID with boundary element, interface composition UI_WEBLET can be loaded.

Interface forms in UI_WEBLET, and there is component to identify WEBLET_ID, for the next of interface composition UI_WEBLET The load index of grade interface basis data interface module WEBLET, so as to load interface assembly WEBLET.

Step 406, it loads the interface and forms corresponding interface assembly.

Interface assembly WEBLET may include following information：

Description：Under normal circumstances, interface assembly WEBLET can be understood as Web components, can be quoted when definition interfaces show Region class, block grade, field level assembly, each interface assembly WEBLET has relatively complete business meaning rather than field Grade, Element-Level control.Conceptually can be similar to Portlet, Widget, but will not fully comply with and realize in use Portlet specifications（JSR168）, component is named as Weblet so copying.

Index：primary key on（WEBLET_ID）

unique index on（WEBLET_CODE）

Classification storage：Nothing

External key：

Constraint：

Factory data：Nothing, by research staff's sets itself.

The specifying information of interface assembly WEBLET can be as shown in table 4：

Table 4

As a kind of example of concrete application of the embodiment of the present invention, at interface, composition UI_WEBLET finds component mark WEBLET_ID loads the interface assembly WEBLET of corresponding component mark WEBLET_ID.Interface assembly WEBLET has component Encode WEBLET_CODE.

It, can be according to the relevant boundaries displaying interface request of loading interface identification UI_ID when getting displaying interface request Face component WEBLET etc., and interface assembly WEBLET and the associated interface elements of interface assembly WEBLET are cached；Instantly It is primary to obtain displaying interface request, if displaying interface request include be same interface identification UI_ID when, from caching Obtain interface assembly WEBLET and the associated interface elements of interface assembly WEBLET, if displaying interface request include be not Same interface identification UI_ID if cached, directly acquires interface assembly WEBLET, if uncached, inquires The associated interface elements of interface assembly WEBLET.

It should be noted that unique index on expressions can uniquely indicate upper the one of the interface basis data membership Grade interface basis data, for example, interface assembly WEBLET and component event WEBLET_EVENT encodes WEBLET_ by component CODE is associated, and component coding WEBLET_CODE uniquely could must call correct component event WEBLET_EVENT.

Step 407, it is encoded from interface basis extracting data component；

In the present embodiment, have component coding WEBLET_CODE therefore can be from interface in interface assembly WEBLET Component coding WEBLET_CODE is extracted in component WEBLET.

Step 408, using the corresponding component event of the component coding lookup；

Component event WEBLET_EVENT may include following information：

Description：Component event WEBLET_EVENT is passed through to the description of the interface assembly WEBLET events that can be handled Component event WEBLET_EVENT realizes the interaction of user and interface assembly WEBLET.General interface component WEBLET has initially The events such as change, inquiry, submission.Component event WEBLET_EVENT is the core of Element-Level customization, and it is fixed to have run through entire Element-Level Process processed.

Index：primary key on（WEBLET_EVENT_ID）

unique index on（WEBLET_EVENT_CODE）

index on（WEBLET_CODE）

Classification storage：Nothing

External key：

Constraint：

Factory data：Nothing, by research staff's sets itself.

Component event WEBLET_EVENT specifying informations can be as shown in table 5 below：

Table 5

As a kind of example of concrete application of the embodiment of the present invention, load engine encodes WEBLET_ according to incoming component CODE, searches corresponding component event WEBLET_EVENT, init methods in invocation component event（Give tacit consent to first method）, permit Perhaps developer defines the processing class and value object class of oneself.There is component event code in component event WEBLET_EVENT WEBLET_EVENT_CODE。

It should be noted that component event WEBLET_EVENT can also include component event scripts WEBLET_EVENT_ JS, component event scripts WEBLET_EVENT_JS may include following information：

Description：Component event scripts WEBLET_EVENT_JS files are to component event WEBLET_EVENT processing JavaScript file.JavaScript file is associated with component event WEBLET_EVENT just for the sake of making JavaScript file is simpler and clear.One component event WEBLET_EVENT may have one or more JavaScript file, an identical JavaScript file can also be used in conjunction with by multiple component events.In order to avoid The repetition of JavaScript file loads, it is not recommended that all by the component event scripts WEBLET_EVENT_JS files of different function It is placed in a JavaScript file, in load, system is difficult to know whether it is identical JavaScript file in this way, It can not be excluded.

Index：primary key on（WEBLET_EVENT_JS_ID）

index on（WEBLET_EVENT_CODE）

Classification storage：Nothing

External key：Nothing

Constraint：JavaScript file must be with jst as file suffixes, and JavaScript engine is loading When JavaScript file, situations such as being loaded to the repetition of JavaScript, is handled, and is ensured same in the same interface A JavaScript file can only load once.

Factory data：Nothing, by research staff's sets itself.

Component event scripts WEBLET_EVENT_JS specifying informations are as shown in table 6 below：

Table 6

Step 409, the corresponding component event code of the component event is obtained；

In embodiments of the present invention, there is component event code WEBLET_EVENT_ in component event WEBLET_EVENT CODE, finding component event WEBLET_EVENT can securing component event code WEBLET_EVENT_CODE.Pass through component Event code WEBLET_EVENT_CODE is associated with interface element by component event WEBLET_EVENT.

Step 410, the component list FORM with the component event code is searched；

Component list FORM WEBLET_FORM may include following information：

Description：Component list FORM WEBLET_FORM are one of component composition units, are mainly used for realizing and common Effect similar list Form in Web page.Difference essentially consists in, and component list FORM is with html table Table As bottom sieve frame, customization is realized by merging to ranks, the recording text in component list FORM WEBLET_FORM is needed to arrange It is wide, often row maximum number of column, whether to information such as control groupings.

Index：primary key on（WEBLET_FORM_ID）

index on（WEBLET_EVENT_CODE）

Classification storage：Nothing

External key：Nothing

Constraint：Nothing

Factory data：Nothing, by research staff's sets itself.

Component list FORM WEBLET_FORM specifying informations can be as shown in table 7 below：

Table 7

In a particular application, component event WEBLET_ is inquired according to component event code WEBLET_EVENT_CODE The corresponding return assembly objects of EVENT, in the present embodiment, return assembly object may include component list FORM WEBLET_ There is FORM, component list FORM WEBLET_FORM component list FORM to identify WEBLET_FORM_ID.

Step 411, the corresponding list FORM groupings of the component list FORM are searched；

List FORM groupings FORM_GROUP may include following information：

Description：List FORM grouping FORM_GROUP are for putting the groups elements in an interface assembly WEBLET. To a component list FORM WEBLET_FORM, if list FORM controls FORM_COMPONENT therein is very more, entirely Portion is placed directly in together can be more in disorder, it will usually which the list FORM controls FORM_COMPONENT of same nature is placed on one It rises, the concept that list FORM is grouped FORM_GROUP is introduced in order to adapt to such demand.

Index：primary key on（FORM_GROUP_ID）

index on（WEBLET_FORM_ID）

Classification storage：Nothing

External key：Nothing

Constraint：Nothing

Factory data：Nothing, by research staff's sets itself.

List FORM grouping FORM_GROUP specifying informations can be as shown in table 8 below：

Table 8

In practical applications, list FORM packet identifications FORM_GROUP_ID can be applied to list FORM controls FORM_ When COMPONENT is relatively more, corresponding list FORM is found when identifying WEBLET_FORM_ID according to component list FORM When being grouped FORM_GROUP, corresponding list FORM packet identifications FORM_GROUP_ID can be obtained.

Step 412, it searches the component list FORM and list FORM is grouped corresponding list FORM controls；

List FORM controls FORM_COMPONENT may include following information：

Description：List FORM controls FORM_COMPONENT is similar to the element in common WEB page one by one, will " label+input frame " regards a list FORM control FORM_COMPONENT together, and this point is different.Button does not have area Not, a button is exactly a list FORM controls FORM_COMPONENT.

Index：primary key on（FORM_COMPONENT_ID）

index on（WEBLET_FORM_ID,FORM_GROUP_ID）

Classification storage：Nothing

External key：Nothing

Constraint：Nothing

Occupy line number（ROW_SPAN）, occupy columns（COL_SPAN）All it is with list FORM controls FORM_COMPONENT For unit.

Factory data：Nothing, by research staff's sets itself.

List FORM control FORM_COMPONENT specifying informations are as shown in table 9 below：

Table 9

In a particular application, according to list FORM packet identifications FORM_GROUP_ID and component list FORM marks WEBLET_FORM_ID inquires list FORM control FORM_COMPONENT, and list FORM controls FORM_COMPONENT has Control type identifies COMPONENT_TYPE_ID.Each list of circular treatment FORM is grouped FORM_GROUP, until inquiring The list FORM controls FORM_COMPONENT that all list FORM groupings FORM_GROUP include.

Step 413, the list FORM controls are called, the control type of the list FORM controls is obtained；

Control type COMPONENT_TYPE may include following information：

Description：Control type COMPONENT_TYPE is according to actual needs, to give on the basis of project for many years accumulates Refinement forms a set of universal tag library using various scenes, the tag library that similar Struts itself is provided.

Index：primary key on（COMPONENT_TYPE_ID）

Classification storage：Nothing

External key：Nothing

Constraint：Nothing

Factory data：Have, is uniformly provided by researching and developing and be impermissible for live modification.

Control type COMPONENT_TYPE specifying informations can be as shown in the following table 10：

Table 10

In the concrete realization, list FORM controls FORM_ is called according to control type mark COMPONENT_TYPE_ID The corresponding control type COMPONENT_TYPE of COMPONENT.

Step 414, the control type is parsed, the interface is generated.

In useful application, control type COMPONENT_TYPE goes here and there with corresponding html, parses control type COMPONENT_TYPE exports corresponding html strings, when having parsed all control type COMPONENT_TYPE, will own Html string be stitched together to form the complete html pages.

Step 415, preset pattern file is imported, carries out the volume of Style Attributes to the interface using the pattern file Volume.

The present invention to component list FORM by searching corresponding interface element, to constitute different components, so that it is defeated Go out the interface of needs, component can be multiplexed into arbitrary interface, the repetition establishment of same code section be avoided, so as to subtract The workload of few interface development is deacclimatized not while ensureing consistency, the flexibility at interface with same set of business logic codes Same customer requirement reduces the workload of later maintenance to reduce the complexity of system, expands convenient for the later maintenance of system Exhibition reduces the probability for mistake occur, shortens the development cycle, responds rapidly to customer requirement, promotes user's perception.

With reference to Fig. 5, a kind of step flow chart of the generation method embodiment 4 at interface of the present invention, interface basis are shown Data include boundary element, and the boundary element is formed with associated interface, and the interface composition has associated interface group Part, the interface basis data are encoded associated with component event by component；Interface element includes component grid GRID, described Component grid GRID has associated grid GRID controls, can specifically include following steps：

Step 501, preset interface template and component event, the interface template are respectively provided with associated interface basis number According to the interface basis data have associated component event；

Step 502, displaying interface request is obtained, the displaying interface request includes interface identification；

Step 503, the matched interface template of interface identification is searched for the request；

Step 504, the corresponding boundary element of the interface template is loaded；

Step 505, the corresponding interface composition of the boundary element is loaded；

Step 506, it loads the interface and forms corresponding interface assembly；

Step 507, it is encoded from interface basis extracting data component；

Step 508, using the corresponding component event of the component coding lookup；

Step 509, the corresponding component event code of the component event is obtained；

Step 510, the component grid GRID with the component event code is searched；

Component grid GRID WEBLET_GRID may include following information：

Description：Component grid GRID WEBLET_GRID are a composition units of interface assembly WEBLET, are realized similar The effect of table list Table in common Web page.Define the presentation of grid GRID dynamics, the Global Information that assignment needs, such as The mark id of table list Table in HTML.

Index：primary key on（WEBLET_GRID_ID）

index on（WEBLET_EVENT_ID）

Classification storage：Nothing

External key：Nothing

Constraint：Nothing

Factory data：Nothing, by research staff's sets itself.

Component grid GRID WEBLET_GRID specifying informations can be as shown in table 11 below：

Table 11

In a particular application, component event WEBLET_ is inquired according to component event code WEBLET_EVENT_CODE The corresponding return assembly objects of EVENT, in the present embodiment, return assembly object may include component grid GRID WEBLET_ There is component grid GRID to identify WEBLET_GRID_ID by GRID, component grid GRIDWEBLET_GRID.

Step 511, the corresponding grid GRID controls of the component grid GRID are searched；

Grid GRID controls GRID_COL may include following information：

Description：Grid GRID controls GRID_COL similar to generic web page table controls column information, in order to dynamically show this A row need to define the displaying information of each row herein.

Index：primary key on（GRID_COL_ID）

index on（WEBLET_GRID_ID）

Classification storage：Nothing

External key：Nothing

Constraint：Nothing

Factory data：Nothing, by research staff's sets itself.

Grid GRID control GRID_COL specifying informations can be as shown in table 12 below：

Table 12

In specific implementation, grid GRID controls are inquired according to component grid GRID marks WEBLET_GRID_ID There is control type to identify COMPONENT_TYPE_ID by GRID_COL, grid GRID controls GRID_COL.Circular treatment each Component grid GRIDWEBLET_GRID, until inquiring all grid GRID controls GRID_COL.

Step 512, the grid GRID controls are called, the control type of the grid GRID controls is obtained；

Step 513, the control type is parsed, the interface is generated.

Step 514, preset pattern file is imported, carries out the volume of Style Attributes to the interface using the pattern file Volume.

It is in place of the present embodiment and the difference of above method embodiment 2, the present embodiment is directed to component grid GRID The processing mode of WEBLET_GRID is different from component list FORM WEBLET_FORM, component grid GRID WEBLET_GRID It need not be grouped, therefore, the processing mode of component grid GRID WEBLET_GRID can not need inquiry packets information.

The present invention to component grid GRID by searching corresponding interface element, to constitute different components, so that it is defeated Go out the interface of needs, component can be multiplexed into arbitrary interface, the repetition establishment of same code section be avoided, so as to subtract The workload of few interface development is deacclimatized not while ensureing consistency, the flexibility at interface with same set of business logic codes Same customer requirement reduces the workload of later maintenance to reduce the complexity of system, expands convenient for the later maintenance of system Exhibition reduces the probability for mistake occur, shortens the development cycle, responds rapidly to customer requirement, promotes user's perception.

With reference to Fig. 6, a kind of step flow chart of the generation method embodiment 5 at interface of the present invention, interface basis are shown Data include boundary element, and the boundary element is formed with associated interface, and the interface composition has associated interface group Part, the interface basis data are encoded associated with component event by component；Interface element includes labelled component TAB, described Labelled component TAB has associated label TAB controls, can specifically include following steps：

Step 601, preset interface template and component event, the interface template are respectively provided with associated interface basis number According to the interface basis data have associated component event；

Step 602, displaying interface request is obtained, the displaying interface request includes interface identification；

Step 603, the matched interface template of interface identification is searched for the request；

Step 604, the corresponding boundary element of the interface template is loaded；

Step 605, the corresponding interface composition of the boundary element is loaded；

Step 606, it loads the interface and forms corresponding interface assembly；

Step 607, it is encoded from interface basis extracting data component；

Step 608, using the corresponding component event of the component coding lookup；

Step 609, the corresponding component event code of the component event is obtained；

Step 610, the labelled component TAB with the component event code is searched；

Labelled component TAB WEBLET_TAB may include following information：

Description：Labelled component TAB WEBLET_TAB are the same as component list FORM WEBLET_FORM, component grid GRID WEBLET_GRID is the same and a composition unit of interface assembly WEBLET, is mainly used for the more interface assembly of element WEBLET realizes the displaying of paging label.Different from the requirement at interface, label TAB controls are to perceive mutually, share identical look into It askes setting, submit together, can also mutually take the information of other assemblies label TAB, it is contemplated that have in set-off project many similar Usage scenario determines to support this type.

Index：primary key on（WEBLET_TAB_ID）

index on（WEBLET_EVENT_CODE）

Classification storage：Nothing

External key：Nothing

Constraint：Nothing

Factory data：Nothing, by research staff's sets itself.

Labelled component TAB WEBLET_TAB specifying informations are as shown in table 13 below：

Table 13

In a particular application, component event WEBLET_ is inquired according to component event code WEBLET_EVENT_CODE The corresponding return assembly objects of EVENT, in the present embodiment, return assembly object may include labelled component TAB WEBLET_ There is labelled component TAB to identify WEBLET_TAB_ID by TAB, labelled component TABWEBLET_TAB.

Step 611, the corresponding label TAB controls of the labelled component TAB are searched；

Label TAB controls TAB_COMPONENT may include following information：

Description：Label TAB controls TAB_COMPONENT is the control description information of labelled component TABWEBLET_TAB.

Index：primary key on（TAB_COMPONENT_ID）

index on（WEBLET_TAB_ID）

Classification storage：Nothing

External key：Nothing

Constraint：Nothing

Factory data：Nothing, by research staff's sets itself.

Table 14

In specific implementation, according to labelled component TAB mark WEBLET_TAB_ID inquiry outgoing label TAB controls TAB_ There is control type to identify COMPONENT_TYPE_ID by COMPONENT, label TAB controls TAB_COMPONENT.Circular treatment Each labelled component TAB WEBLET_TAB, until inquiring all label TAB controls TAB_COMPONENT.

Step 612, the label TAB controls are parsed, the interface is generated.

In practical applications, label TAB controls TAB_COMPONENT does not need control type COMPONENT_TYPE Parsing, generates the interface.

Step 613, preset pattern file is imported, carries out the volume of Style Attributes to the interface using the pattern file Volume.

The present embodiment is that the present embodiment is directed to component with above method embodiment 2, the difference place of embodiment of the method 3 The processing mode of label TAB WEBLET_TAB and component list FORM WEBLET_FORM, component grid GRID WEBLET_ GRID is different from, and compared with component list FORM WEBLET_FORM, labelled component TAB WEBLET_TAB need not be carried out Grouping, does not need control type yet；Compared with component grid GRID WEBLET_GRID, labelled component TAB WEBLET_TAB are not Need control type.Therefore, for the processing mode of labelled component TAB WEBLET_TAB, label TAB controls TAB_ is inquired COMPONENT, which can be parsed, generates interface.

The present invention to constitute different components, and then is exported by searching corresponding interface element to labelled component TAB The interface needed, component can be multiplexed into arbitrary interface, the repetition establishment of same code section be avoided, so as to reduce While ensureing consistency, the flexibility at interface, difference is deacclimatized with same set of business logic codes for the workload of interface development Customer requirement reduce the workload of later maintenance to reduce the complexity of system, convenient for system later maintenance expand Exhibition reduces the probability for mistake occur, shortens the development cycle, responds rapidly to customer requirement, promotes user's perception.

It would have readily occurred to a person skilled in the art that be：5 arbitrary combination application of above-described embodiment 3- embodiments is all feasible , therefore the arbitrary combination between above-described embodiment 3- embodiments 5 is all embodiment of the present invention, but as space is limited, This specification does not just detail one by one herein.

The core idea of the embodiment of the present invention can be applied to it is all it is multi-environment under, for example, in telecommunication service one with number The interface of code, in A version needs to show physical number, and in B version needs to show logical number, then the version on the ground A Database configures physical number, B edition data library configure logical number, without in JSP page, for A version Physical number is encoded, for B version codimg logic number.

It should be noted that for embodiment of the method, for simple description, therefore it is all expressed as a series of action group It closes, but those skilled in the art should understand that, the embodiment of the present invention is not limited by the described action sequence, because according to According to the embodiment of the present invention, certain steps can be performed in other orders or simultaneously.Secondly, those skilled in the art also should Know, embodiment described in this description belongs to preferred embodiment, and the involved action not necessarily present invention is implemented Necessary to example.

With reference to Fig. 7, show a kind of structure diagram of the generation system embodiment at interface of the present invention, can specifically include as Lower module：

Interface template and component event preset module 701 are used for preset interface template and component event, the interface template Associated interface basis data are respectively provided with, the interface basis data have associated component event；

Displaying interface acquisition request module 702, for obtaining displaying interface request, the displaying interface request includes boundary Face identifies；

Interface template searching module 703, for searching the matched interface template of interface identification for the request；

Interface basis data load-on module 704, for loading the associated interface basis data of the matched interface template；

Component event searching module 705, for searching the corresponding component event of the interface basis data；

Interface element searching module 706, for searching the corresponding interface element of the component event；

Interface generation module 707 generates the interface for parsing the interface element.

In a kind of preferable example of the present invention, the system can also include：

In a kind of preferable example of the present invention, the interface basis data are encoded related to component event by component Connection；

The component event searching module 705 may include following submodule：

The interface element searching module includes：

In a kind of preferable example of the present invention, the interface basis data include boundary element, the boundary element tool Related interface composition, the interface composition have associated interface assembly, and the interface basis data load-on module 704 can To include following submodule：

In a kind of preferable example of the present invention, the interface element includes component list FORM, the component list FORM is grouped with associated list FORM, and the list FORM groupings have associated list FORM controls,

The interface element searches submodule：

The interface generation module 707 may include following submodule：

In a kind of preferable example of the present invention, the interface element includes component grid GRID, the component grid GRID has associated grid GRID controls,

It may include following submodule that the interface element, which searches submodule,：

The interface generation module 707 may include following submodule：

In a kind of preferable example of the present invention, the interface element includes labelled component TAB, label TAB controls, described Labelled component TAB has associated label TAB controls

The interface generation module 707 may include following submodule：

For system embodiments, since it is basically similar to the method embodiment, so fairly simple, the correlation of description Place illustrates referring to the part of embodiment of the method.

Each embodiment in this specification is described in a progressive manner, the highlights of each of the examples are with The difference of other embodiment, the same or similar parts between the embodiments can be referred to each other.

It should be understood by those skilled in the art that, the embodiment of the embodiment of the present invention can be provided as method, apparatus or calculate Machine program product.Therefore, the embodiment of the present invention can be used complete hardware embodiment, complete software embodiment or combine software and The form of the embodiment of hardware aspect.Moreover, the embodiment of the present invention can be used one or more wherein include computer can With the computer-usable storage medium of program code（Including but not limited to magnetic disk storage, CD-ROM, optical memory etc.）On The form of the computer program product of implementation.

The embodiment of the present invention be with reference to according to the method for the embodiment of the present invention, terminal device（System）And computer program The flowchart and/or the block diagram of product describes.It should be understood that flowchart and/or the block diagram can be realized by computer program instructions In each flow and/or block and flowchart and/or the block diagram in flow and/or box combination.These can be provided Computer program instructions are set to all-purpose computer, special purpose computer, Embedded Processor or other programmable data processing terminals Standby processor is to generate a machine so that is held by the processor of computer or other programmable data processing terminal equipments Capable instruction generates for realizing in one flow of flow chart or multiple flows and/or one box of block diagram or multiple boxes The device of specified function.

These computer program instructions, which may also be stored in, can guide computer or other programmable data processing terminal equipments In computer-readable memory operate in a specific manner so that instruction stored in the computer readable memory generates packet The manufacture of command device is included, which realizes in one flow of flow chart or multiple flows and/or one side of block diagram The function of being specified in frame or multiple boxes.

These computer program instructions can be also loaded into computer or other programmable data processing terminal equipments so that Series of operation steps are executed on computer or other programmable terminal equipments to generate computer implemented processing, thus The instruction executed on computer or other programmable terminal equipments is provided for realizing in one flow of flow chart or multiple flows And/or in one box of block diagram or multiple boxes specify function the step of.

Although the preferred embodiment of the embodiment of the present invention has been described, once a person skilled in the art knows bases This creative concept, then additional changes and modifications can be made to these embodiments.So the following claims are intended to be interpreted as Including preferred embodiment and fall into all change and modification of range of embodiment of the invention.

Finally, it is to be noted that, herein, relational terms such as first and second and the like be used merely to by One entity or operation are distinguished with another entity or operation, without necessarily requiring or implying these entities or operation Between there are any actual relationship or orders.Moreover, the terms "include", "comprise" or its any other variant meaning Covering non-exclusive inclusion, so that process, method, article or terminal device including a series of elements not only wrap Those elements are included, but also include other elements that are not explicitly listed, or further include for this process, method, article Or the element that terminal device is intrinsic.In the absence of more restrictions, being wanted by what sentence "including a ..." limited Element, it is not excluded that there is also other identical elements in process, method, article or the terminal device including the element.

Above to a kind of generation method and system at interface provided by the present invention, it is described in detail, answers herein With specific case, principle and implementation of the present invention are described, and the explanation of above example is only intended to help to manage Solve the method and its core concept of the present invention；Meanwhile for those of ordinary skill in the art, according to the thought of the present invention, There will be changes in specific implementation mode and application range, in conclusion the content of the present specification should not be construed as to this hair Bright limitation.

Claims

1. a kind of generation method at interface, which is characterized in that including：

Preset interface template and component event, the interface template are respectively provided with associated interface basis data, the interface base Plinth data have associated component event；

Load the associated interface basis data of the matched interface template；

Search the corresponding component event of the interface basis data；

Search the corresponding interface element of the component event；

The interface element is parsed, the interface is generated；

Wherein, the interface basis data are encoded associated with component event by component；

It is encoded from interface basis extracting data component；

Using the corresponding component event of the component coding lookup；

Obtain the corresponding component event code of the component event；

Search the associated interface element of component event code.

2. according to the method described in claim 1, it is characterized in that, further including：

3. method according to claim 1 or 2, which is characterized in that the interface basis data include boundary element, described Boundary element is formed with associated interface, and the interface composition has associated interface assembly, the load described matched The step of interface template associated interface basis data includes：

Load the corresponding boundary element of the interface template；

Load the corresponding interface composition of the boundary element；

It loads the interface and forms corresponding interface assembly.

4. according to the method described in claim 1, it is characterized in that, the interface element includes component list FORM, described group Part list FORM is grouped with associated list FORM, and the list FORM groupings have associated list FORM controls, described The sub-step for searching the associated interface element of component event code includes：

Search the component list FORM with the component event code；

Search the corresponding list FORM groupings of the component list FORM；

The parsing interface element, the step of generating the interface include：

The control type is parsed, the interface is generated.

5. according to the method described in claim 1, it is characterized in that, the interface element includes component grid GRID, described group Part grid GRID has associated grid GRID controls,

Search the component grid GRID with the component event code；

Search the corresponding grid GRID controls of the component grid GRID；

The parsing interface element, the step of generating the interface include：

The control type is parsed, the interface is generated.

6. according to the method described in claim 1, it is characterized in that, the interface element includes labelled component TAB, the component Label TAB has associated label TAB controls,

Search the labelled component TAB with the component event code；

Search the corresponding label TAB controls of the labelled component TAB；

The parsing interface element, the step of generating the interface include：

The label TAB controls are parsed, the interface is generated.

7. a kind of generation system at interface, which is characterized in that including：

Interface template and component event preset module, are used for preset interface template and component event, and the interface template has respectively Related interface basis data, the interface basis data have associated component event；

Displaying interface acquisition request module, for obtaining displaying interface request, the displaying interface request includes interface identification；

Interface generation module generates the interface for parsing the interface element；

The component event searching module includes：

The interface element searching module includes：

8. system according to claim 7, which is characterized in that the system also includes：

Style Attributes editor module carries out sample using the pattern file for importing preset pattern file to the interface The editor of formula attribute.