CN101699394A - Method and device for automatically generating user interface - Google Patents
Method and device for automatically generating user interface Download PDFInfo
- Publication number
- CN101699394A CN101699394A CN200910110270A CN200910110270A CN101699394A CN 101699394 A CN101699394 A CN 101699394A CN 200910110270 A CN200910110270 A CN 200910110270A CN 200910110270 A CN200910110270 A CN 200910110270A CN 101699394 A CN101699394 A CN 101699394A
- Authority
- CN
- China
- Prior art keywords
- parameter
- placement model
- interface
- model
- interface element
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a method for automatically generating user interface, comprising: obtaining the dereference of a layout model parameter, and building a layout model; building the mapping relationship between a service requirement field name input by a user and an interface element type to be stored into a requirement model; according to the layout model, the prestored interface element and a program developing language mapping table, reading in the mapping relationship between a service requirement field name in the requirement model and the interface element type; and automatically generating the user interface. The embodiment of the invention can reduce workload, ensure the unified style of the interface, make the interface beautiful and bring convenience for users to use.
Description
Technical field
The present invention relates to the business treatment technique field, particularly relate to a kind of method and device of automatic generation user interface.
Background technology
In software development work, making up user interface is an important content.User interface is software the most direct user oriented and maximum software ingredient of user interactions in being employed process.Generally, user interface is made up of a large amount of interface elements.Described interface element generally includes input frame, drop-down list box, check box etc.
The process that makes up user interface is exactly according to business demand, selects suitable interface element, be placed in the design interface one by one, and carry out corresponding size, in proper order, the adjustment process of position.
The inventor is by discovering prior art, traditional user interface is all developed by the programmer is manual, need the programmer to be provided with one by one and select each interface element, artificial definite each interface element residing position on user interface, and the size of each interface element of manual setting, in proper order, character such as alignment, therefore, the whole interface performance history needs bigger workload.Particularly for the exploitation of large software and complex software, same software often needs a plurality of hundreds and thousands of programmers even to finish jointly, and each interface all is to be developed by hand by a programmer.Because the difference of each programmer's individual preference and custom etc., the interface that causes distinct program person to develop is difficult to form same style, is unfavorable for the attractive in appearance of interface, influences user's use.
Summary of the invention
In view of this, the object of the present invention is to provide a kind of method and device of automatic generation user interface, can reduce workload, and guarantee that look ﹠ feel is unified, strengthen the interface attractive in appearance, be user-friendly to.
For achieving the above object, the invention provides following scheme: a kind of method of automatic generation user interface, described method comprises:
Obtain the value of placement model's parameter, be kept in the placement model;
Set up the business demand field name of user's input and the mapping relations between the interface element type, be kept in the demand model;
According to described placement model and the interface element and the program development language mapping table that prestore, read in the mapping relations between field name of business demand described in the demand model and the interface element type, generate user interface.
Preferably, the described value of obtaining placement model's parameter is specially:
Receive the value of the described placement model parameter of user's input.
Preferably, before the value of the described placement model parameter that described reception user imports, also comprise:
Represent placement model's parameter value inputting interface and give the user.
Preferably, the described value of obtaining placement model's parameter is specially:
Call the value of the placement model's parameter that prestores.
Preferably, before the described value of calling the placement model's parameter that prestores, also comprise:
Be placement model's parameter assignment in advance, and be kept in the database.
Preferably, describedly read in the mapping relations between field name of business demand described in the demand model and the interface element type, generate user interface automatically and be specially according to described placement model and the interface element and the program development language mapping table that prestore:
Obtain the window interfaces parameter in the described placement model,, generate the forms script according to described interface element and program development language mapping table;
Obtain each business demand field name and interface element corresponding type in the described demand model,, generate the gauge outfit script corresponding with each business demand field name according to described interface element and program development language mapping table;
The gauge outfit script that merges described forms script and each business demand field name correspondence is the interface script file;
Carry out described interface script file, generate user interface.
Preferably, described placement model parameter comprises: window interfaces parameter, initial position parameters, layout style parameter and interface element parameter.
Preferably, described initial position parameters comprises: initial left side distance, initial top margin; Described layout style parameter is specially every ranks number, column pitch, line space; Described interface element parameter is specially control height, control width, tag width.
Preferably, comprise also in the described placement model that implicit parameter comprises: left side distance and top margin; Wherein,
The left side apart from the=initial left side apart from+get surplus (the every ranks number of N/) * (tag width+control width+column pitch)
Top margin=initial top margin+(the every ranks number of N/) * (control height+line space) rounds up.
The present invention also provides a kind of device of automatic generation user interface, and described device comprises:
Placement model sets up the unit, is used to obtain the value of placement model's parameter, sets up placement model;
Demand model is set up the unit, is used to set up the business demand field name of user's input and the mapping relations between the interface element type, is kept in the demand model;
The user interface generation unit is used for reading in the mapping relations between field name of business demand described in the demand model and the interface element type according to described placement model and the interface element and the program development language mapping table that prestore, generates user interface automatically.
Preferably, described placement model sets up the unit and comprises:
Value receives subelement, is used to receive the value of the described placement model parameter of user's input;
The first modeling subelement is used for setting up placement model according to the value of described placement model parameter.
Preferably, described placement model sets up the unit and also comprises:
Value displaying interface subelement is used to represent placement model's parameter value inputting interface and gives the user.
Preferably, described placement model sets up the unit and comprises:
Value is called subelement, is used to call the value of the placement model's parameter that prestores;
The second modeling subelement is used for setting up placement model according to the value of described placement model parameter.
Preferably, described placement model sets up the unit and also comprises:
Parameter assignment subelement is used for being in advance placement model's parameter assignment, and is kept in the database.
Preferably, described user interface generation unit comprises:
The forms script is produced subelement, is used for reading the window interfaces parameter of described placement model, in conjunction with described interface element and program development language mapping table, generates the forms script;
The gauge outfit script generates subelement, be used for reading each business demand field name of described demand model and interface element corresponding type, according to described interface element and program development language mapping table, generate the gauge outfit script corresponding with each business demand field name;
Merge subelement, the gauge outfit script that is used to merge described forms script and each business demand field name correspondence is the interface script file;
Carry out subelement, be used to carry out described interface script file, generate user interface.
According to specific embodiment provided by the invention, the invention discloses following technique effect:
Described method of the embodiment of the invention and device, by to describing placement model's improve parameter unification assignment of user interface layout mode, interface pattern, the style that guarantees to generate the interface is same, strengthens the attractive in appearance of interface; Simultaneously, system preserves interface element and program development language mapping table in advance, by receiving the business demand field name and the interface element type of user's input, directly call described mapping table and each parameter value that is stored in the placement model, automatically generate user interface, be provided with one by one with user in the prior art and select each interface element to compare, the embodiment of the invention can reduce amount of user effort, be user-friendly to, strengthen user experience.
Description of drawings
Fig. 1 is the method flow diagram of the automatic generation user interface of the embodiment of the invention;
Fig. 2 is that placement model's parameter inputting interface of the embodiment of the invention represents figure;
Fig. 3 is that the business demand inputting interface of the embodiment of the invention represents figure;
Fig. 4 is that the user interface of the embodiment of the invention represents figure;
Fig. 5 is the structure drawing of device of the automatic generation user interface of the embodiment of the invention;
Fig. 6 sets up the unit first embodiment structural drawing for the placement model of the embodiment of the invention;
Fig. 7 sets up the unit second embodiment structural drawing for the placement model of the embodiment of the invention;
Fig. 8 is the user interface generation unit structural drawing of the embodiment of the invention.
Embodiment
The object of the present invention is to provide a kind of method and device of automatic generation user interface, can reduce workload, and guarantee that look ﹠ feel is unified, strengthen the interface attractive in appearance, be user-friendly to.
For above-mentioned purpose of the present invention, feature and advantage can be become apparent more, the present invention is further detailed explanation below in conjunction with the drawings and specific embodiments.
Referring to Fig. 1, the method for the automatic generation user interface that the embodiment of the invention provides may further comprise the steps:
Step S10: obtain the value of placement model's parameter, set up the placement model of user interface;
System obtains the value that generates the required placement model's parameter of user interface, sets up the placement model of user interface.
Wherein, described placement model is used to describe layout type, the interface pattern of described user interface, for example, and the height of control and width etc. on the window scheme of described user interface, the height of described window and width, the interface.Described placement model is determining to represent layout and the style to user's user interface.
What deserves to be explained is that in the embodiment of the invention, described placement model comprises several parameters.Concrete, described placement model parameter can be divided into: window interfaces parameter, initial position parameters, layout style parameter and interface element parameter.Wherein, described window interfaces parameter is used to describe the integral form that represents to user's window interfaces, for example window scheme, forms width, forms height etc.; Described initial position parameters is used for determining the initial position of each interface element distribution on the described user interface, for example initial left side distance, initial rightmargin etc.; Described layout style parameter is used to describe the position distribution of each interface element on the described user interface, for example every ranks number, column pitch, line space etc.; Described interface element parameter is used to describe the form that described interface element represents, for example control height, control width, tag width etc.
Concrete, described placement model can but be not limited to form by parameter listed in the table 1.In actual applications, described placement model parameter can be got all or part of in the table 1.
Table 1: placement model's parameter list of user interface
| Parameter | Type | Parameter declaration |
| Window scheme | Enumerate | The window display mode comprises professional interface, Modeless Dialog etc., optional parameter |
| The forms width | Positive integer | The width of forms (pixel), optional parameter |
| The forms height | Positive integer | The height of forms (pixel), optional parameter |
| Initial left side distance | Positive integer | The distance of first interface element From Left (pixel) on the forms, optional parameter |
| Initial top margin | Positive integer | First interface element is apart from the distance (pixel) of top, optional parameter on the forms |
| Every ranks number | Positive integer | The control number that every row shows |
| The control width | Positive integer | The width of control, optional parameter |
| The control height | Positive integer | The height of control, optional parameter |
| Tag width | Positive integer | The tag width of control effect is described, optional parameter |
| Column pitch | Positive integer | Spacing between the row, optional parameter |
| Line space | Positive integer | Spacing between the row, optional parameter |
System gives fixed numbers for each parameter in the described placement model by obtaining the value of described placement model parameter, and the feasible user interface that generates has same style, is beneficial to the neat appearance at interface.
What deserves to be explained is, in the embodiment of the invention, can obtain the value of described placement model parameter in several ways.
Embodiment one: system can provide placement model's parameter value inputting interface and represent to the user, receives the value of user by placement model's parameter of described interface input.
Described placement model parameter inputting interface can be as shown in Figure 2, and system represents the placement model's parameter that need carry out assignment to the user among Fig. 2, and be each placement model's parameter configuration value input frame, so that receive the value of each placement model's parameter of user's input.
Further, system can be a plurality of values of some placement model's parameter setting in advance, is that the drop-down choice box of this placement model's parameter configuration selects for the user, and and then receives some values of the described placement model parameter that the user selects.
, be that example describes still with placement model's parameter " every ranks number " referring to shown in Figure 2.At first, system preestablishes the possible value of described placement model parameter " every ranks number " according to the custom of user interface layout design in the past, is assumed to be 1,2,3 ... 12.For " every ranks number " disposes drop-down choice box, so that the user can select arbitrarily between 1 to 12.When system need obtain the value of placement model's parameter, system received certain value that the user chooses in described drop-down choice box, and for example 3, and with its value as described placement model parameter " every ranks number ".
Embodiment two: system is each placement model's parameter assignment in advance, and is kept in the database, and when needs generated user interface, system accessed the value of each placement model's parameter from database.
Preferably, system can preserve the assignment of described placement model parameter by the form of data form.Described data form can be as shown in table 2.
Table 2: placement model's parameter assignment storage list
| Parameter | Parameter value |
| Window scheme | Professional interface |
| The forms width | ??600 |
| The forms height | ??400 |
| Initial left side distance | ??5 |
| Initial top margin | ??5 |
| Every ranks number | ??2 |
| The control height | ??19 |
| The control width | ??170 |
| Tag width | ??100 |
| Column pitch | ??50 |
| Line space | ??20 |
Step S20: system receives the described business demand field name and the interface element type of user's input, sets up the mapping relations between the two, is kept in the demand model.
What deserves to be explained is that described demand model is used to describe needs the business demand that represents on the user interface, be specially the mapping relations between described business demand field name and the interface element type.Wherein, described business demand field name is the field name of the business demand that the user need represent, for example O/No., document types, document status etc. on described user interface; And interface element is meant that the user wishes the concrete form that the particular content of described business demand represents on user interface, for example the content of described O/No. with the form of edit box represent, the content of described document types represents etc. with the form of drop-down choice box.
Concrete, described interface element type is generally the control type, can but be not limited to: edit box, combobox, integer frame, floating number frame, check box, text filed, date selector switch etc.; The field name of described business demand generally can be presented at before the control of described interface element with label form, and described interface element is described.
Wherein, the field name of described business demand and interface element type are one to one, in case after system received the field name and interface element type of certain business demand of user input, this business demand field name interface element corresponding type was changeless.Unless the user re-enters the field name and the interface element type of this business demand, and regenerates user interface.Thus, guaranteed that the user interface that present embodiment generates has same style.
What deserves to be explained is that for different program development language, the control type of expression interface element may be different.
Preferably, system can provide a business demand inputting interface to represent to the user, in order to the field name and the interface element type of the business demand that receives user's input.Its concrete form can but be not limited to as shown in Figure 3.Among Fig. 3, described business demand inputting interface represents to the user with form, and what control field name, this business demand of incoming traffic demand use show (being the type of this business demand interface element corresponding) respectively to need the user.
As shown in Figure 3, system receives after each business demand field name and interface element type that the user imports in described business demand interface, set up the mapping relations between the two, for example O/No. corresponding to drop-down choice box etc., generates demand model corresponding to edit box, document types.
Preferably, when business demand interface element corresponding type was drop-down choice box, system can further receive the default value of the described business demand of user's input.As shown in Figure 3, be that example describes with the document types.System receive user input business demand " document types ", with and interface element corresponding be " drop-down choice box ", also have the default value " sales order " of user's input simultaneously.When system generates user interface, will in described " document types " corresponding drop-down choice box, preferentially show " sales order ", unless the user elects in addition.
Preferably, described demand model specifically can show as the mapping table of business demand field name and interface element type, and is as shown in table 3.Certainly, the field name of business demand shown in the table 3 only is an example, and in actual applications, described business demand can arbitrarily be set according to user's needs.
Table 3: the mapping table of business demand field name and interface element type
| Field name | Use what control to show | Default value |
| O/No. | Edit box | |
| Document types | Combobox | Sales order |
| Document status | Combobox | Newly-increased |
| Make single | The F7 choice box | |
| The system phase in odd-numbered day | The date selector switch | |
| Remarks | Edit box |
Step S30: according to described placement model and the interface element type and the program development language mapping table that prestore, read in described business demand field name in the demand model and the mapping relations between the interface element type, generate user interface automatically.
What deserves to be explained is that described interface element type that prestores and program development language mapping table are that system sets up in advance and are kept in the database.Described mapping table is used to describe the corresponding relation between each interface element type and the concrete program development language, business demand can be converted into the interface script of program language according to described corresponding relation, from demand model and placement model, read in the corresponding relation of interface element and business demand and the value of each placement model's parameter more respectively, generate the user interface file automatically.
For different program development language, the corresponding relation between its interface element and the program development language there are differences.Can be understood as: different program development language is different to the specific descriptions form of interface element.In the embodiment of the invention, being example with table 4 only is elaborated to the detailed process of automatic generation user interface.In actual applications, the method for using other dissimilar development languages to generate user interface automatically is same as described above, and its difference only is that the program development language is different to the descriptor format of interface element.
Information such as corresponding program development language, placement model's parameter name, placement model's parameter.
Wherein, described placement model parameter name is meant the parameter name of this placement model in the program development language that table 4 example adopts.For the distinct program development language, but described placement model parameter name may differently can't impact the described method of the embodiment of the invention.
Below in conjunction with table 4, the process of the described automatic generation user interface of step S30 in the embodiment of the invention is described in detail:
Step S301: read the window interfaces parameter in the described placement model,, generate the forms script in conjunction with described interface element and program development language mapping table;
Described window interfaces parameter can comprise: window scheme, forms height, frame size.
According to the general knowledge of user interface development as can be known, when generating user interface, general what generate at first is the interface forms.Described interface forms are exactly that system represents general frame to user's described user interface.
At first, system is according to determining in described interface element type and the program development language mapping table that placement model's parameter of described forms correspondence comprises: forms pattern, forms width, forms height; System is forms corresponding parameters assignment by calling the value of each the placement model's parameter that stores in the placement model; At last, system generates the forms script automatically according to the mapping relations of forms described in the table 4 and program development language.
Concrete, the forms script of described generation can be as follows:
<board>
<Windowmode>1</Windowmode>
<width>600</width>
<Height>400</Height>
</board>
Wherein, associative list 4, described forms pattern can comprise two kinds of forms, 0 is professional interface; 1 is Modeless Dialog;
Step S302: read each business demand field name and interface element corresponding type in the described demand model,, generate the gauge outfit script corresponding with each business demand field name according to described interface element and program development language mapping table;
Concrete, system by reading described business demand model the business demand field name and each field name of the gauge outfit content in the interface element type mapping table, obtain and this field name interface element corresponding type; According to described interface element and program development language mapping table, determine placement model's parameter of this interface element type correspondence, from described placement model, obtain the concrete value of each parameter, and, generate the gauge outfit script of this business demand field name correspondence according to the program development language of this interface element correspondence;
Still associative list 4, are that example describes with business demand field name " O/No. ".Determine from described business demand field name and interface element type mapping table that at first described " O/No. " interface element corresponding type is an edit box; Determine that from table 4 placement model's parameter of described edit box correspondence comprises: space type, control width, control height, left side distance, top margin, default value; Obtain the concrete value of each parameter from described placement model, interface element type that provides in associative list 4 and program development language mapping table generate " O/No. " corresponding gauge outfit script automatically, and be as follows:
<Element>
<name>WEBMain.UInetLabel</name>
<width>100</width>
<Height>19</Height>
<X>5</X>
<Y>5</Y>
＜Text〉O/No.＜/Text 〉
</Element>
According to above-mentioned steps, successively each the business demand field name in the described business demand model is generated corresponding gauge outfit script.
What deserves to be explained is that when generating the gauge outfit script, can generate a label in each interface element front automatically, the content of this label is the field name of this business demand.
It should be noted that when generating the gauge outfit script, can find that there are the placement model's parameter that does not have in the described placement model in described interface element and program development language mapping table, for example left side distance, rightmargin etc.; These parameters can be called as implicit parameter, this parameter specifically is used for describing each interface element type and specifically represents the position on described user interface, because what is (for example in the time of can't determining that the user has the interface layout form that how many business demands and user wish actually, every ranks number, line space, column pitch), therefore, the assignment that these parameters can't just be determined in described placement model at the initial stage of setting up, but these parameters can calculate according to stored parameters in the described placement model, therefore, can claim that these parameters are implicit parameter.
Wherein, described implicit parameter can freely customize according to user's needs, also can be by the system default setting.General described implicit parameter can for: left side distance, rightmargin, top margin, bottom margin, the user describes the particular location of interface element on user interface.In conjunction with the developer from top to bottom, by left-to-right custom, in the embodiment of the invention, be that example describes with left side distance and top margin.
The described left side is apart from the displacement on the limit, forms left side that is the described user interface of this field distance; Described top margin is the displacement of the forms upper side edge of the described user interface of this field distance.Concrete, the left side distance of each interface element and the computing formula of top margin are:
The left side apart from the=initial left side apart from+get surplus (the every ranks number of N/) * (tag width+control width+column pitch)
…………(1)
Top margin=initial top margin+(the every ranks number of N/) * (control height+line space) rounds up
…………(2)
Preferably, in the embodiment of the invention, described implicit parameter and computing formula thereof also can be stored in the placement model, during to generation interface script, directly call and all can; Certainly, also described implicit parameter and computing formula thereof can be stored in described interface element and program development language mapping table.
Step S303: the forms script of generation and the gauge outfit script of each business demand field name correspondence are merged, save as the interface script file.
Step S304: carry out described interface script file, generate user interface.
According to the described method of the embodiment of the invention, the user interface of generation can be as shown in Figure 4.
The described method of the embodiment of the invention comprises: obtain the value of placement model's parameter, set up the business demand field name of user's input and the mapping relations between the interface element type, be kept at respectively in placement model and the demand model; According to described placement model and the interface element and the program development language mapping table that prestore, read in the mapping relations between field name of business demand described in the demand model and the interface element type, generate user interface automatically.
The described method of the embodiment of the invention, by to describing placement model's improve parameter unification assignment of user interface layout mode, interface pattern, the style that guarantees to generate the interface is same, strengthens the attractive in appearance of interface; Simultaneously, system preserves interface element and program development language mapping table in advance, by receiving the business demand field name and the interface element type of user's input, directly call described mapping table and each parameter value that is stored in the placement model, automatically generate user interface, in prior art, the user is provided with one by one and selects each interface element to compare, the embodiment of the invention is user-friendly to, and strengthens user experience.
The method of the automatic generation user interface that provides with the embodiment of the invention is corresponding, and the embodiment of the invention also provides a kind of device of automatic generation user interface, and referring to Fig. 5, this device comprises with lower unit:
Placement model sets up unit U501, is used to obtain the value of placement model's parameter, sets up placement model;
Demand model is set up unit U502, is used to set up the business demand field name of user's input and the mapping relations between the interface element type, is kept in the demand model;
User interface generation unit U503 is used for reading in the mapping relations between field name of business demand described in the demand model and the interface element type according to described placement model and the interface element and the program development language mapping table that prestore, generates user interface automatically.
Corresponding to two kinds of methods of obtaining the value of placement model's parameter that the embodiment of the invention provides, described placement model sets up unit U501 can comprise two kinds of structures.
Fig. 6 sets up the unit first embodiment structural drawing for the placement model of the embodiment of the invention.Described placement model sets up unit U501 and comprises:
Value receives subelement U5011, is used to receive the value of the described placement model parameter of user's input;
The first modeling subelement U5012 is used for setting up placement model according to the value of described placement model parameter.
Preferably, described placement model sets up unit U501 and can also comprise:
Value displaying interface subelement U5013 is used to represent placement model's parameter value inputting interface and gives the user.
Fig. 7 sets up the unit second embodiment structural drawing for the placement model of the embodiment of the invention.Described placement model sets up unit U501 and comprises:
Value is called subelement U5014, is used to call the value of the placement model's parameter that prestores;
The second modeling subelement U5015 is used for setting up placement model according to the value of described placement model parameter.
Preferably, described placement model sets up unit U501 and can also comprise:
Parameter assignment subelement U5016 is used for being in advance placement model's parameter assignment, and is kept in the database.
With reference to Fig. 8, be the user interface generation unit structural drawing of the embodiment of the invention.Described user interface generation unit U503 can comprise:
The forms script is produced subelement U5031, is used for reading the window interfaces parameter of described placement model, in conjunction with described interface element and program development language mapping table, generates the forms script;
The gauge outfit script generates subelement U5032, be used for reading each business demand field name of described demand model and interface element corresponding type, according to described interface element and program development language mapping table, generate the gauge outfit script corresponding with each business demand field name;
Merge subelement U5033, the gauge outfit script that is used to merge described forms script and each business demand field name correspondence is the interface script file;
Carry out subelement U5034, be used to carry out described interface script file, generate user interface.
The described device of the embodiment of the invention, by to describing placement model's improve parameter unification assignment of user interface layout mode, interface pattern, the style that guarantees to generate the interface is same, strengthens the attractive in appearance of interface; Simultaneously, system preserves interface element and program development language mapping table in advance, by receiving the business demand field name and the interface element type of user's input, directly call described mapping table and each parameter value that is stored in the placement model, automatically generate user interface, in prior art, the user is provided with one by one and selects each interface element to compare, the embodiment of the invention is user-friendly to, and strengthens user experience.
More than to the method and the device of a kind of automatic generation user interface provided by the present invention, be described in detail, used specific case herein principle of the present invention and embodiment are set forth, the explanation of above embodiment just is used for helping to understand method of the present invention and core concept thereof; Simultaneously, for one of ordinary skill in the art, according to thought of the present invention, part in specific embodiments and applications all can change.In sum, this description should not be construed as limitation of the present invention.
Claims (15)
1. method that automatically generates user interface is characterized in that described method comprises:
Obtain the value of placement model's parameter, be kept in the placement model;
Set up the business demand field name of user's input and the mapping relations between the interface element type, be kept in the demand model;
According to described placement model and the interface element and the program development language mapping table that prestore, read in the mapping relations between field name of business demand described in the demand model and the interface element type, generate user interface.
2. method according to claim 1 is characterized in that, the described value of obtaining placement model's parameter is specially:
Receive the value of the described placement model parameter of user's input.
3. method according to claim 2 is characterized in that, also comprises before the value of the described placement model parameter that described reception user imports:
Represent placement model's parameter value inputting interface and give the user.
4. method according to claim 1 is characterized in that, the described value of obtaining placement model's parameter is specially:
Call the value of the placement model's parameter that prestores.
5. method according to claim 1 is characterized in that, also comprises before the described value of calling the placement model's parameter that prestores:
Be placement model's parameter assignment in advance, and be kept in the database.
6. method according to claim 1, it is characterized in that, describedly read in the mapping relations between field name of business demand described in the demand model and the interface element type, generate user interface automatically and be specially according to described placement model and the interface element and the program development language mapping table that prestore:
Obtain the window interfaces parameter in the described placement model,, generate the forms script according to described interface element and program development language mapping table;
Obtain each business demand field name and interface element corresponding type in the described demand model,, generate the gauge outfit script corresponding with each business demand field name according to described interface element and program development language mapping table;
The gauge outfit script that merges described forms script and each business demand field name correspondence is the interface script file;
Carry out described interface script file, generate user interface.
7. according to each described method of claim 1 to 6, it is characterized in that described placement model parameter comprises: window interfaces parameter, initial position parameters, layout style parameter and interface element parameter.
8. method according to claim 7 is characterized in that, described initial position parameters comprises: initial left side distance, initial top margin; Described layout style parameter is specially every ranks number, column pitch, line space; Described interface element parameter is specially control height, control width, tag width.
9. method according to claim 8 is characterized in that, comprises also in the described placement model that implicit parameter comprises: left side distance and top margin; Wherein,
The left side apart from the=initial left side apart from+get surplus (the every ranks number of N/) * (tag width+control width+column pitch)
Top margin=initial top margin+(the every ranks number of N/) * (control height+line space) rounds up.
10. device that automatically generates user interface is characterized in that described device comprises:
Placement model sets up the unit, is used to obtain the value of placement model's parameter, sets up placement model;
Demand model is set up the unit, is used to set up the business demand field name of user's input and the mapping relations between the interface element type, is kept in the demand model;
The user interface generation unit is used for reading in the mapping relations between field name of business demand described in the demand model and the interface element type according to described placement model and the interface element and the program development language mapping table that prestore, generates user interface automatically.
11. device according to claim 10 is characterized in that, described placement model sets up the unit and comprises:
Value receives subelement, is used to receive the value of the described placement model parameter of user's input;
The first modeling subelement is used for setting up placement model according to the value of described placement model parameter.
12. device according to claim 11 is characterized in that, described placement model sets up the unit and also comprises:
Value displaying interface subelement is used to represent placement model's parameter value inputting interface and gives the user.
13. device according to claim 10 is characterized in that, described placement model sets up the unit and comprises:
Value is called subelement, is used to call the value of the placement model's parameter that prestores;
The second modeling subelement is used for setting up placement model according to the value of described placement model parameter.
14. device according to claim 13 is characterized in that, described placement model sets up the unit and also comprises:
Parameter assignment subelement is used for being in advance placement model's parameter assignment, and is kept in the database.
15. device according to claim 10 is characterized in that, described user interface generation unit comprises:
The forms script is produced subelement, is used for reading the window interfaces parameter of described placement model, in conjunction with described interface element and program development language mapping table, generates the forms script;
The gauge outfit script generates subelement, be used for reading each business demand field name of described demand model and interface element corresponding type, according to described interface element and program development language mapping table, generate the gauge outfit script corresponding with each business demand field name;
Merge subelement, the gauge outfit script that is used to merge described forms script and each business demand field name correspondence is the interface script file;
Carry out subelement, be used to carry out described interface script file, generate user interface.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN200910110270A CN101699394A (en) | 2009-10-28 | 2009-10-28 | Method and device for automatically generating user interface |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN200910110270A CN101699394A (en) | 2009-10-28 | 2009-10-28 | Method and device for automatically generating user interface |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN101699394A true CN101699394A (en) | 2010-04-28 |
Family
ID=42147854
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN200910110270A Pending CN101699394A (en) | 2009-10-28 | 2009-10-28 | Method and device for automatically generating user interface |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN101699394A (en) |
Cited By (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102043582A (en) * | 2010-12-02 | 2011-05-04 | 广东宝莱特医用科技股份有限公司 | Automatic generation method of software interface |
| WO2012024974A1 (en) * | 2010-08-25 | 2012-03-01 | 中兴通讯股份有限公司 | Device and method of mobile terminal data management |
| CN102567570A (en) * | 2011-12-02 | 2012-07-11 | 曙光信息产业(北京)有限公司 | Method for plane display of configurable machine room layouts |
| CN104462426A (en) * | 2014-12-12 | 2015-03-25 | 北京国双科技有限公司 | Method and device for querying site information of internet information services |
| WO2015154474A1 (en) * | 2014-09-12 | 2015-10-15 | 中兴通讯股份有限公司 | Query interface generation method and device |
| CN105204872A (en) * | 2015-11-10 | 2015-12-30 | 中国建设银行股份有限公司 | Imputing page generating method and device |
| CN105242922A (en) * | 2015-09-25 | 2016-01-13 | 卡斯柯信号有限公司 | Property tag based data display method |
| CN105975286A (en) * | 2016-06-16 | 2016-09-28 | 中国建设银行股份有限公司 | Method and system for generating interface for man-machine interaction |
| CN106547528A (en) * | 2015-09-22 | 2017-03-29 | 腾讯科技（深圳）有限公司 | A kind of quick interface arrangement method and device |
| CN106933552A (en) * | 2015-12-30 | 2017-07-07 | 中国移动通信集团公司 | A kind of data processing method and front-end code generating means |
| CN108108364A (en) * | 2016-11-23 | 2018-06-01 | 珠海金山办公软件有限公司 | A kind of tag displaying method and device |
| WO2020048326A1 (en) * | 2018-09-05 | 2020-03-12 | 百富计算机技术（深圳）有限公司 | Interface display method and system, and terminal device |
| CN111857478A (en) * | 2020-07-17 | 2020-10-30 | 北京百度网讯科技有限公司 | Image layout method and device, electronic equipment and storage medium |
| CN112732818A (en) * | 2021-01-19 | 2021-04-30 | 坤昱(山东)健康科技有限公司 | C/S system-based docking method, device, medium and equipment |
-
2009
- 2009-10-28 CN CN200910110270A patent/CN101699394A/en active Pending
Cited By (24)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2012024974A1 (en) * | 2010-08-25 | 2012-03-01 | 中兴通讯股份有限公司 | Device and method of mobile terminal data management |
| CN102375738A (en) * | 2010-08-25 | 2012-03-14 | 中兴通讯股份有限公司 | Device and method for managing data of mobile terminal |
| CN102375738B (en) * | 2010-08-25 | 2016-03-30 | 中兴通讯股份有限公司 | A kind of apparatus and method of mobile terminal data management |
| CN102043582B (en) * | 2010-12-02 | 2012-12-05 | 广东宝莱特医用科技股份有限公司 | Automatic generation method of software interface |
| CN102043582A (en) * | 2010-12-02 | 2011-05-04 | 广东宝莱特医用科技股份有限公司 | Automatic generation method of software interface |
| CN102567570A (en) * | 2011-12-02 | 2012-07-11 | 曙光信息产业(北京)有限公司 | Method for plane display of configurable machine room layouts |
| CN105468352A (en) * | 2014-09-12 | 2016-04-06 | 中兴通讯股份有限公司 | Query interface generation method and apparatus |
| WO2015154474A1 (en) * | 2014-09-12 | 2015-10-15 | 中兴通讯股份有限公司 | Query interface generation method and device |
| CN104462426A (en) * | 2014-12-12 | 2015-03-25 | 北京国双科技有限公司 | Method and device for querying site information of internet information services |
| CN104462426B (en) * | 2014-12-12 | 2018-09-18 | 北京国双科技有限公司 | The method and device of the site information of internet information query service |
| CN106547528A (en) * | 2015-09-22 | 2017-03-29 | 腾讯科技（深圳）有限公司 | A kind of quick interface arrangement method and device |
| CN106547528B (en) * | 2015-09-22 | 2020-07-14 | 腾讯科技（深圳）有限公司 | Interface layout method and device |
| CN105242922A (en) * | 2015-09-25 | 2016-01-13 | 卡斯柯信号有限公司 | Property tag based data display method |
| CN105204872A (en) * | 2015-11-10 | 2015-12-30 | 中国建设银行股份有限公司 | Imputing page generating method and device |
| CN106933552A (en) * | 2015-12-30 | 2017-07-07 | 中国移动通信集团公司 | A kind of data processing method and front-end code generating means |
| CN106933552B (en) * | 2015-12-30 | 2020-11-03 | 中国移动通信集团公司 | Data processing method and front-end code generating device |
| CN105975286A (en) * | 2016-06-16 | 2016-09-28 | 中国建设银行股份有限公司 | Method and system for generating interface for man-machine interaction |
| CN105975286B (en) * | 2016-06-16 | 2019-08-06 | 中国建设银行股份有限公司 | Generate the method and system at the interface for human-computer interaction |
| CN108108364A (en) * | 2016-11-23 | 2018-06-01 | 珠海金山办公软件有限公司 | A kind of tag displaying method and device |
| WO2020048326A1 (en) * | 2018-09-05 | 2020-03-12 | 百富计算机技术（深圳）有限公司 | Interface display method and system, and terminal device |
| CN111857478A (en) * | 2020-07-17 | 2020-10-30 | 北京百度网讯科技有限公司 | Image layout method and device, electronic equipment and storage medium |
| CN111857478B (en) * | 2020-07-17 | 2022-02-11 | 北京百度网讯科技有限公司 | Image layout method and device, electronic equipment and storage medium |
| CN112732818A (en) * | 2021-01-19 | 2021-04-30 | 坤昱(山东)健康科技有限公司 | C/S system-based docking method, device, medium and equipment |
| CN112732818B (en) * | 2021-01-19 | 2022-08-30 | 坤昱(山东)健康科技有限公司 | C/S system-based docking method, device, medium and equipment |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN101699394A (en) | Method and device for automatically generating user interface | |
| CN109062550B (en) | Page construction method and system, user terminal, server and readable storage medium | |
| CN102609256B (en) | A kind of Dynamic Graph table generating method based on webpage | |
| CN109358851A (en) | Creation method, device and the computer readable storage medium of chart components | |
| CN109597954A (en) | Data item methods of exhibiting, calculates equipment and medium at device | |
| CN104239044A (en) | Dynamic generation method for graphical user interface | |
| CN109697064A (en) | A kind of generation method and device of the customized page | |
| CN104657384A (en) | Dynamic allocation report data processing method based on two-dimension relationship | |
| CN103186632A (en) | Method and device for customizing operation and maintenance form | |
| CN101158940A (en) | Method and device for dwindling character stuffing in target region | |
| CN103176797A (en) | Interface layout device and interface layout method | |
| CN102222148A (en) | Method and device for automatically generating detailed statement of three-dimensional assembly drawing | |
| CN111857718A (en) | List editing method, device, equipment and storage medium | |
| CN100449484C (en) | Method and system for generating artificial equipment panel | |
| CN109086342A (en) | The method of mass production and O&M website form, medium and terminal | |
| CN106055535A (en) | Method and device for generating charts | |
| CN115080016A (en) | Extended function implementation method, device, equipment and medium based on UE editor | |
| US20200210518A1 (en) | Systems and/or methods for dynamic layout design | |
| CN103049260A (en) | Method and system for displaying user interface of software at client | |
| CN114153442A (en) | Large-screen visualization page configuration method and system based on visualization component | |
| CN116909553A (en) | Page online development and local compiling operation system | |
| CN104731804A (en) | General query framework establishing method and device | |
| CN115827809A (en) | Method and device for generating Geographic Information System (GIS) application | |
| CN111199138A (en) | Method, system, server and storage medium for stroking bullet screen containing Emoji expression by using QML (QML) | |
| CN115291869A (en) | Zero-code form generation method and system based on vue custom component |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C12 | Rejection of a patent application after its publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20100428 |