CN1371049A

CN1371049A - Web page application program generator

Info

Publication number: CN1371049A
Application number: CN 01103843
Authority: CN
Inventors: 陈恭; 张志祥
Original assignee: SANHUI SCIENCE & TECHNOLOGY Co Ltd
Current assignee: SANHUI SCIENCE & TECHNOLOGY Co Ltd
Priority date: 2001-02-22
Filing date: 2001-02-22
Publication date: 2002-09-25

Abstract

The web page application program generator includes several control tool kits, of whose controls each consists of GUI descriptino; a transferring device to convert the control into corresponding intermediate description; a description converting lest to designate the rule of converting the intermediate description into DHTML; one logic action converting list to designate the rule of converting the intermediate description into command to an event treater; and one generator to generate from each GUI described control a corresponding DHTML description and corresponding event treater and command.

Description

Web page application program generator

The invention relates to the program instrument, it particularly about utilizing existing viewing window application program development tools to realize Web page application program generator, provides to pull control assembly and Form-based mode, produces Web page application program.

In the production method of known webpage, traditional approach is the web page program that directly uses text editor (text editor) editor to be comprised of DHTML, but must spend long time, could write out slightly complicated routine interface with the HTML language. Recently, some patterned Tools of Making Home Pages, though comparatively easily operation is provided, but all be to use (web application) with content-based mode Web-Designing, the web page program though can within the time faster, complete, yet use the user of these known Tools of Making Home Pages, preferably be familiar with very much the DHTML language, otherwise often be subject to the ability of the Web-Designing of known Tools of Making Home Page, to carry out the function that represents at webpage and can't use up its performance user, and the web application system that finishes that develops, because operability may be perfect not, so that when the operation web page application system, get and again and again skip, draw scroll bar ... Deng, if and when using the interactive routine interface that Active Control or Java Applet edit, it occurs both being not easy to safeguard, download time the shortcoming of waiting so long again. On the other hand, need require efforts for the user and to be familiar with the DHTML language, this also is the consumption of a kind of burden and time cost.

The present invention seeks to be provided at graphical user interface windows workspace environment, carry out the exploitation of Web page application program with similar such as Visual Basic software development environment.

For solving above-mentioned purpose, the invention provides a kind of Web page application program generator, it comprises: the Facility Column of a plurality of controls, be used for providing a user to choose and edit this a plurality of controls, wherein each control of this Facility Column and each this control after choosing and editing are formed with GUI statement; A transfer interpreter (translator) is in order to be converted to corresponding intermediate representation (intermediate representation) with each control with the GUI statement; A statement conversion table (presentation mapping table), in order to specifying the rule that how intermediate representation is converted to DHTML so that take the control of GUI statement according to this statement translation table as corresponding control of explaining with DHTML; A logical action conversion table (logical part mapping table) is in order to specify how intermediate representation is converted to the rule that corresponds to an event processor (event handler) and produce an instruction (statement); A maker (generator), in order to each control with GUI statement, according to this statement conversion table and this logical action conversion table, generate event processor (event handler) and instruction (statement) corresponding to the correspondence of the DHTML statement of each control and institute's combination thereof.

The accompanying drawing simple declaration

Fig. 1 is framework map of the present invention.

Fig. 2 is according to the present invention, and it utilizes Virtual Basic environment to finish the generator of preferred embodiment, in the view of computer execution.

Fig. 3 is for using the present invention to make the Web page application program embodiment of client's basic document inquiry.

Among the figure:

10 transfer interpreters

11 makers

12 statement conversion tables

13 logical action conversion tables

14 GUI statement control file

15 intermediate representation control files

16 DHTML application files

20 Facility Columns

Be familiar with this technology personage and understand purpose of the present invention, feature and effect for making, by following specific embodiment, and cooperate appended accompanying drawing, as follows to the detailed description of the invention:

