頁面是html標籤組成的,jsp可以動態生成一些html標籤,如何更好的開發,各種各樣的框架提出了很多方法。無論採用哪種方式,基本上都是標準化元素,還有你要決定立足什麼技術。比如實現一個數據庫查詢功能同時要有一點處理,如果立足數據庫,可以採用存儲過程;而立足程序開發,sql可以簡化,通過一個函數進行處理。所以對於頁面設計,由於編程語言必不可少,我不希望開發人員再掌握過多的html規範,因此採用的方式是弱化html,採用編程人員容易理解的模式進行開發。
一、要確定主體思路是:
a、一個頁面首先包含佈局管理器,負責頁面各個模塊的組合;
b、模塊以表(table)爲基礎,不同的表有不同的生成器;
c、生成器生成頁面的元素;
d、頁面元素的屬性通過set方法實現;
e、將頁面元素作爲對象,引入繼承機制,屬性也同樣可以繼承;
f、樣式和屬性分離,樣式由美工統一控制,開發人員只應該設置屬性。
二、頁面佈局,頁面的展示風格應該相同,作爲一般的查詢輸出,我們的頁面如圖:
數據表:包含表頭和數據區,可以有統計行、分頁行。
查詢表:輸入查詢條件。
控制行:包含控制按鈕。
每個區域用到的各種標籤元素都有默認的樣式定義,開發人員一般不允許修改,這樣能保證樣式的統一,而且減少開發量。
三、補充一點樣式說明:
作爲示例,下面列舉分頁行的默認樣式,數據表、查詢表同樣有很多樣式,只是數量太多。
TABLE |
Class |
pageTABLE |
Width |
100% |
|
TR |
|
|
TD |
Class |
pageTD |
INPUT_TEXT |
Class |
pageInputText |
INPUT_BUTTON |
Class |
pageButton |
下面將分別介紹各種主要的表生成工具和標準控件。