ASPNET開發(fā)大全注冊(cè)模塊設(shè)計(jì)

1、第22章 注冊(cè)模塊設(shè)計(jì)注冊(cè)模塊在網(wǎng)站開發(fā)中是一個(gè)必不可少的模塊，注冊(cè)模塊讓用戶能夠在網(wǎng)站上注冊(cè)自己的信息，以便在以后的訪問中可以直接登錄，網(wǎng)站也可以通過(guò)注冊(cè)模塊保存用戶信息，讓用戶能夠在網(wǎng)站上隨時(shí)查閱自己的信息和聚合內(nèi)容。22.1 學(xué)習(xí)要點(diǎn)注冊(cè)模塊需要涉及到一些ASP.NET 3.5的基本知識(shí)，如果要仔細(xì)學(xué)習(xí)注冊(cè)模塊的開發(fā)，需要詳細(xì)了解本書的一些章節(jié)知識(shí)，這些章節(jié)如下所示：q ASP.NET的網(wǎng)頁(yè)代碼模型。q Web窗體基本控件。q 數(shù)據(jù)庫(kù)基礎(chǔ)。q ADO.NET常用對(duì)象。q Web窗體數(shù)據(jù)控件?；玖私饬艘陨险鹿?jié)的知識(shí)點(diǎn)后，就能夠熟練學(xué)習(xí)和開發(fā)此模塊。22.2 系統(tǒng)設(shè)計(jì)在進(jìn)行系統(tǒng)開發(fā)時(shí)，無(wú)論

2、是模塊開發(fā)還是整體規(guī)劃，都需要進(jìn)行系統(tǒng)設(shè)計(jì)，系統(tǒng)設(shè)計(jì)不僅能夠方便開發(fā)人員的系統(tǒng)開發(fā)，同樣也節(jié)約了在后期維護(hù)中所需的時(shí)間和成本。系統(tǒng)設(shè)計(jì)就好像是一張軟件制造計(jì)劃書，通過(guò)計(jì)劃書能夠高效的進(jìn)行軟件開發(fā)和軟件維護(hù)。 模塊功能描述注冊(cè)模塊是網(wǎng)站中最常用也是必不可少的模塊，對(duì)于注冊(cè)模塊的開發(fā)，首先需要確定一個(gè)基本的用戶流程圖，如圖22-1所示。圖22-1 注冊(cè)模塊基本用戶流程圖從注冊(cè)模塊的基本用戶流程圖可以看出，用戶進(jìn)行注冊(cè)這個(gè)動(dòng)作非常的簡(jiǎn)單。首先用戶需要訪問網(wǎng)站，訪問網(wǎng)站后就會(huì)選擇是否進(jìn)行注冊(cè)，如果需要注冊(cè)則網(wǎng)站提供一個(gè)注冊(cè)模塊給用戶，用戶就能夠進(jìn)行注冊(cè)。在用戶完成注冊(cè)后，用戶信息還應(yīng)該被管理員管理，管

3、理員能夠通過(guò)用戶管理頁(yè)面進(jìn)行頁(yè)面管理。從上述用戶流程圖可以基本規(guī)劃以下幾個(gè)頁(yè)面：q 注冊(cè)頁(yè)面：提供用用戶注冊(cè)操作。q 管理頁(yè)面：提供管理員管理頁(yè)面。在基本規(guī)劃了Web應(yīng)用中需要制作的模塊，可以為這些模塊進(jìn)行模塊的流程分析。 模塊流程分析在對(duì)業(yè)務(wù)進(jìn)行了基本的劃分之后，可以為模塊進(jìn)行基本的流程分析，包括這個(gè)模塊中最基本的函數(shù)，以及這些函數(shù)在頁(yè)面中是如何執(zhí)行的。對(duì)于注冊(cè)頁(yè)面而言，首先需要確定用戶需要提供哪些注冊(cè)內(nèi)容，如果Web應(yīng)用希望用戶提供真實(shí)的信息，例如校內(nèi)網(wǎng)這樣的SNS，那么就需要用戶提供真實(shí)的信息，以及提供應(yīng)用程序驗(yàn)證用戶的真實(shí)性。如果Web應(yīng)用無(wú)所謂用戶提供的信息是真實(shí)的或者是虛假的，那么