According to generator of the present invention, it can utilize the program code of selecting existing similar Windows application development tools such as Visual Basic and Delphi (window application development tools) to write (coding) generator. Therefore, a plurality of controls provided by the present invention (shown in Fig. 2 Facility Column 20) are the fleshes and bloods that defines first each control in the mode of GUI statement. The present invention adopts the reason of GUI statement, to cooperate the Windows application development tools, it is called as integrated development environment (integrated development environment), this development tools uses the archives form to store the content of statement form (form representation), for example under the window application development tools of Visual Basic (hereinafter to be referred as VB) and Delphi, the GUI statement refers to respectively VB statement and Delphi statement. For example be used in the example of the label control (label) of VB and Delphi, it is expressed as follows:

The VB statement of label control	The Delphi statement of label control
The VB statement of label control	The Delphi statement of label control	Begin opcontrols.Label Label1 Height=285 Left=360 Top=480 Width=975 Caption=＂ customer number ＂ End	Object Label:Tabel1 Height=24 Left=32 Top=65 Width=19 Caption=＂ customer number ＂ End

Fig. 1 is framework map of the present invention. The GUI of Fig. 1 statement control file 14, the content of its storage are to be a plurality of controls with the GUI statement, these a plurality of controls generator that is user's execution graphs 2 wherein, through choose and edit tool row 20 in control, make a Web page application program. Transfer interpreter (translator) 10 is converted to intermediate representation control file 15 with each control that GUI explains control file 14. Maker (generator) 11 is according to statement conversion table (presentation mapping table) 12 and logical action conversion table (logical part mapping table) 13, intermediate representation control file 15 is generated as DHTML application file 16, and DHTML application file 16 is in conjunction with corresponding event processor (event handler) and instruction (statement). Wherein explain conversion table 12 and have a plurality of rules (rules) that how intermediate representation are converted to DHTML, it is so that be converted to corresponding control of explaining with DHTML with the control of GUI statement according to this statement conversion table 12. Wherein logical action conversion table 13 has how intermediate representation is converted to the rule (rules) that corresponds to an event processor (event handler) and produce an instruction (statement).

Fig. 2 is according to the present invention, and it utilizes Visual Basic environment to finish the generator of preferred embodiment, in the view of computer execution. A plurality of controls of Fig. 2 Facility Column 20, it can choose and edit selected control content by the user, just can produce Web page application program in the towing mode within the shortest time. A plurality of control of the present invention can be contained all Web page application programs under the DHTML definition.

Because the application software of Web-based, mainly be used as the Networking Solutions ﹠ provisioned (The e-Solution Of Business Model) of business model, so control commonly used is often reused, so the present invention becomes fixing ＂ form ＂ with many module sets commonly used. Save lower many programmers' user in the time of development system, but needed elasticity when also considering many different users' of satisfying demand, therefore the invention provides one group of perfect control, it is respectively described below such as a plurality of controls of Fig. 2 as shown in the Facility Column 20:

. label (label) control: be used for display text, the user can not the edit-modify content, and it is the Label among the Visual Basic roughly the same.

. text box (text box) control: the data that is set by user or forms, except inheriting Visual Basic ＂ TextBox ＂ attribute, and newly-increased attribute " whether UniRequired ＂ define this field must input data.

. check box (check box) control: show the selection mode of a project, it inherits the attribute of Visual Basic ＂ CheckBox ＂.

. Option Box (option box) control: be presented at selected project status in the group, can only select a project in the group, can not repeat to choose, it inherits the attribute of Visual Basic ＂ OptionButton ＂.

. list box (list box) control: tabulation formula square frame menu, the value that shows a catalogue, it is one or more to allow the user select, except the attribute of inheriting Visual Basic ＂ ListBox ＂, and newly-increased attribute ＂ ItemData ＂, can in this newly-increased attribute, input the menu data, do separation with the blank ＂ of ＂ or ＂ branch ＂ between every data.

. combo box (combobox) control: pulldownmenus, the attribute of succession Visual Basic ＂ ComboBox ＂ utilizes ＂ ItemData ＂ attribute input menu data.

