網(wǎng)站會員注冊于登陸項目報告.doc

1、河南交通職業(yè)技術學院項目化課程設計報告課程名稱： NET.WEB網(wǎng)站項目開發(fā)項目名稱：網(wǎng)站會員注冊與登錄適用專業(yè)：軟件技術課程代碼： 490069學時： 108 學時姓名:XXX專業(yè)班級：軟件 10301學號：批閱教師：提交日期：1目錄1.言······························

2、;····························31.1的·····················

3、·····························31.2圍····················&

4、#183;·································31.3料···············&#

5、183;··································32.析··············

6、3;·····································33.析············

7、··········································43.1述·······&

8、#183;··········································43.2標······&#

9、183;···········································43.3境·····

10、83;································引編寫目范參考資可行性分需求分系統(tǒng)概實現(xiàn)目運行環(huán)············54. 系統(tǒng)設計&

11、#183;·················································&

12、#183;···54.1功能概述······································ ······

13、3;····· 54.2 程序業(yè)務流程圖··········································

14、83;· 64.3 數(shù)據(jù)庫設計······································ ········

15、83;·· 94.4 文件組織結構·······················115.系統(tǒng)實2現(xiàn)·····················

16、································115.1 會員注冊界面實現(xiàn)···············

17、3;························· 115.2 會員登錄界面實現(xiàn)······················&

18、#183;·················· 155.3 用戶登錄成功頁面實現(xiàn)····························&#

19、183;········206. 系統(tǒng)測試········································

20、;·············236.1測試目的···································&#

21、183;·· ··········· 236.2適用范圍··································

22、83;··· ··········· 236.3測試要求信息在屏幕上的顯示是否正確、美觀·················236.3.1窗口············

23、83;····································236.3.2 對話框 (DialogBox)·········

24、3;···························· 246.3.3 消息框 (MessageBox)·················

25、83;·················246.3.4 文字Label······························

26、··············246.3.5文字Button ·································&#

27、183;·· ······ 246.3.6圖象Button ···································· ··&

28、#183;···· 246.3.7輸入域······································ ·····&

29、#183;··· 256.3.8顯示域······································ ······&

30、#183;·· 2537.網(wǎng)站會員注冊與登陸項目總結····································251. 引言1.1 編寫目的現(xiàn)在網(wǎng)站越來越多，但是很多網(wǎng)站都需要用戶是網(wǎng)站的會員，通過會員登錄

31、才能使用網(wǎng)站中的功能。這就需要在網(wǎng)站中提供用戶注冊和登錄功能。其次網(wǎng)民需要更多的權利與更加人性化的功能，通過用戶的注冊可以使用戶享受到不一樣的服務，提高用戶使用網(wǎng)站的頻率，提高網(wǎng)站知名度。1.2 范圍說明：a.網(wǎng)站會員注冊與登錄b. 開發(fā)者：軟件一班開發(fā)組用 戶：網(wǎng)絡網(wǎng)民1.3 參考資料要用到的參考資料：A.NET WEB 網(wǎng)站項目開發(fā)BSQL Server 數(shù)據(jù)庫實用教材CASP.NET 2.0 （ C#）網(wǎng)站開發(fā)實用教程D實用軟件工程42. 可行性分析本次項目設計題目：“網(wǎng)站會員的注冊與登錄”主要目的是利用數(shù)據(jù)庫軟件編制一個管理軟件，用以實現(xiàn)會員登錄、會員注冊以及密碼修改等管理。同時對整個