4、就無(wú)所謂應(yīng)用程序的開發(fā)，那么應(yīng)用程序的開發(fā)就只需要進(jìn)行入庫(kù)即可。對(duì)于管理頁(yè)面而言，管理人員需要對(duì)用戶信息進(jìn)行操作，包括修改和刪除。在ASP.NET 3.5中，可以使用SQL數(shù)據(jù)源控件和SQL數(shù)據(jù)綁定控件完成功能。既然了解了基本的模塊流程和制作，就可以模擬模塊流程分析圖，如圖22-2所示。圖22-2 基本模塊流程圖用戶注冊(cè)直接進(jìn)入register.aspx頁(yè)面進(jìn)行注冊(cè)，注冊(cè)完成后進(jìn)行數(shù)據(jù)操作，將用戶信息加入到數(shù)據(jù)庫(kù)中。管理人員進(jìn)入manage.aspx對(duì)用戶的注冊(cè)信息管理進(jìn)行數(shù)據(jù)操作即可。22.3 數(shù)據(jù)庫(kù)設(shè)計(jì)數(shù)據(jù)庫(kù)設(shè)計(jì)是軟件設(shè)計(jì)中最為重要的一部分，當(dāng)數(shù)據(jù)庫(kù)的設(shè)計(jì)完成后，軟件開發(fā)過(guò)程中如果對(duì)于數(shù)據(jù)

5、庫(kù)模型的更改則會(huì)引起很多的變動(dòng)，如果對(duì)于數(shù)據(jù)庫(kù)其中的一個(gè)字段的更改，很可能就需要將大部分代碼中的SQL語(yǔ)句進(jìn)行更改，良好的數(shù)據(jù)庫(kù)設(shè)計(jì)是非常必要的。 數(shù)據(jù)庫(kù)的分析和設(shè)計(jì)用戶在網(wǎng)站上進(jìn)行登錄，首先要確定對(duì)網(wǎng)站而言需要用戶的哪些基本信息，這些基本信息可以暫時(shí)歸納如下：q 用戶名：用于保存用戶的用戶名，當(dāng)用戶登錄時(shí)可以通過(guò)用戶名驗(yàn)證。q 密碼：用于保存用戶的密碼，當(dāng)用戶使用登錄時(shí)可以通過(guò)密碼驗(yàn)證。q 性別：用于保存用戶的性別。q 頭像：用于保存用戶的個(gè)性頭像。q QQ/MSN：用于保存用戶的QQ/MSN等信息。q 個(gè)性簽名：用于展現(xiàn)用戶的個(gè)性簽名等資料。q 備注：用于保存用戶的備注信息。q 用戶情況：

6、用于保存用戶的狀態(tài)，可以設(shè)置為通過(guò)審批和未通過(guò)等。對(duì)數(shù)據(jù)庫(kù)的基本分析完成后，就可以創(chuàng)建數(shù)據(jù)庫(kù)表來(lái)存儲(chǔ)用戶注冊(cè)的信息。這里需要?jiǎng)?chuàng)建一個(gè)Register數(shù)據(jù)庫(kù)，創(chuàng)建完成后就能夠在Register數(shù)據(jù)庫(kù)中創(chuàng)建表。 數(shù)據(jù)表的創(chuàng)建創(chuàng)建表可以通過(guò)SQL Server Management Studio視圖進(jìn)行創(chuàng)建也可以通過(guò)SQL Server Management Studio 查詢使用SQL語(yǔ)句進(jìn)行創(chuàng)建，本書兩者都介紹。這個(gè)模塊的數(shù)據(jù)庫(kù)設(shè)計(jì)比較簡(jiǎn)單，為了保存用戶信息，可以創(chuàng)建一個(gè)Register表并為數(shù)據(jù)庫(kù)分析中的基本信息創(chuàng)建字段，如圖22-3所示。圖22-3 數(shù)據(jù)庫(kù)表結(jié)構(gòu)正如圖22-3中所示，表為用戶