. group location (sstab) control: in single forms, provide can present several dialogue square frames or messagewindow at a simple and easy method that uses same-interface. The group of a tab is provided in the SSTab control, and concerning other control, each tab similarly is a Container. Only have a tab to enliven in the same time, show that its control that comprises sees that to the user control of all the other tab all can stash, it inherits the attribute of Visual Basic ＂ SSTab ＂.

. frame (frame) control a: control that is provably same group is provided. For instance, can use frame (frame) control to segment forms-the separate group of Option Button control.

. order button (command button) control: use a program in beginning, interruption or end, can be used to call out certain event, function or method, it inherits the attribute of Visual Basic ＂ CommandButton ＂.

. grid (grid) control: it similarly is the TextBox of a two-dimensional array, be used for showing and the data of computing form, it can intactly be done ordering, merge and the interior character string of format form, and it inherits the attribute of MSDataGridLib.DataGrid..

. tree-shaped (tree view) control: showing one has hierachical node object, and each node is that a label (Label) and nonessential bitmap layer form. A treeview is the title that typical in the past layer is presented at a file, add an index, archives and the catalogue in disk, or the information that other any kind comes in handy demonstrates a level, the attribute of its succession MSComctlLib ＂ TreeView ＂.

. select row (selected list) control: but the exchangeability square frame of multiselect, the data of the right for being selected, it inputs left side option data in ＂ ItemData ＂ attribute, do separation with the blank ＂ of ＂ or ＂ branch ＂ between every data, and in ＂ ItemData2 ＂ attribute, input the right option data, do separation with the blank ＂ of ＂ or ＂ branch ＂ between every data.

. Sorted list (sort list) control: the data sorting square frame, it inputs the menu data in ＂ ItemData ＂ attribute, do separation with the blank ＂ of ＂ or ＂ branch ＂ between every data.

. hyperlink (hyper link) control: hyperlink, doing hyperlink for literal uses, it provides ＂ Caption ＂ take the input literal that will show and ＂ UniURL ＂ as the path of hyperlink, for example inputs ＂ http://www.abc.com.tw/ ＂ absolute path.

. file specification (menu reference) control: see through the webpage (web page) that ＂ menu editor (Menu Editor) ＂ definition Menu bar makes to institute's wish.

. condition box (conditional frame) control: the Frame control of conditional, the Control that this Frame and same group when condition is set up, just can occur, it provides the expression formula that can impose a condition in the ＂ UniExpression ＂ attribute, and it will judge that its value is True or False.

. calendar (calendar box) control: the textbox of inputting date, can call out monthly calendar and click input for User.

. carry out formula text box (advanced text box) control: the textbox of inquiry is provided, gets after value among the TextBox carries out to the rear end, show the result in the mode that sets.

. input html (inline HTML) control: provide the user can directly in archives, add voluntarily the program code of HTML.

. table (result table) control as a result: its usage is similar to the grid control, but the table control has increased the order button control of the first stroke, upper, next record, finishing touch and stroke count newly as a result.

. load html (external HTML) control: when carrying out, load (Include) another program file to program.

. querying condition frame (query condition frame) control: its function is identical with the frame control, but newly-increased four buttons: inquire button, reset button, newly-increased button, leave button. Fig. 3 shows the Web page application program embodiment that uses the present invention to make client's basic document inquiry. Web page application program embodiment by Fig. 3 demonstrates, and the user is by choosing a frame control, three Inputs and four order button controls in the Facility Column 20.

The frame control of Fig. 3 shown below, the Input of one of them, the embodiment that it is explained as GUI with the VB statement: the VB statement embodiment of frame control:

Begin opcontrols.QueryConditionFrame QueryFramel
Height             ＝   2295
Left               ＝   720
Top                ＝   360
Width              ＝   6135
Caption            ＝  ＂＂
UniAccessKey       ＝  ＂＂
UniDataTarget      ＝  ＂MajorFrame＂
UniOperationTarget ＝  ＂MajorFrame＂
UniOutputStyle     ＝  ＂Frame＂
UniProgID          ＝  ＂＂
UniCommand         ＝  ＂＂
UniActionURL       ＝  ＂＂
				<!-- SIPO <DP n="6"> -->
				<dp n="d6"/>
