?

系統開發管理、架構與設計步步談隨筆索引

前言導讀

網站框架系列目錄

1.1 編碼規范

1.2 ?User Interface 規范

1.3?菜單管理

1.4?數據驗證

1.5?異常處理機制

1.6?安全管理

1.7?系統日志管理

??? ??郵件和手機短信通知服務

1.8?預防SQL注入

1.9 ?Javascript統一管理

1.10?查詢緩存

1.11?并發處理

1.12?文件存儲管理

1.13?供其它程序調用的WCF接口

1.14?調用其它應用程序接口的公共處理

1.15?數據庫索引應用

1.16?數據庫備份和恢復

1.17?數據庫復制

1.18 ?SQL SERVER 性能分析與處理

1.19?安裝與布署

?

項目管理與設計（待續……）

正文

?

1.2? User Interface 規范

?

???我剛開始工作時，在一家臺灣的外包公司，設計都是在臺灣做，我們這邊只是負責將他們寫好的spec 翻譯成程序，那時候還沒有畢業，精力比較旺盛，每早早上9點上班，一座就是十幾個小時的coding,中午、晚飯都是直接在辦公桌上吃。雖然工作比較辛苦，還是得感謝一下公司 黃總，對予一位還沒畢業的學生來講，有份工作干已經是相當高興，而且是寫程序的，以此讓以后一直走在寫程序的路上。

?? 工作內容大致是這樣的，從臺灣過來的Spec，由我們這邊的項目經理分發給每個程序員，每個程序員在指定的開發框架上，把規格書上的偽代碼翻譯成程序，現在給我留下的印像除了開發的標準化以外，就是他們的寫的spec剛開始寫明這個業務是單表操作、主表明細表操作。對于單表操作的頁面,繼自SingleTable類，而主表明細表操作的頁面繼承自MutleTable類，繼承自這些類以后，根據spec要求，只要覆蓋指定的方法，寫上固定的程序，一個頁面的功能就完成了。這樣一個標準化的思想，以后一直在影響著我考慮問題的思維，在這樣的標準下，再多的程序員寫出來的程序是一模一樣的。

對于用戶來講，整個項目所有的頁面也只有這兩種操作模式，反之想一下，一個項目有一百個頁面，每個頁面的操作方法各不相同，用戶體驗有多差是顯然的。

對于我們開發的人來講，根據操作模式要求一致的需求，需要開制定出標準化的頁面模版。關于統一的頁面模版，可以整個項目做一個masterpage，然后每個頁面放置其中，然后再針對頁面制定標準。

如以下是舉的一個例子，實際情況還得根據業務來修改。

?

普通查詢接單頁面

<form>

?????? <table id ="tableMain">

??????? <tr>

??????? </tr>

??????? <tr>

?????????? <td>

?????????????? <table id="pnlSearch">

?

?????????????? </table>

?????????? </td>

??????? <tr>

??????? <tr>

???????? 查詢，修改......按鈕擺放區

??????? </tr>

??????? <tr>

????????? gridView 擺放區

??????? </tr>

??????? <tr>

??????? </>

?????? </table>

???? </form>

?

???

?? 詳細編輯頁面

??? <form>

?????? <table>

????????? <tr>

??????????? <td>

????????????? <table class="Grid">

???????????????? <tr>

???????????????????? 編輯區域擺放區

???????????????? </tr>

???????????????? <tr>

???????????????????? 保存，保存新增，返回按鈕擺放區

???????????????? </tr>

????????????? </table>

??????????? </td>

????????? </tr>

????????? <tr>

??????????? 隱藏控件擺放區

????????? </tr>

?????? </table>

</form>

普通查詢頁面查詢出數據，由功能按鈕轉到編輯頁面程序去修改編輯。

?

????? 相應的頁面CS程序除了初始化，操作，提交 順序以外，也有一些固定的事件方法

?????

???? 普通查詢頁面

???? Page_Load()

???? BtnSearch_Click()

???? btnAddNew_Click()

???? BtnUpt_Click()

???? BtnDepose_Click()

???? UltraWebGrid1_DblClick()

???? pager_PageChanged()

???? drp_pager_SelectedIndexChanged()

???? initPageControl()

???? Get_DeposeDateTime()

???? QueryBind()

???? Bindload()

???? BandDataGrid)

???? ChangColor()

???? 編輯頁面程序結構

???? Page_Load()

???? Btn_Save_Click()

???? BtnSaveBack_Click()

???? BtnSaveAdd_Click()

???? BtnBack_Click()

???? BtnException_Click()

???? btn_Depose_Click()

???? Save()

???? GetBody()

???? PageLoad()

???? BindLoad()

???? JS()

?? ?在外面大體結構完成以后，就在定框架里面的細節問題了，如GridView的分頁功能操作，顯示樣式，目前可以用的分頁的第三方組件很多，如AspNetPager，GridView的樣式功能也有很多可供參考的資料,如 GridView 72般絕技 ?；對于分頁存儲過程代碼另作解釋，對于系統中一定存在很多功能按鈕，如 新增、刪除、編輯、保存、取消 ，就需要美工人員為其設計出漂亮的圖標了，當我們執行完一個動作以后都會有提示信息給用戶，一個系統的提示信息也需要統一，不能出現一個地方提示“新增成功”，在另一個地方提示 “操作成功”這樣不一致的情況，俱體業務根據俱體來制定

???? 先寫到這，日后再繼續補充

轉載于:https://www.cnblogs.com/zycblog/archive/2011/03/01/1968040.html

總結

以上是生活随笔為你收集整理的1.2 User Interface 规范(系统开发架构与设计步步谈)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。