7、的基本信息創(chuàng)建了字段，這些字段的意義分別為：q id：用于標(biāo)識(shí)用戶的ID號(hào)，并為自動(dòng)增長(zhǎng)的主鍵。q username：用于標(biāo)識(shí)用戶名。q password：用于標(biāo)識(shí)用戶密碼。q sex：用于標(biāo)識(shí)用戶性別。q picture：用于標(biāo)識(shí)用戶頭像。q IM：用于標(biāo)識(shí)用戶的IM信息，包括QQ/MSN等。q information：用于標(biāo)識(shí)用戶的個(gè)性簽名。q others：用于標(biāo)識(shí)用戶的備注信息。q ifisuser：用于標(biāo)識(shí)用戶是否為合法用戶。創(chuàng)建數(shù)據(jù)表的SQL查詢語(yǔ)句代碼如下所示。USE RegisterGOSET ANSI_NULLS ONGOSET QUOTED_IDENTIFIER ONGOC

8、REATE TABLE dbo.Register(/創(chuàng)建數(shù)據(jù)庫(kù)id int IDENTITY(1,1) NOT NULL,username nvarchar(50) COLLATE Chinese_PRC_CI_AS NULL,password nvarchar(50) COLLATE Chinese_PRC_CI_AS NULL,sex int NULL,picture nvarchar(max) COLLATE Chinese_PRC_CI_AS NULL,IM nvarchar(50) COLLATE Chinese_PRC_CI_AS NULL,information nvarchar

9、(max) COLLATE Chinese_PRC_CI_AS NULL,others nvarchar(max) COLLATE Chinese_PRC_CI_AS NULL,ifisuser int NULL, CONSTRAINT PK_Register PRIMARY KEY CLUSTERED (id ASC)WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON PRIMARY) ON PRIM

10、ARY上述代碼創(chuàng)建了一個(gè)數(shù)據(jù)庫(kù)并將ID設(shè)為自動(dòng)增長(zhǎng)的主鍵，在用戶注冊(cè)時(shí)，可以不向該字段進(jìn)行數(shù)據(jù)操作。22.4 界面設(shè)計(jì)良好的界面設(shè)計(jì)是吸引用戶的基本，在注冊(cè)頁(yè)面將頁(yè)面設(shè)計(jì)的豐富多彩，可以吸引用戶的注冊(cè)和登錄，并提高回頭率。在進(jìn)行頁(yè)面設(shè)計(jì)時(shí)，可以使用CSS也可以使用表格進(jìn)行頁(yè)面布局，相比之下CSS具有更高的靈活性。 基本界面在進(jìn)行頁(yè)面布局前，只需要?jiǎng)?chuàng)建一個(gè)基本頁(yè)面以滿足應(yīng)用程序的需求即可。注冊(cè)模塊需要一些基本的控件，這些控件包括TextBox控件、Label控件和按鈕控件，示例代碼見光盤中源代碼第22章22-122-1Default.aspx所示。上述代碼創(chuàng)建了一個(gè)頭部信息層、一個(gè)注冊(cè)信息層和一

11、個(gè)底部信息層，這三個(gè)層分別負(fù)責(zé)頭部圖片的顯示、注冊(cè)信息的樣式控制和底部版權(quán)說(shuō)明，在沒有CSS控制時(shí)，其效果如圖22-4所示。圖22-4 基本樣式在基本樣式中，注冊(cè)信息層使用表格進(jìn)行排版，使用表格能夠快速的進(jìn)行頁(yè)面的布局控制，表格同樣可以使用CSS進(jìn)行樣式控制。22.4.2 創(chuàng)建CSS使用CSS進(jìn)行網(wǎng)頁(yè)布局能夠極大的加強(qiáng)網(wǎng)頁(yè)布局的靈活度，同樣在網(wǎng)頁(yè)布局中也提高了代碼的復(fù)用性并將HTML頁(yè)面代碼與CSS代碼相分離，CSS頁(yè)面代碼如下所示。body/設(shè)置頁(yè)面樣式 font-size:12px; font-family:Geneva, Arial, Helvetica, sans-serif; mar

