XForms設計器-----概述

1. 概述

GForms Designer 是一款所見即所得設計工具，使用該工具您可以從選項選用板中拖放控件來構建展示頁面。

GForms設計器支持中文及英文兩種語言，具體所使用的語言由用戶的電腦配置環境決定。

2. GForms透視圖

爲了更好的使用GForms設計器，請在打開Eclipse開發平臺後，在右上角切換到GForms透視圖：

請在透視圖列表中選擇「GForms」，將工做臺切換到以下佈局：

3. 建立

3.1. 建立GForms工程

在GForms視圖下，能夠直接經過菜單：FileànewàGForms工程，打開建立GForms工程嚮導：

或直接經過菜單：FileànewàProject，在彈出的建立工程嚮導中，選擇「GForms」分類下的「GForms工程」:

在建立GForms工程的頁面，錄入工程名稱便可，示例以下圖：

使用建議：

在建立GForms工程時，爲了節省時間，請按以下建議對Eclipse進行設置：

l 爲了減小Eclipse檢查驗證javascript、css、圖片等文件的過程，在Eclipse的菜單中：WindowsàPreference，在彈出的首選項配置中，找到validation配置頁，勾選上阻止全部項的驗證，以下圖所示：

l 取消工程的自動編譯功能，由於該功能將致使大量的編譯，下降開發效率。

3.2. 建立GForms表單

在GForms視圖下，能夠直接經過菜單：FileànewàGForms文件，打開建立GForms文件嚮導：

或者，直接在須要建立GForms頁的文件夾右鍵菜單選擇New-àFile：

4. GForms設計器

爲了更好的使用GForms設計器，請在打開Eclipse開發平臺後，在右上角切換到GForms透視圖：

4.1. 控件面板

GForms平臺所支持的全部的控件，包括17個核心控件（或基礎控件）、8個容器控件、9個擴展控件及6個圖形控件，同時還包括上下文菜單等控件類型。

能夠選擇任意一個控件圖片，而後拖拽到右邊的設計器區域，便可在設計器中添加控件。

使用提示：若是控件面板已經關閉，有兩種方式打開控件面板：

方法一：則能夠經過在Eclipse的菜單欄選擇：WindowsàShow View，而後在彈出的視圖對話框中選擇Palette便可再次打開控件面板；

方法二：在設計器的右鍵菜單中選擇「打開控件面板視圖」。

4.2. 設計器區域

設計器包括5個標籤頁：

Ø 設計：UI設計界面。

Ø 輔助：上下文菜單及上傳下載控件專用。

Ø 腳本：

編寫JavaScript腳本，支持着色、提示等功能：

Ø XML：

XML編輯器，用於編輯當前GForms的配置信息或XML數據片斷。

注意：

• 每一個XML片斷，必須提供一個當前頁惟一的ID用於標識該XML片斷，而且在javaScript視圖中，能夠經過XML的ID去訪問或操做XML數據片斷。

• 每一個XML片斷的只能有且僅有一個根元素，而且須要存放到<xml id=」xxx」></xml>以內。 

• 每次編輯xml片斷時須要確保是合法的XML，不然gforms編輯器拒絕保存。

>預覽：

提供快速預覽當前設計結果，默認使用的瀏覽器爲Eclipse內置的IE瀏覽器，若是目標運行瀏覽器爲其餘瀏覽器，請在Eclipse之中進行瀏覽器設置。

設置瀏覽器方式爲在菜單Windows&agrave;首選項：

請在進行瀏覽以前，把當前GForms應用部署到服務器上，如Tomcat或IBM Webshpere Application Server、weblogic等服務器之中，並在當前GForms應用的首選項中同步配置（應用發佈及同步配置，請參考應用首選項配置使用手冊）。

使用提示：

l GForms應用發佈功能支持應用部署到本地服務器或遠處服務器上。

l 預覽時會直接把當前GForms表單發佈到服務器。

l 除了在預覽出檢查開發結果，也能夠在外部瀏覽器，如Firefox、Chrome、IE中查看開發結果（在預覽頁面右鍵選擇屬性便可查看訪問URL路徑）。

4.3. 設計器上下文菜單

設計器的包含豐富的右鍵菜單，方便開發人員快捷開發，用戶選擇不一樣的控件會有不一樣的右鍵菜單，其中在設計器的空白位置右鍵菜單以下圖所示：

除常規的編輯操做：剪切、拷貝、粘貼、重複、刪除、重作、取消外，還有一些功能菜單項：

菜單項	功能說明	備註
分欄	將把當前右鍵菜單的控件橫行或縱向分裂爲兩個
添加狀態欄	每一個GForms頁面只能有一個狀態欄	運行時能夠經過API動態設置狀態欄的內容
工具欄	每一個GForms頁面只能有一個工具欄	能夠經過工具欄的子菜單項：添加項：在工具欄增長一個菜單項； 添加分割線：在工具欄添加一個豎線； 刪除工具欄：刪除所添加的工具欄
查看屬性	查看所選擇空間的屬性，若是屬性面板關閉則能夠經過該功能打開屬性配置視圖
打開控件面板	打開或顯示設計器的控件面板

4.4. 控件類型轉換

爲方便開發，GForms設計器提供了控件類型轉換功能，能夠方便的把某個控件轉換爲所須要的其餘控件。

當選擇某個具體的控件時，如Input輸入框，其上下文菜單以下圖所示：

「轉換到」子菜單容許把當前所選擇的控件轉換爲其餘類型。

當選擇是容器控件：group、groupbox、fieldset、重複容器、表格時：

若是轉換爲表格，則轉換後的控件以下：

4.5. 工具欄

在設計器中，選擇幾個控件，而後能夠經過工具欄提供的功能快速實現對其、大小配置、刪除、複製、取消/重作功能。

 

聯繫方式

www.ghpaas.com

電話: 13601178468

Email: ghpaas@163.com

 

產品資料：百度網盤http://yun.baidu.com/s/1bnznec3#dir/path=%2Fghorse