UniQueryStrings      ＝  ＂＂
UniDialogProp        ＝  ＂＂
UniDoesSubmitUniMSG  ＝  ＂Yes＂
Begin opcontrols.Label Label1
Height          ＝  285
Left            ＝  360
Top             ＝  480
Width           ＝  975
Alignment       ＝  0
Caption         ＝  ＂＂
UniAccessKey    ＝  ＂＂
End
Begin opcontrols.Label Label2
Height          ＝  285
Left            ＝  360
Top             ＝  1080
Width           ＝  855
Alignment       ＝  0
Caption         ＝  ＂＂
UniAccessKey  ＝  ＂＂
End
Begin opcontrols.Label Label3
Height          ＝  285
Left            ＝  360
Top             ＝  1680
Width           ＝  855
Alignment       ＝  0
Caption         ＝ ＂＂
UniAccessKey    ＝ ＂＂
				<!-- SIPO <DP n="7"> -->
				<dp n="d7"/>
End
End

The VB of the Input of one of them statement embodiment: Begin opcontrols.TextBox CustName Height=375 Left=1440 TabIndex=2 ToolTipText=＂ for example: Zhang San ＂ Top=960 Width=3255 Text=＂＂ UniAccessKey=＂＂ UniRequired=0 ' False Editable=-1 ' True End

The control of client's basic document query webpage application program of above-mentioned Fig. 3, it is explained as GUI with above-mentioned VB statement embodiment, translates to following intermediate representation embodiment through transfer interpreter 10:

＜XqueryConditionFrame Name＝＂QueryFramel＂Height＝＂2295＂

    Left＝＂720＂TabIndex＝＂3＂TabStop＝＂0＂Top＝＂360＂Width＝＂6135＂

    Caption＝＂＂UniAccessKey＝＂＂

    UniDataTarget＝＂MajorFrame＂UniOperationTarget＝＂MajorFrame＂

    UniOutputStyle＝＂Frame＂UniProgID＝＂＂UniCommand＝＂＂

    UniActionURL＝＂＂UniQueryStrings＝＂＂UniDialogProp＝＂＂

    UniDoesSubmitUniMSG＝＂Yes＂＞
＜XLabel Name＝＂Label1＂Height＝＂285＂Left＝＂360＂Top＝＂480＂

    Width＝＂975＂Alignment＝＂0＂Caption＝＂＂

    UniAccessKey＝＂＂/＞
＜XLabel Name＝＂Label2＂Height＝＂285＂Left＝＂360＂Top＝＂1080＂
				<!-- SIPO <DP n="8"> -->
				<dp n="d8"/>
    Width＝＂855＂Alignment＝＂0＂Caption＝＂＂

    UniAccessKey＝＂＂/＞
＜XLabel Name＝＂Label3＂Height＝＂285＂Left＝＂360＂Top＝＂1680＂

    Width＝＂855＂Alignment＝＂0＂Caption＝＂＂

    UniAccessKey＝＂＂/＞
＜XTextBox Name＝＂CustNo＂Height＝＂375＂Left＝＂1440＂TabIndex＝＂1＂

    ToolTipText＝＂：A1234567＂Top＝＂360＂Width＝＂3255＂Text＝＂＂

    UniAccessKey＝＂＂UniRequired＝＂0＂Editable＝＂-1＂/>
＜XTextBox Name＝＂CustName＂Height＝＂375＂Left＝＂1440＂TabIndex＝＂2＂

    ToolTipText＝＂：＂Top＝＂960＂Width＝＂3255＂Text＝＂＂

    UniAccessKey＝＂＂UniRequired＝＂0＂Editable＝＂-1＂/＞
＜XTextBox Name＝＂StartDate＂Height＝＂375＂Left＝＂1440＂TabIndex＝＂3＂

    ToolTipText＝＂：2000/11/12＂Top＝＂1560＂Width＝＂3255＂

    Text＝＂＂UniAccessKey＝＂＂UniRequired＝＂0＂Editable＝＂-1＂/＞
＜/XQueryConditionFrame＞