12、gin:0px 0px 0px 0px;.top/設(shè)置頭部樣式 background:white url(top.png) no-repeat top center; height:200px; margin:0px auto; width:800px;.register/設(shè)置注冊(cè)樣式 margin:0px auto; width:800px;.end/設(shè)置底部樣式 background:#f9fbfd; margin:0px auto; width:800px; text-align:center; padding:10px 10px 10px 10px;在CSS頁(yè)面文件樣式編寫完畢后，就需

13、要在相應(yīng)的頁(yè)面進(jìn)行引用，示例代碼如下所示。 <link href="css.css" rel="stylesheet" type="text/css" />在使用了CSS文件后，頁(yè)面樣式如圖22-5所示。圖22-5 CSS樣式控制后的頁(yè)面上述頁(yè)面在CSS的樣式控制下顯得非常的友好，用戶在進(jìn)行注冊(cè)時(shí)，會(huì)感覺到應(yīng)用程序是在用心制作的情況下上線的，提高了用戶的回頭率。22.5 代碼實(shí)現(xiàn)在完成基本的控件布局和CSS樣式布局之后，頁(yè)面就能夠呈現(xiàn)在客戶端瀏覽器中。但是如果用戶想要在頁(yè)面中執(zhí)行邏輯操作，就需要進(jìn)行代碼實(shí)現(xiàn)完成應(yīng)用程序所需

14、要執(zhí)行的頁(yè)面邏輯，以保證用戶注冊(cè)功能能夠良好的運(yùn)行。 驗(yàn)證控制在用戶進(jìn)行注冊(cè)操作時(shí)，需要對(duì)用戶進(jìn)行用戶驗(yàn)證控制，例如用戶沒有輸入密碼的情況下單擊了注冊(cè)控件，數(shù)據(jù)是不應(yīng)該被插入到數(shù)據(jù)庫(kù)中的。如果沒有對(duì)數(shù)據(jù)進(jìn)行驗(yàn)證則會(huì)插入很多空數(shù)據(jù)，影響數(shù)據(jù)庫(kù)功能。若要實(shí)現(xiàn)驗(yàn)證控制，可以使用現(xiàn)有的驗(yàn)證控件進(jìn)行驗(yàn)證控制，示例代碼見關(guān)盤中源代碼第22章22-122-1Default.aspx。上述代碼使用了RequiredFieldValidator控件進(jìn)行了基本的驗(yàn)證，如果用戶輸入的用戶名和密碼以及性別為空，則會(huì)說(shuō)明用戶名和密碼以及性別為空，請(qǐng)重新輸入，如圖22-6所示。圖22-6 驗(yàn)證控制進(jìn)行驗(yàn)證控制后，就能夠防