32、系統(tǒng)的分析、設計過程給出一個完整論證。網(wǎng)站會員的注冊與登錄系統(tǒng)是一種基于集中統(tǒng)一規(guī)劃的數(shù)據(jù)庫數(shù)據(jù)管理新模式。本系統(tǒng)的建成無疑會為用戶對網(wǎng)站的了解和辦理業(yè)務提供極大的幫助。本系統(tǒng)的設計主要從以下幾方面做起：系統(tǒng)業(yè)務流程分析、系統(tǒng)的功能設計、系統(tǒng)的數(shù)據(jù)庫結構設計等。作這些工作需對數(shù)據(jù)庫知識有足夠認識，并深入的了解Visual的使用和C#管理系統(tǒng)的相關知識。在信息時代的今天，人類需要對在政治、經(jīng)濟、軍事、文化、科研、教育等領域產(chǎn)生的大量信息進行管理，并對數(shù)據(jù)進行加工處理，數(shù)據(jù)庫技術則是信息管理與數(shù)據(jù)處理的先進技術。隨著信息量的不斷增加，作為計算機的三大主要應用（科學計算、過程控制和數(shù)據(jù)處理）之一的數(shù)

33、據(jù)處理，已迅速上升為計算機應用的主要方面，數(shù)據(jù)庫技術則成為人們?nèi)粘Ｉ钪刑幚頂?shù)據(jù)不可缺少的有力工具，并且現(xiàn)代的信息管理系統(tǒng)幾乎都以數(shù)據(jù)庫技術作為核心?，F(xiàn)在大多數(shù)的網(wǎng)站管理方式為手工處理，重復勞動多，勞動強度大，而且容易出錯，新系統(tǒng)的使用能否可以很好的解決這些問題要看系統(tǒng)的可行性，可行性研究的目的是用最小的代價在盡可能短的時間內(nèi)確定問題是否能夠解決。系統(tǒng)的可行性分析有以下幾個方面：(1) 技術可行性：處理速度快、準確通過權限的設置，數(shù)據(jù)的安全性好、方便查詢、借閱管理等。(2) 經(jīng)濟可行性：系統(tǒng)建設不需要很大的投入、可縮減人力投入。(3) 運行上可行性：本系統(tǒng)作為一個小型的網(wǎng)站登錄系統(tǒng)，所耗費的資

34、源非常的小。(4) 從各種社會因素可行性分析：可降低工作人員工作強度，提高效率，會得到學校工作人員的一致同意的。綜上所述通過可行性分析認為新系統(tǒng)的開發(fā)方案切實可行，可進行開發(fā)。3. 需求分析3.1 系統(tǒng)概述5在網(wǎng)絡如此發(fā)達的當下，網(wǎng)站已成為網(wǎng)絡的實際載體，但是以前的網(wǎng)站所提供的服務，已經(jīng)不能滿足廣大網(wǎng)民們的需求，而一些過大的權限與特殊功能的開發(fā)，又使網(wǎng)站的開發(fā)與后期的生存越來越艱難，網(wǎng)站的注冊可以使更多的網(wǎng)民對網(wǎng)站留下好的印象與歸屬感。另一方面其操作方便快捷，技術上也比較成熟，因此受到當代人們的喜愛。本項目名稱為：網(wǎng)站會員登錄與注冊。分為四個模塊：會員登錄模塊，會員注冊模塊，會員密碼修改模塊，

35、主頁面模塊。本項目提出者為河南交通職業(yè)技術學院，開發(fā)者為軟件一班開發(fā)組。3.2 實現(xiàn)目標網(wǎng)站會員登錄與注冊項目主要實現(xiàn)以下目標：（ 1）界面設計美觀有好；（ 2）數(shù)據(jù)存儲安全可靠；（ 3）信息分類清晰準確；（ 4）提供靈活方便的權限設置功能，是系統(tǒng)管理分工明確；（ 5）具有易維護性、可操作性、以及良好可的擴展性；3.3 運行環(huán)境3.3.1軟件環(huán)境（ 1）操作系統(tǒng)操作系統(tǒng)為MicrosoftWindows 2000 Server 或以上服務器版本。（ 2）數(shù)據(jù)庫服務器數(shù)據(jù)庫服務器為MicrosoftSQL Server2005。（ 3） Web服務器Web服務器為 MicrosoftIIS6.0