Above-mentioned intermediate representation embodiment, the DHTML program embodiment that generates corresponding diagram 3 client's basic document query webpage application programs through maker 12 is as follows:

＜！--Begin：QueryConditionFrame--＞
＜TABLE BORDER＝0 ID＝QueryFramel ACCESSKEY＝＂＂

    STYLE＝＂position：absolute；height：153px；left：24px；top：48px；w

    idth：345px；＂CELLSPACING＝0 CELLPADDING＝0＞
＜TR＞

    ＜TD HEIGHT＝20 WIDTH＝10 CLASS＝cSYS_FrameLeft＞&amp;nbsp；＜/TD＞
＜TD NOWRAP CLASS＝cSYS_FrameCaptionBG＞＜SPAN

    CLASS＝cSYS_FrameCaption＞＜/SPAN＞＜/TD＞
＜TD CLASS＝cSYS_FrameRight WIDTH＝＂*＂＞&amp;nbsp；＜/TD＞
＜/TR＞
＜TR＞
＜TD CLASS＝cSYS_FrameBody COLSPAN＝3 HEIGHT＝＂*＂＞&amp;nbsp；
				<!-- SIPO <DP n="9"> -->
				<dp n="d9"/>
＜SPAN ID＝Label1 ACCESSKEY＝＂＂CLASS＝cSYS_Label

    STYLE＝＂position：absolute；left：24px；top：32px；＂＞

    ＜/SPAN＞

                                  ：

                                  ：
＜INPUT TYPE＝TEXT ID＝CustNo TABINDEX＝1 ACCESSKEY＝＂＂TITLE＝＂：

    A1234567＂CHECKED＝0 CLASS＝cSYS_TextBox

    STYLE＝＂position：absolute；width：217px；left：96px；top：24px；＂

    VALUE＝＂＂ONCHANGE＝＂textBox_onChange(this)；＂

    ONBLUR＝＂textBox_onChange(this)；＂

    ONMOUSEOUT＝＂textBox_onChange(this)；＂＞
＜INPUT TYPE＝TEXT ID＝CustName TABINDEX＝2 ACCESSKEY＝＂＂TITLE＝＂

    ：＂CHECKED＝0 CLASS＝cSYS_TextBox

    STYLE＝＂position：absolute；width：217px；left：96px；top：64px；＂

    VALUE＝＂＂ONCHANGE＝＂textBox_onChange(this)；＂

    ONBLUR＝＂textBox_onChange(this)；＂

    ONMOUSEOUT＝＂textBox_onChange(this)；＂＞

                                ：

                                ：
＜/TD＞
＜/TR＞
＜/TABLE＞
＜TABLE BORDER＝0 CELLSPACING＝0 CELLPADDING＝0

    STYLE＝＂position：absolute；top：48px；left：373px；height：153px；w

      idth：60px；＂＞
＜TR＞
＜TD ALIGN＝CENTER VALIGN＝TOP＞＜INPUT TYPE＝BUTTON

    ID＝QueryFrame1_Query CLASS＝cSYS_QueryButton VALUE＝＂＂

    ONCLICK＝＂QueryFrame1_Cmd_onClick(’Query’)；＂＞
				<!-- SIPO <DP n="10"> -->
				<dp n="d10"/>
＜INPUT TYPE＝BUTTON ID＝QueryFrame1_Clear CLASS＝cSYS_QueryButton

    VALUE＝＂＂ONCLICK＝QueryFrame1_Cmd_onClick(’Clear’)；＂＞
＜INPUT TYPE＝BUTTON ID＝QueryFrame1_ew CLASS＝cSYS_QueryButton

    VALUE＝＂＂

    ONCLICK＝＂QueryFrame1_Cmd_onClick(’New’)；＂＞＜BR＞＜BR＞
＜INPUT TYPE＝BUTTON ID＝QueryFrame1_Exit CLASS＝cSYS_QueryButton

    VALUE＝＂＂ONCLICK＝＂QueryFrame1_Cmd_onClick(’Exit’)；＂＞