15、止非法用戶或用戶疏忽所造成的空數(shù)據(jù)庫(kù)問題，也方便了數(shù)據(jù)維護(hù)的進(jìn)行。 過(guò)濾輸入信息在進(jìn)行數(shù)據(jù)操作之前，并不能只憑用戶輸入的信息是否為空就能夠判斷用戶是否是合法用戶，在Web應(yīng)用中包括很多的不好的信息，例如黃色淫穢名稱或者是特殊的字符串，都有可能對(duì)網(wǎng)站造成危害。注意：不僅僅是黃色淫穢的名稱會(huì)對(duì)網(wǎng)站造成危害，特殊的字符串還有可能造成SQL注入等更大的危害。在用戶單擊按鈕控件時(shí)會(huì)執(zhí)行數(shù)據(jù)插入操作，在數(shù)據(jù)插入之前就需要對(duì)信息進(jìn)行過(guò)濾，示例代碼如下所示。 protected void Button1_Click(object sender, EventArgs e) if (Check(TextBox1.

16、Text) | Check(TextBox2.Text) | Check(TextBox4.Text) | Check(TextBox5.Text) | Check(TextBox6.Text) | Check(TextBox7.Text)/判斷 Label8.Text = "用戶信息中不能夠包含特殊字符如<,>,',/,等,請(qǐng)審核"/輸出信息 else /注冊(cè)代碼 上述代碼使用了Check函數(shù)對(duì)文本框控件進(jìn)行了用戶資料的判斷，Check函數(shù)的實(shí)現(xiàn)如下所示。 protected bool Check(string text)/判斷實(shí)現(xiàn) if (text.

17、Contains("<") | text.Contains(">") | text.Contains("'") | text.Contains("/") | text.Contains("")/檢查字串 return true;/返回真 else return false;/返回假 Check函數(shù)定義了基本的判斷方式，如果文本框信息中包含“<”，“>”，“”，“/”，“”等字符串時(shí)，該方法將會(huì)返回true，否則會(huì)返回false。這也就是說(shuō)，如果字符串中包含了這些字

18、符，則會(huì)返回true。在Button1_Click函數(shù)中就會(huì)判斷包含非法字符，并進(jìn)行提示，否則會(huì)執(zhí)行注冊(cè)代碼。對(duì)關(guān)鍵字的過(guò)濾是非常必要的，這樣能夠保證應(yīng)用程序的完整性并提高應(yīng)用程序健壯性，同時(shí)也對(duì)數(shù)據(jù)庫(kù)中的完整性進(jìn)行了保護(hù)。 插入注冊(cè)信息當(dāng)用戶單擊按鈕控件時(shí)，如果對(duì)用戶進(jìn)行了非空驗(yàn)證和關(guān)鍵字過(guò)濾后，就能夠進(jìn)行數(shù)據(jù)的插入，用戶可以使用ADO.NET進(jìn)行數(shù)據(jù)操作，示例代碼如下所示。 protected void Button1_Click(object sender, EventArgs e) if (Check(TextBox1.Text) | Check(TextBox2.Text) | Ch

19、eck(TextBox4.Text) | Check(TextBox5.Text) | Check(TextBox6.Text) | Check(TextBox7.Text)/檢查字串 Label8.Text = "用戶信息中不能夠包含特殊字符如<,>,',/,等,請(qǐng)審核"/輸出信息 else try SqlConnection con = new SqlConnection("server='(local)'database='Register'uid='sa'pwd='sa'&

20、quot;);/建立連接 con.Open();/打開連接 string strsql = "insert into register (username,password,sex,picture,im,information,others,ifisuser) values ('" + TextBox1.Text + "','" + TextBox2.Text + "','" + DropDownList1.Text + "','" + TextBox4.Te

21、xt + "','" + TextBox5.Text + "','" + TextBox6.Text + "','" + TextBox7.Text + "',0)" SqlCommand cmd = new SqlCommand(strsql,con);/創(chuàng)建執(zhí)行 cmd.ExecuteNonQuery();/執(zhí)行SQL Label8.Text = "注冊(cè)成功,請(qǐng)牢記您的信息"/提示成功 catch Label8.Text = "

22、;出現(xiàn)錯(cuò)誤信息,請(qǐng)返回給管理員"/拋出異常 上述代碼通過(guò)ADO.NET實(shí)現(xiàn)了數(shù)據(jù)的插入，但是上述代碼有一個(gè)缺點(diǎn)，如果用戶注冊(cè)了一個(gè)用戶并且名稱為abc，當(dāng)這個(gè)用戶注銷并再注冊(cè)一個(gè)用戶名稱為abc時(shí)，如果依舊將數(shù)據(jù)插入到數(shù)據(jù)庫(kù)則會(huì)出現(xiàn)錯(cuò)誤。值得注意的是，這個(gè)錯(cuò)誤并不是邏輯錯(cuò)誤，但是這個(gè)錯(cuò)誤會(huì)造成不同的用戶可能登錄了同一個(gè)用戶信息并產(chǎn)生信息錯(cuò)誤。為了避免這種情況的發(fā)生，在用戶注冊(cè)前首先需要執(zhí)行判斷，示例代碼如下所示。 string check = "select * from register where username='" + TextBox1.Text

23、 + "'" SqlDataAdapter da = new SqlDataAdapter(check,con);/創(chuàng)建適配器 DataSet ds = new DataSet();/創(chuàng)建數(shù)據(jù)集 da.Fill(ds, "table");/填充數(shù)據(jù)集 if (da.Fill(ds, "table") > 0)/判斷同名 Label8.Text = "注冊(cè)失敗,有相同用戶名"/輸出信息 else SqlCommand cmd = new SqlCommand(strsql, con);/創(chuàng)建執(zhí)行對(duì)象 c

24、md.ExecuteNonQuery();/執(zhí)行SQL Label8.Text = "注冊(cè)成功,請(qǐng)牢記您的信息"/輸出成功 在用戶注冊(cè)時(shí)，首先從數(shù)據(jù)庫(kù)查詢出是否已經(jīng)包含這個(gè)用戶名的信息，如果包含則不允許用戶注冊(cè)，如果沒有，則說(shuō)明用戶是一個(gè)新用戶，可以進(jìn)行注冊(cè)。 管理員頁(yè)面管理員頁(yè)面作為管理頁(yè)面，其功能非常簡(jiǎn)單，只需要對(duì)數(shù)據(jù)進(jìn)行刪除和修改即可，無(wú)需進(jìn)行任何的數(shù)據(jù)操作，使用ASP.NET本身的數(shù)據(jù)源控件和數(shù)據(jù)綁定控件就能夠?qū)崿F(xiàn)管理員頁(yè)面的編寫和制作。作為數(shù)據(jù)的呈現(xiàn)，可以使用GridView控件進(jìn)行呈現(xiàn)，同時(shí)GridView控件還支持編輯和刪除功能，示例代碼見光盤中源代碼第22章

25、22-122-1Manage.aspx所示。上述代碼編寫了GridView控件的樣式并且為GridView控件配置了數(shù)據(jù)源，同時(shí)也配置GridView控件能夠支持編輯和刪除等操作，在數(shù)據(jù)源配置時(shí)，需要新建一個(gè)連接字串，如圖22-7所示。建立連接字串并保存連接字串到Web.config文件中，單擊【下一步】按鈕，可以生成SQL語(yǔ)句，在生成SQL語(yǔ)句時(shí)，為了方便管理，管理員通常都是對(duì)最新注冊(cè)用戶進(jìn)行管理，如圖22-8所示。 圖22-7 建立連接字串 圖22-8 選擇排序方式選擇按照id的方式進(jìn)行倒序，能夠讓管理員快速的管理最新的注冊(cè)用戶，并進(jìn)行編輯和刪除等操作，為了能夠讓數(shù)據(jù)源自動(dòng)支持編輯和刪除操作，必須進(jìn)行數(shù)據(jù)源高級(jí)配置，如圖22-9所示。圖22-9 生成數(shù)據(jù)操作語(yǔ)句勾選【生成INSERT、UPDATE和DELETE語(yǔ)句】選項(xiàng)，以支持?jǐn)?shù)據(jù)源控件自動(dòng)進(jìn)行編輯和刪除等操作，單擊【確定】按鈕并完成，就將數(shù)據(jù)源控件配置完成，數(shù)據(jù)源控件配置后代碼見光盤中源代碼第22章22-122-1Manage.aspx所示。從上述代碼可以看出數(shù)據(jù)源控件中生成的SQL語(yǔ)句，使用數(shù)據(jù)源控件能夠簡(jiǎn)化開發(fā)人員對(duì)數(shù)據(jù)的開