36、 。3.3.2硬件環(huán)境Windows 2000 Server 服務器、 MS SQL Server2000 數(shù)據(jù)庫服務器、WEB服務器（IIS ）最低需求配置:CPU :IntelPentium166MHZ或以上級別的微處理器( 或同級別的兼容處理器)內(nèi)存 :128MB或以上硬盤 :2GB或以上，剩余空間650M或以上學?，F(xiàn)有客戶機己經(jīng)達到的最小配置:內(nèi)存 :1GB硬盤 :120G64. 系統(tǒng)設計4.1 功能概述現(xiàn)在網(wǎng)站很多功能都需要會員才能使用，例如在網(wǎng)站上下載文件，查看某些文章，留言等。這就需要開發(fā)人員給網(wǎng)站設計登錄和注冊功能。這樣使用戶成為會員后能使用更多的功能。本項目具體功能實現(xiàn)如下：

37、（ 1）判斷用戶輸入的會員名和密碼是否正確；（ 2）利用驗證碼來防止用戶非法操作；（ 3）用戶登錄成功后添加登陸日志；（ 4）注冊新會員；（ 5）判斷注冊新的會員名是否可被使用；（ 6）判斷用戶輸入資料是否合法；（ 7）用戶注冊成功添加注冊日志；4.2 程序業(yè)務流程圖本項目實例主要包括三種操作，即用戶登錄、用戶注冊和修改密碼。用戶運行登陸頁面，如果用戶沒有注冊會員可以單擊“注冊用戶”按鈕跳轉到會員注冊頁面，再此頁面里可以先判斷用戶輸入的會員名是否存在，如果存在需要輸入會員名，如果用戶已存在可以繼續(xù)輸入個人資料來完成注冊，完成注冊后添加注冊日志。如果用戶已經(jīng)注冊，則直接輸入會員名、密碼和驗證碼，

38、單擊“登錄”按鈕進行登錄。在單擊“登錄”按鈕時，系統(tǒng)首先判斷用戶輸入的驗證碼是否正確，如果正確，在判斷用戶輸入的會員名和密碼是否正確，都正確后登陸成功。如果用戶需要更改密碼，則在輸入正確的會員名、密碼和驗證碼后登錄，登錄成功后，在登錄頁面點擊“修改密碼”，頁面跳轉到密碼修改頁面，在此頁面用戶輸入用戶名、原密碼、新密碼后，按“確認”按鈕，此時系統(tǒng)先判斷用戶名是否存在，原密碼是否正確，如果用戶名存在，則原密碼正確，則修改密碼成功，返回登錄頁面。7用戶是否注冊否登錄否是判斷用戶名，密碼，驗證碼是否正確注冊頁面是否進入首頁是判斷會員名，密碼，郵件填寫是否正確否是否修改密是碼是返回登錄頁面判斷用戶名密碼

39、和新密碼是否正確4.1 流程圖8系統(tǒng)注冊頁面<<uses>><<uses>><<uses>>登錄頁面<<uses>><<uses>><<uses>>SQL數(shù)據(jù)庫頂層包 : 主角 1<<uses>><<uses>>頂層包 : 主角 2修改密碼頁面<<uses>>主頁面4.2 用例圖94.3 數(shù)據(jù)庫設計本系統(tǒng)采用SQL Server 2005數(shù)據(jù)庫，建立數(shù)據(jù)庫名稱為：users，主要有

40、三個表：Table_1、 Table_2、 Table_3。4.3 數(shù)據(jù)庫示例圖數(shù)據(jù)表 Table_1 用來儲存后臺會員名稱、密碼和基本資料。4.4Table_1 結構圖數(shù)據(jù)表 Table_2 用來儲存會員注冊日志，記錄會員注冊時間。104.5Table_2 結構圖數(shù)據(jù)表 Table_3 用來儲存會員登陸日志，記錄會員登錄時間。4.6Table_3 結構圖數(shù)據(jù)庫中各表之間關聯(lián)圖。如下：Table_2Table_1Table_3PK NamePK NameLogindatePassNamesexLandingdatePhoneemailaddress4.7數(shù)據(jù)庫中各表之間關聯(lián)圖114.4 文件組