＜/TD＞
＜/TR＞
＜/TABLE＞&amp;nbsp；
＜！--End：QueryConditionFrame--＞

The statement conversion table 12 of 12 foundations of maker, to generate the DHMTL program embodiment of corresponding diagram 3 client's basic document query webpage application programs, 12 embodiment are as follows for this statement conversion table:

＜QueryConditionFrame Family＝＂Frame＂＞
＜Presentation＞
＜DHTML＞＜！[CDATA[
＜TABLE BORDER＝0 ID＝$NAME$ TITLE＝＂$TOOLTIP$＂
STYLE＝＂position：absolute；height：$HEIGHT$px；width：$WIDTH$px；l
eft：$LEFT$px；top：$TOP$px；＂CELLSPACING＝0 CELLPADDING＝0＞
＜TR＞

    @GetFrameCaptionLine(＂$CAPTION$＂)@

    $CONTAINEE$
＜/TR＞
＜/TABLE＞
＜TABLE BORDER＝0 CELLSPACING＝0 CELLPADDING＝0

    STYLE＝＂position：absolute；top：$TOP$px；left：@MinusFixedLen($WI

    DTH$+$LEFT$，60)@px；height：$HEIGHT$px；width：60px；＂＞
＜TR＞＜TD ALIGN＝CENTER VALIGN＝TOP＞＜INPUT TYPE＝BUTTON

    ID＝$NAME$_Query CLASS＝cSYS_QueryButton VALUE＝＂#CAP_QUERY#＂
				<!-- SIPO <DP n="11"> -->
				<dp n="d11"/>
$EVENTHANDLER_ATTRIBUTES_QUERY$＞
＜INPUT TYPE＝BUTTON ID＝$NAME$_Clear CLASS＝cSYS_QueryButton

    VALUE＝＂#CAP_CLEAR#＂$EVENTHANDLER_ATTRIBUTES_CLEAR$＞
＜INPUT TYPE＝BUTTON ID＝$NAME$_New CLASS＝cSYS_QueryButton

    VALUE＝＂#CAP_NEW#＂$EVENTHANDLER_ATTRIBUTES_NEW$＞＜BR＞＜BR＞
＜INPUT TYPE＝BUTTON ID＝$NAME$_Exit CLASS＝cSYS_QueryButton

    VALUE＝＂#CAP_EXIT#＂$EVENTHANDLER_ATTRIBUTES_EXIT$＞
＜/TD＞＜/TR＞
＜/TABLE＞&amp;nbsp；]]＞＜/DHTML＞
＜/Presentation＞
＜/QueryConditionFrame＞

The logical action conversion table 13 of 12 foundations of maker, to generate the DHMTL program embodiment of corresponding diagram 3 client's basic document query webpage application programs, 13 embodiment are as follows for this logical action conversion table:

＜QueryConditionFrame Family＝＂Frame＂＞
＜Logic＞
＜ExtraAttribute Name＝＂EVENTHANDLER_ATTRIBUTES_QUERY＂＞
＜DHTML＞＜！[CDATA[ONCLICK＝＂$NAME$_Cmd_onClick(’Query’)；＂]]＞＜/DH
TML＞
＜SCRIPT＞＜！[CDATA[
/*possilbe values of cmd：Query，Clear，New，Exit*/
function $NAME$_Cmd_onClick(cmd)
{
}
]]＞＜/SCRIPT＞
＜/ExtraAttribute＞
＜ExtraAttribute Name＝＂EVENTHANDLER_ATTRIBUTES_CLEAR＂＞
＜DHTML＞＜！[CDATA[ONCLICK＝＂$NAME$_Cmd_onClick(’Clear’)；＂]]＞＜/DHT
ML＞
				<!-- SIPO <DP n="12"> -->
				<dp n="d12"/>
