簡單WEB開發(fā)規(guī)范（修正版）

張青 2006-06-15

展開全文

簡單WEB開發(fā)規(guī)范（修正版）

一.頁面設(shè)計部分
1.img控件
alt：所有展示類圖片都要具有能簡要描述圖片內(nèi)容的文字說明。
2.Input控件
maxlength：所有INPUT控件都需要制定maxlength屬性，默認值為數(shù)據(jù)庫中對應(yīng)的字段的長度。
readonly：所有不可更改的信息都要使用readonly屬性。
3.Form控件
action：所有Form都要指定action，如果提交給本身就指定action=""
method：執(zhí)行不可逆動作使用POST,可逆動作使用GET
onsubmit：所有form都要指定提交前需要的檢查程序。
所有form都要有對應(yīng)的reset button。
4.button控件
onclick：form中用于提交的button不容許使用此方法，所有數(shù)據(jù)檢查通過form的onsubmit激活。
5.title屬性
所有頁面都要具有和本頁標題相同的title。
6.控件的命名
采用控件類型縮寫（小寫）+英文單詞（第一個字母大寫）的方法。
開發(fā)中控件基本涉及一下幾類
button：btn
form：frm
select：sel
textarea：txt
input：ipt
7.語言設(shè)置
所有中文頁面都要加上如下語句：
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
8.控件屬性賦值
所有控件的屬性值都要使用雙引號或者單引號包括起來。

二.客戶端程序部分
1.錯誤提示信息的處理（2-1）
所有錯誤信息全部使用中文提示錯誤信息，標點使用中文半角符號，格式如下：
"錯誤："+提示信息+"！"
2.成功提示信息的處理（2-2）
所有成功信息全部使用中文提示成功信息，標點使用中文半角符號，格式如下：
"成功："+提示信息+"！"
3.頁面的返回
所有需要返回上一頁的時候使用history.back();不使用history.go(-1);
需要返回前n頁（n>1）時使用history.go(-n)；
所有返回都使用連接的方式而不是button。
4.提交前數(shù)據(jù)的判斷
保證提交前的數(shù)據(jù)都會通過javascript進行數(shù)據(jù)類型以及長度的判斷
是否為數(shù)字：使用函數(shù)isNaN()
長度判斷: 長度要判斷去掉前后空格后的實際長度
為空判斷：所有不容許為空的輸入字段都要在去掉前后空格后進行判斷，同時如果該字段為查詢條件則必須不能為空
如果判斷條件發(fā)現(xiàn)數(shù)據(jù)錯誤，則通過（2-1）提示錯誤信息，然后通過方法focus()聚焦錯誤字段。
5.刪除數(shù)據(jù)前的提示
所有涉及刪除的操作，在用戶選定以后都要再進行一次確認操作。
三.服務(wù)器端程序部分
1.數(shù)據(jù)的取得
通過Get，Post，連接傳遞過來的數(shù)據(jù)在使用前都要通過trim去掉數(shù)據(jù)前后的空格。
2.數(shù)據(jù)的判斷
通過request的得到的參數(shù)數(shù)據(jù)需要再次進行空，類型，和長度的判斷。
3.對象的關(guān)閉
所有數(shù)據(jù)庫和文件對象都要在使用后盡可能早的close，同時賦nothing。
4.提示信息
所有錯誤提示信息使用javascript提示，保證使用者看不到任何內(nèi)部錯誤信息。（如1-1）
涉及數(shù)據(jù)庫Update，Del，Insert的操作成功都要提示。（如1-2）
5.變量的使用
所有變量在使用前都需要聲明，并且賦初值。
6.變量的命名
采用變量類型縮寫（小寫）+英文單詞（第一個字母大寫）的方法。
開發(fā)中變量基本涉及一下幾類
整數(shù)：i
小數(shù)：f
字符: s
布爾：b
日期：d
特殊的：
循環(huán)依次采用i，j，m，n；
數(shù)組用ary
指針p，q
臨時變量tmp

七.SQL語句
1.排序
order時應(yīng)該盡量提前使用建立索引或者主鍵的字段排序。
2.select
select時避免使用*，即使需要所有字段也應(yīng)盡量一個一個按照使用的順序羅列出來。
3.盡量避免使用in和not in

八.測試
所有頁面要在800*600,1024*768兩種分辨率下運行通過。
所有頁面要在IE5.0,5.5以及6.0下運行通過沒有javascript錯誤。