41、織結構4.8 網(wǎng)站會員注冊與登錄系統(tǒng)的文件組織結構圖5. 系統(tǒng)實現(xiàn)5.1 會員注冊界面實現(xiàn)主要步驟如下：（ 1）創(chuàng)建 Web 窗體，命名為registered.aspx。（ 2）在創(chuàng)體重添加控件。添加的主要控件及用途見下表：空間類型控件名稱控件用途標準 TextBox 控件TextBox1輸入會員名TextBox2輸入密碼TextBox3確認密碼TextBox4輸入電話TextBox5輸入電子郵件TextBox6輸入地址12標準 Button 控件Button1將信息添加到數(shù)據(jù)庫Button2取消注冊Button3判斷用戶名是否存在標準 RadioButtonList 控件RadioButto

42、nList1選擇男或女（3）實現(xiàn)關鍵技術A會員注冊主要是將用戶輸入的信息儲存到數(shù)據(jù)庫中會員注冊主要將用戶輸入的信息存儲到數(shù)據(jù)庫中，這里使用到了數(shù)據(jù)庫的技術，通過使用SQLConnection 對象鏈接數(shù)據(jù)庫，將數(shù)據(jù)庫做成一個自定義方法reeateloginconn在需要用到數(shù)據(jù)庫鏈接時調(diào)用此方法。方法如下：protectedSqlConnectioncreateloginConn()SqlConnectioncon = new SqlConnection ( "server=.;database=users;Integratedsecurity=SSPI");returnc

43、on;注：此方法中應用了System.Data.SqlClicent命名空間中的Sqlconnection對象，需要引用 System.Data.SqlClicent命名空間。B將信息保存到數(shù)據(jù)庫前應該考慮到用戶信息的安全性，因此本項目采用MD5加密法，進行單向加密，以保證用戶信息的安全性。命名空間為：System.Web.Security；語 法： FormsAuthentication .HashPasswordForStoringInConfigFile(TextBox2.Text, "MD5");（4）主要控制代碼如下：usingSystem.IO;usingSys

44、tem.Runtime.InteropServices;publicpartialclassregistered: System.Web.UI. PageprotectedvoidPage_Load(object sender, EventArgs e)protectedSqlConnection createloginConn()SqlConnectioncon = new SqlConnection ( "server=.;database=users;Integratedsecurity=SSPI");returncon;protectedintisName()13i

45、nti;stringname = this .TextBox1.Text;if(name.Trim()!= "" )SqlConnectioncon = createloginConn();con.Open();SqlCommandcom = new SqlCommand( "select count(*) from Table_1 where Name='" + name + "'" , con);returni= Convert .ToInt32(com.ExecuteScalar();elsereturni= 1

46、;protectedvoidButton3_Click(objectsender,EventArgs e)inti= isName();if(i= 0)RegisterStartupScript("yes","<script>alert('會員名已經(jīng)存在 ')</script>");elseRegisterStartupScript("no","<script>alert('可以注冊 ')</script>");publicboolad

47、d()stringname = this .TextBox1.Text;stringpass =FormsAuthentication .HashPasswordForStoringInConfigFile(TextBox2.Text, "MD5");stringsex=RadioButtonList1.SelectedValue;stringphone = TextBox4.Text;stringemail= TextBox5.Text;stringaddress = TextBox6.Text;stringsql= "insertintoTable_1(nam

48、e,pass,sex,phone,email,address)values('" +name+"','" +pass+"','" +sex+"','" +phone+"','" +email+"','" +add ress+ "')" ;SqlConnectioncon = this .createloginConn();con.Open();14SqlCommandco

