3 頁面設計

  頁面是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

 

下面將分別介紹各種主要的表生成工具和標準控件。

 

發佈了36 篇原創文章 · 獲贊 4 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章