＜/ExtraAttribute＞
＜ExtraAttribute Name＝＂EVENTHANDLER_ATTRIBUTES_NEW＂＞
＜DHTML＞＜！[CDATA[ONCLICK＝＂$NAME$_Cmd_onClick(’New’)；＂]]＞＜/DHTML
＞
＜/ExtraAttribute＞
＜ExtraAttribute Name＝＂EVENTHANDLER_ATTRIBUTES_EXIT＂＞
＜DHTML＞＜！[CDATA[ONCLICK＝＂$NAME$_Cmd_onClick(’Exit’)；＂]]＞＜/DHT
ML＞
＜/ExtraAttribute＞
＜/Logic＞
＜/QueryConditionFrame＞

The DHTML program embodiment of maker 12 Fig. 3 client's basic document query webpage application program that generates, its further CSS (cascading style sheet) explains merging, and embodiment is as follows in this CSS statement:

.cSYS_FrameLeft{

    height：        10px；

    border-style：  groove；

    border-width：  2px；

    border-bottom： ；

    border-right：  ；
}
.cSYS_FrameCaption{

    background：    #E8E1BB；

    position：      absolute；

    top：           -8px；

    font-size：     15px；

    z-index：       2；
}
				<!-- SIPO <DP n="13"> -->
				<dp n="d13"/>
.cSYS_FrameCaptionBG{
}
.cSYS_FrameRight{

    height：        10px；

    border-style：  groove；

    border-width：  2px；

    border-left：   ；

    border-bottom： ；
}
.cSYS_FrameBody{

    font-family：    ’’；

    font-size：      15px；

    border-style：   groove；

    border-width：   2px；

    border-top：
}
.cSYS_Label{

    font-family：  ’’；

    font-size：    15px；
}
.cSYS_TextBox{

    height：       23px；

    font-family：  ’’；

    font-size：    15px；
}
				<!-- SIPO <DP n="14"> -->
				<dp n="d14"/>
.cSYS_QueryButton{

    font-family：    ’’；

    background：     #E8E1BB；

    font-size：      15px；

    width：          60px；

    height：         23px；
}

Although the present invention with shown in the preferred embodiment as above, so it is not to limit the present invention, anyly is familiar with this operator, does without departing from the spirit and scope of the present invention various modifications and retouching all is considered as in the application's claim.

Claims

1. Web page application program generator, it comprises:

The Facility Column of a plurality of controls, for these a plurality of controls that provide a user to choose and edit, wherein each control of this Facility Column and each this control after choosing and editing are formed with GUI statement;

A transfer interpreter (translator) is in order to be converted to corresponding intermediate representation (intermedia represantation) with each control with the GUI statement;

A statement conversion table (presentation mapping table), in order to specifying the rule that how intermediate representation is converted to DHTML so that take the control of GUI statement according to this statement translation table as corresponding control of explaining with DHTML;

A logical action conversion table (logical part mapping table) is in order to specify how intermediate representation is converted to the rule that corresponds to an event processor (event handler) and produce an instruction (statement);

A maker (generator), in order to each control with GUI statement, according to this statement conversion table and this logical action conversion table, generate event processor (event handler) and instruction (statement) corresponding to the correspondence of the DHTML statement of each control and institute's combination thereof.

2. maker as claimed in claim 1, wherein this GUI is expressed as Visual Basic statement.

3. maker as claimed in claim 1, wherein this GUI is expressed as the Delphi statement.

4. maker as claimed in claim 1, wherein this intermediate representation is the statement that meets the XML standard.

5. maker as claimed in claim 1, the wherein DHTML statement corresponding to each control that generates of this maker, it further merges with a CSS (cascading style sheet) statement.

6. maker as claimed in claim 1, wherein these a plurality of controls are respectively: label (label) control, text box (text box) control, check box (check box) control, Option Box (option box) control, list box (list box) control, combo box (combobox) control, group location (sstab) control, frame (frame) control, order button (command button) control, (check box) control, grid (grid) control, tree-shaped (tree view) control, select row (selected list) control, Sorted list (sort list) control, hyperlink (hyper link) control, file specification (menu reference) control, condition box (conditional frame) control, calendar (calendar box) control, execution formula text box (advanced text box) control, input html (inline HTML) control, table (result table) control as a result, load html (external HTML) control and querying condition frame (query condition frame) control.