49、m = new SqlCommand(sql,con);inti=Convert .ToInt32(com.ExecuteNonQuery();if(i>0)return true ;elsereturnfalse ;con.Close();protectedvoidButton1_Click(objectsender,EventArgs e)inti= isName();if(i<= 0)if(add()SqlConnectioncon = this .createloginConn();con.Open();SqlCommandcom = new SqlCommand( &qu

50、ot;insertTable_2(name,Logindate)values('"+ TextBox1.Text+ "','"+DateTime.Now.ToString()+ "')", con);com.ExecuteNonQuery();con.Close();Response.Write( "<script>alert('注冊成功！單擊確定進入錄登界面！ ');location='login.aspx'</script>");el

51、seResponse.Write( "<script>alert('注冊失敗 !')</script>");elseResponse.Write( "<script>alert('會員名已經(jīng)存在！ ')</script>");protectedvoidButton2_Click(objectsender,EventArgs e)Application.Clear();15（ 5）前臺布局如下：5.1 注冊頁面運行效果圖5.2 會員登錄界面實現(xiàn)主要步驟如下：（ 1）創(chuàng)建 Web

52、 窗體，命名為 login.aspx。（ 2）在窗體中添加控件。添加的主要控件及用途見下表：控件類型控件名稱標準 TextBox 控件TextBox1TextBox2TextBox3標準 Button 控件Button1Button2Image 控件Image1標準 LinkButton 控件LinkButton1LinkButton2LinkButton3（3）實現(xiàn)關鍵技術控件用途輸入會員名輸入密碼輸入驗證碼“登錄”按鈕“重置”按鈕用于顯示驗證碼重新連接驗證碼用于連接注冊頁面用于連接驗證碼頁面16A驗證碼技術驗證碼的作用是有效防止注冊用戶用特定程序集暴力破解方式進行不斷的登錄嘗試來破解密碼，

53、不少網(wǎng)站為了防止用戶利用機器人自動注冊，登錄，灌水，都采用了驗證碼技術。下面詳細介紹驗證碼技術的實現(xiàn)。需要引用usingSystem.Drawing;usingSystem.IO; 命名空間。新建一個頁面命名為Verificationcode.aspx功能實現(xiàn)代碼如下：usingSystem.IO;usingSystem.Drawing;public partial class Verification_code : System.Web.UI. Page protectedvoidPage_Load(objectsender,EventArgs e)stringcheckCode = Cre

54、ateRandomCode(4);CreateImage(checkCode);Session "CheckCode"= checkCode;privatestringCreateRandomCode(intcodeCount)stringstr="0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z" ;string codechar =str.Split(',' );stringrandomCode="" ;Randomran

55、d= new Random();for ( inti= 0; i <codeCount;i+)intt= rand.Next(codechar.Length);randomCode+= codechart;Session "checkCode"= randomCode;returnrandomCode;privatevoidCreateImage( stringcheckcode)int imagewidth = ( int )(checkcode.Length * 25); Bitmap image = new Bitmap(imagewidth, 40); Gra

56、phics g = Graphics .FromImage(image);17Randomrand = new Random();Color c= Color .Blue,Color .Red,Color .Black ;string font= "宋體","隸書" ;g.Clear(Color .White);for ( inti= 0; i< checkcode.Length;i+)intcindex=rand.Next(3);intfindex=rand.Next(2);intsindex=rand.Next(10, 20);Fontf= n

57、ew Font(fontfindex,sindex,FontStyle.Bold);Brush b = new SolidBrush (ccindex);intii=4;if (i% 2= 0)ii=2;g.DrawString(checkcode.Substring(i,1),f, b, i* 20, ii);for( inti= 0; i< 4; i+)intx1 = rand.Next(image.Width);intx2 = rand.Next(image.Width);inty1 = rand.Next(image.Height);inty2 = rand.Next(image

58、.Height);Pen p = new Pen( Color .Blue);g.DrawLine(p,x1,x2,y1,y2);for( inti= 0; i< 50; i+)intx = rand.Next(image.Width);inty = rand.Next(image.Height);image.SetPixel(x,y,Color .FromArgb(rand.Next();Pen p1 = new Pen( Color .Silver);g.DrawRectangle(p1,0, 0,image.Width-1,image.Height- 1);MemoryStream

59、ms = new MemoryStream();image.Save(ms, System.Drawing.Imaging.ImageFormat.Jpeg);Response.ClearContent();Response.ContentType = "image/Jpeg" ;Response.BinaryWrite(ms.ToArray();g.Dispose();image.Dispose();18運行代碼效果如圖：5.2驗證碼頁面運行結果B 登陸頁面主要控制代碼:(1) 實現(xiàn)驗證碼輸出代碼如下 :public partial class login : Syste

60、m.Web.UI. Page protectedvoidPage_Load(objectsender,EventArgs e)if(!IsPostBack) this .Image1.ImageUrl= "/Verificationcode.aspx" ;protectedvoidLinkButton1_Click(objectsender,EventArgse)this .Image1.ImageUrl= "/Verificationcode.aspx" ;(2) 登陸代碼如下 :protectedvoidButton1_Click(objectsen

61、der,EventArgs e)SqlConnectioncon = new SqlConnection ( "server=.;database=users;Integratedsecurity=SSPI");if(Session "CheckCode".ToString().Equals(TextBox3.Text.ToString()trycon.Open();SqlCommandcom = new SqlCommand( "select count(*) from Table_1 where Name=nameand pass=ps&q

62、uot;, con);com.Parameters.Add( new SqlParameter ( "name",19SqlDbType.VarChar,50);com.Parameters "name".Value= TextBox1.Text;com.Parameters.Add( new SqlParameter ( "ps",SqlDbType.VarChar,50);com.Parameters "ps".Value=FormsAuthentication .HashPasswordForStoringI

63、nConfigFile(TextBox2.Text, "MD5");inti= ( int )com.ExecuteScalar();if(i> 0)Session "login"= "True" ;com = new SqlCommand( "insertintoTable_3values('" + TextBox1.Text + "','" + DateTime.Now.ToString() + "')" , con);com.Exe

64、cuteNonQuery();Response.Redirect( "landing.aspx");elseResponse.Write( "<script>alert('密碼錯誤！ ')</script>");catch( Exceptionerror)Response.Write(error.ToString();elseResponse.Write( "<script>alert('驗證碼錯誤 !')</script>");(3) 各控件實現(xiàn)跳轉代碼

65、如下 :protectedvoidButton2_Click(objectsender,EventArgs e)Response.Redirect( "login.aspx");protectedvoidLinkButton2_Click(objectsender,EventArgs e)Response.Redirect( "registered.aspx");protectedvoidLinkButton3_Click(objectsender,EventArgse)20Response.Redirect( "changpass.aspx&

66、quot; );（4）前臺布局如下：5.3登錄頁面運行效果5.3 用戶登錄成功頁面實現(xiàn)（ 1） 創(chuàng)建 Web 窗體，命名為 landing.aspx。（ 2） 在窗體中添加控件。添加的主要控件及用途見下表：控件類型控件名稱控件用途標準 LinkButton 控件LinkButton1回到登錄頁面LinkButton2轉入修改密碼頁面（ 3）主要實現(xiàn)代碼如下：protectedvoidLinkButton1_Click(objectsender,EventArgse)Response.Redirect( "login.aspx");protectedvoidLinkButton2_Click(objectsender,EventArgse)21Response.Redirect( "changpass.aspx" );（4）前臺布局如下：5.4 主頁面運行效果5.4用戶修改密碼頁面實現(xiàn)（ 1） 創(chuàng)建 Web 窗體，命名為 changpass.aspx。（ 2） 在窗體中添加控件。添加的主要控件及用途見下表：控件類型控件名稱標準 TextBox 控件TextBox1TextBox2TextBox3TextBox4標準 Button 控件Button1Bu