XForms设计器-----概述

1. 概述

GForms Designer 是一款所见即所得设计工具,使用该工具您可以从选项选用板中拖放控件来构建展示页面。javascript

GForms设计器支持中文及英文两种语言,具体所使用的语言由用户的电脑配置环境决定。css

2. GForms透视图

为了更好的使用GForms设计器,请在打开Eclipse开发平台后,在右上角切换到GForms透视图:java

clip_image0013_thumb2

请在透视图列表中选择“GForms”,将工做台切换到以下布局:web

clip_image0032_thumb1

3. 建立

3.1. 建立GForms工程

在GForms视图下,能够直接经过菜单:FileànewàGForms工程,打开建立GForms工程向导:浏览器

clip_image0051_thumb1

或直接经过菜单:FileànewàProject,在弹出的建立工程向导中,选择“GForms”分类下的“GForms工程”:服务器

clip_image0061_thumb1

在建立GForms工程的页面,录入工程名称便可,示例以下图:编辑器

clip_image0071_thumb1

使用建议工具

建立GForms工程时,为了节省时间,请按以下建议对Eclipse进行设置:布局

l 为了减小Eclipse检查验证javascript、css、图片等文件的过程,在Eclipse的菜单中:WindowsàPreference,在弹出的首选项配置中,找到validation配置页,勾选上阻止全部项的验证,以下图所示:spa

clip_image0091_thumb1

l 取消工程的自动编译功能,由于该功能将致使大量的编译,下降开发效率。

clip_image0101_thumb3

3.2. 建立GForms表单

在GForms视图下,能够直接经过菜单:FileànewàGForms文件,打开建立GForms文件向导:

clip_image0111_thumb1

或者,直接在须要建立GForms页的文件夹右键菜单选择New-àFile:

clip_image0131_thumb

4. GForms设计器

为了更好的使用GForms设计器,请在打开Eclipse开发平台后,在右上角切换到GForms透视图:

clip_image0151_thumb4

4.1. 控件面板

GForms平台所支持的全部的控件,包括17个核心控件(或基础控件)、8个容器控件、9个扩展控件及6个图形控件,同时还包括上下文菜单等控件类型。

能够选择任意一个控件图片,而后拖拽到右边的设计器区域,便可在设计器中添加控件。

使用提示:若是控件面板已经关闭,有两种方式打开控件面板:

方法一:则能够经过在Eclipse的菜单栏选择:WindowsàShow View,而后在弹出的视图对话框中选择Palette便可再次打开控件面板;

方法二:在设计器的右键菜单中选择“打开控件面板视图”。

4.2. 设计器区域

clip_image0171_thumb1

设计器包括5个标签页:

Ø 设计:UI设计界面。

clip_image0191_thumb2

Ø 辅助:上下文菜单及上传下载控件专用。

clip_image0201_thumb2

Ø 脚本

编写JavaScript脚本,支持着色、提示等功能:

clip_image0221_thumb2

Ø XML

XML编辑器,用于编辑当前GForms的配置信息或XML数据片断。

clip_image0241_thumb1

注意

  • 每一个XML片断,必须提供一个当前页惟一的ID用于标识该XML片断,而且在javaScript视图中,能够经过XML的ID去访问或操做XML数据片断。

  • 每一个XML片断的只能有且仅有一个根元素,而且须要存放到<xml id=”xxx”></xml>以内。 

  • 每次编辑xml片断时须要确保是合法的XML,不然gforms编辑器拒绝保存。

>预览

提供快速预览当前设计结果,默认使用的浏览器为Eclipse内置的IE浏览器,若是目标运行浏览器为其余浏览器,请在Eclipse之中进行浏览器设置。

设置浏览器方式为在菜单Windows&agrave;首选项

clip_image0261_thumb1

请在进行浏览以前,把当前GForms应用部署到服务器上,如Tomcat或IBM Webshpere Application Server、weblogic等服务器之中,并在当前GForms应用的首选项中同步配置(应用发布及同步配置,请参考应用首选项配置使用手册)。

使用提示:

l GForms应用发布功能支持应用部署到本地服务器或远处服务器上。

l 预览时会直接把当前GForms表单发布到服务器。

l 除了在预览出检查开发结果,也能够在外部浏览器,如Firefox、Chrome、IE中查看开发结果(在预览页面右键选择属性便可查看访问URL路径)。

4.3. 设计器上下文菜单

设计器的包含丰富的右键菜单,方便开发人员快捷开发,用户选择不一样的控件会有不一样的右键菜单,其中在设计器的空白位置右键菜单以下图所示:

clip_image0271_thumb

除常规的编辑操做:剪切、拷贝、粘贴、重复、删除、重作、取消外,还有一些功能菜单项:

菜单项

功能说明

备注

分栏

将把当前右键菜单的控件横行或纵向分裂为两个

 

添加状态栏

每一个GForms页面只能有一个状态栏

运行时能够经过API动态设置状态栏的内容

工具栏

每一个GForms页面只能有一个工具栏

能够经过工具栏的子菜单项:添加项:在工具栏增长一个菜单项;

添加分割线:在工具栏添加一个竖线;

删除工具栏:删除所添加的工具栏

查看属性

查看所选择空间的属性,若是属性面板关闭则能够经过该功能打开属性配置视图

 

打开控件面板

打开或显示设计器的控件面板

 

4.4. 控件类型转换

为方便开发,GForms设计器提供了控件类型转换功能,能够方便的把某个控件转换为所须要的其余控件。

当选择某个具体的控件时,如Input输入框,其上下文菜单以下图所示:

clip_image0281_thumb1

“转换到”子菜单容许把当前所选择的控件转换为其余类型。

当选择是容器控件:group、groupbox、fieldset、重复容器、表格时:

clip_image0291_thumb1

若是转换为表格,则转换后的控件以下:

clip_image0301_thumb1

4.5. 工具栏

clip_image0311_thumb1

在设计器中,选择几个控件,而后能够经过工具栏提供的功能快速实现对其、大小配置、删除、复制、取消/重作功能。

 

联系方式

www.ghpaas.com

电话: 13601178468

Email: ghpaas@163.com

 

产品资料:百度网盘http://yun.baidu.com/s/1bnznec3#dir/path=%2Fghorse

相关文章
相关标签/搜索