?

系統(tǒng)開發(fā)管理、架構(gòu)與設(shè)計(jì)步步談隨筆索引

前言導(dǎo)讀

網(wǎng)站框架系列目錄

1.1 編碼規(guī)范

1.2 ?User Interface 規(guī)范

1.3?菜單管理

1.4?數(shù)據(jù)驗(yàn)證

1.5?異常處理機(jī)制

1.6?安全管理

1.7?系統(tǒng)日志管理

??? ??郵件和手機(jī)短信通知服務(wù)

1.8?預(yù)防SQL注入

1.9 ?Javascript統(tǒng)一管理

1.10?查詢緩存

1.11?并發(fā)處理

1.12?文件存儲(chǔ)管理

1.13?供其它程序調(diào)用的WCF接口

1.14?調(diào)用其它應(yīng)用程序接口的公共處理

1.15?數(shù)據(jù)庫(kù)索引應(yīng)用

1.16?數(shù)據(jù)庫(kù)備份和恢復(fù)

1.17?數(shù)據(jù)庫(kù)復(fù)制

1.18 ?SQL SERVER 性能分析與處理

1.19?安裝與布署

?

項(xiàng)目管理與設(shè)計(jì)（待續(xù)……）

正文

?

1.2? User Interface 規(guī)范

?

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

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

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

對(duì)于我們開發(fā)的人來講，根據(jù)操作模式要求一致的需求，需要開制定出標(biāo)準(zhǔn)化的頁(yè)面模版。關(guān)于統(tǒng)一的頁(yè)面模版，可以整個(gè)項(xiàng)目做一個(gè)masterpage，然后每個(gè)頁(yè)面放置其中，然后再針對(duì)頁(yè)面制定標(biāo)準(zhǔn)。

如以下是舉的一個(gè)例子，實(shí)際情況還得根據(jù)業(yè)務(wù)來修改。

?

普通查詢接單頁(yè)面

<form>

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

??????? <tr>

??????? </tr>

??????? <tr>

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

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

?

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

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

??????? <tr>

??????? <tr>

???????? 查詢，修改......按鈕擺放區(qū)

??????? </tr>

??????? <tr>

????????? gridView 擺放區(qū)

??????? </tr>

??????? <tr>

??????? </>

?????? </table>

???? </form>

?

???

?? 詳細(xì)編輯頁(yè)面

??? <form>

?????? <table>

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

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

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

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

???????????????????? 編輯區(qū)域擺放區(qū)

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

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

???????????????????? 保存，保存新增，返回按鈕擺放區(qū)

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

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

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

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

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

??????????? 隱藏控件擺放區(qū)

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

?????? </table>

</form>

普通查詢頁(yè)面查詢出數(shù)據(jù)，由功能按鈕轉(zhuǎn)到編輯頁(yè)面程序去修改編輯。

?

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

?????

???? 普通查詢頁(yè)面

???? Page_Load()

???? BtnSearch_Click()

???? btnAddNew_Click()

???? BtnUpt_Click()

???? BtnDepose_Click()

???? UltraWebGrid1_DblClick()

???? pager_PageChanged()

???? drp_pager_SelectedIndexChanged()

???? initPageControl()

???? Get_DeposeDateTime()

???? QueryBind()

???? Bindload()

???? BandDataGrid)

???? ChangColor()

???? 編輯頁(yè)面程序結(jié)構(gòu)

???? Page_Load()

???? Btn_Save_Click()

???? BtnSaveBack_Click()

???? BtnSaveAdd_Click()

???? BtnBack_Click()

???? BtnException_Click()

???? btn_Depose_Click()

???? Save()

???? GetBody()

???? PageLoad()

???? BindLoad()

???? JS()

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

???? 先寫到這，日后再繼續(xù)補(bǔ)充

轉(zhuǎn)載于:https://www.cnblogs.com/zycblog/archive/2011/03/01/1968040.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。