留言板系統(tǒng)的設(shè)計與實現(xiàn)

1、目 錄一、 設(shè)計目的1二、 需求分析1三、 模塊分析及設(shè)計2四、 數(shù)據(jù)庫設(shè)計24.1 系統(tǒng)概念結(jié)構(gòu)設(shè)計2 數(shù)據(jù)字典2 系統(tǒng)E-R圖3 系統(tǒng)流程圖44.2 邏輯結(jié)構(gòu)設(shè)計5五、 制作過程及要點65.1 類庫建立65.2 驗證碼65.3 留言內(nèi)容界面75.4 留言頁面75.5 登錄界面95.6 注冊頁面125.7 修改密碼界面135.8 管理員界面14設(shè)計總結(jié)15附錄.15一、設(shè)計目的留言板管理系統(tǒng)主要是提供大眾一個操作系統(tǒng)，便于網(wǎng)上交流，談?wù)?。功能塊的響應(yīng)操作分別由對應(yīng)的子模塊實現(xiàn)。通過互聯(lián)網(wǎng)把你想說的話及想問的事發(fā)表出去，方便大家交流。同時，留言板的后臺通過一個簡化的自動的信息管理系統(tǒng)，使網(wǎng)友留

2、言管理工作系統(tǒng)化，規(guī)范化，自動化，從而達到提高網(wǎng)絡(luò)作用和管理的目的。本設(shè)計研究的留言板是一種電子便簽管理系統(tǒng)，是用ASP和SQL Sever編寫的網(wǎng)絡(luò)應(yīng)用程序，留言操作相對簡單，在進入網(wǎng)站后，可看到留言內(nèi)容。留言板提供完備的信息發(fā)布功能，在網(wǎng)絡(luò)用戶交流中有很大的作用。而我們這個留言板僅僅是簡單的留言和管理員對留言進行操作的工具，該留言板簡單實用，而且具備了大多數(shù)留言板的基本功能?？茖W(xué)技術(shù)在不斷地提高，計算機網(wǎng)絡(luò)技術(shù)也日漸成熟，器強大的功能已為人們深刻認(rèn)識，它已進入人類社會的各個領(lǐng)域并發(fā)揮著越來越重要的作用，現(xiàn)在許多國外和國內(nèi)的網(wǎng)站均實現(xiàn)了網(wǎng)上注冊、網(wǎng)上查詢、網(wǎng)上發(fā)表信息等一系列的網(wǎng)上信息服務(wù)。

3、通過計算機網(wǎng)絡(luò)實現(xiàn)了足不出戶就可以了解各種信息、咨詢問題、搜索資料等，有了這樣的一個網(wǎng)絡(luò)平臺，節(jié)省了大量的人力物力。二、需求分析對于一個系統(tǒng)，我們要從其性能、功能、用戶界面、安全性等反面考慮，系統(tǒng)必須完成的功能如下：1.留言板管理系統(tǒng)前端的主要功能是：(1)用戶注冊。(2)用戶登錄。(3)用戶發(fā)表內(nèi)容。(4)用戶修改密碼。(5)用戶瀏覽留言內(nèi)容。2.留言板管理系統(tǒng)后臺管理的主要功能：(1)管理員登陸。 (2)管理員刪除用戶發(fā)帖信息。3.留言板管理系統(tǒng)性能要求:(1)頁面響應(yīng)速度快。(2)頁面美觀整潔。三、 模塊分析及設(shè)計模塊分析與設(shè)計是對一定范圍內(nèi)的不同功能或相同功能不同性能、不同規(guī)格的產(chǎn)品進

4、行功能分析的基礎(chǔ)上，劃分并設(shè)計出一系列功能模塊，通過模塊的選擇和組合構(gòu)成不同的顧客定制的產(chǎn)品，以滿足市場的不同需求。在上節(jié)內(nèi)容中，已對本系統(tǒng)的所需求的功能進行了設(shè)計，結(jié)合其功能，制作出本系統(tǒng)的功能模塊圖，如圖所示：留言板系統(tǒng)普通用戶管理員登陸修改密碼留言查看留言注冊用戶登陸刪除留言四、數(shù)據(jù)庫設(shè)計4.1系統(tǒng)概念結(jié)構(gòu)設(shè)計4.1.1數(shù)據(jù)字典數(shù)據(jù)字典是系統(tǒng)中各類數(shù)據(jù)描述的集合，是進行詳細(xì)的數(shù)據(jù)收集和數(shù)據(jù)分析所獲得的主要成果，數(shù)據(jù)字典是對系統(tǒng)所用到的所有表結(jié)構(gòu)的描述。login表基本信息序號字段別名1Uname用戶名2Upass密碼3Email郵箱4Phone電話5Addr地址management表基本

5、信息序號字段別名1Uname賬號2Upass密碼messages表基本信息序號字段別名1ID序號2Uname用戶名3Title主題4Content內(nèi)容5Times時間4.1.2系統(tǒng)E-R圖E-R圖提供了表示實體（即數(shù)據(jù)對象）、屬性和聯(lián)系的方法，用來描述現(xiàn)實世界的概念模型。n1用戶用戶名密碼郵箱電話地址留言內(nèi)容序號用戶名主題內(nèi)容時間發(fā)表留言賬號密碼管理員刪除4.1.3系統(tǒng)流程圖流程圖是由一些圖框和流程線組成的，其中圖框表示各種操作的類型，圖框中的文字和符號表示操作的內(nèi)容，流程線表示操作的先后次序。留言內(nèi)容修改初始密碼提交登陸登陸？留言是留言否留言內(nèi)容新用戶注冊密碼4.2邏輯結(jié)構(gòu)設(shè)計邏輯結(jié)構(gòu)設(shè)計就

6、是把概念結(jié)構(gòu)設(shè)計階段所設(shè)計好的基本E-R圖轉(zhuǎn)換為與SQL數(shù)據(jù)庫所支持?jǐn)?shù)據(jù)模型相符合的邏輯結(jié)構(gòu)。關(guān)系模型如下所示：a) login表（用戶名，密碼，郵箱，電話，地址）b) messages表（序號，用戶名，主題，內(nèi)容，時間）c) management表（賬號，密碼）五、制作過程及要點5.1 類庫建立public class dbpublic db() public static SqlConnection CreateConnection() SqlConnection con = new SqlConnection("server=(Local);database=message;I

7、ntegrated Security=True"); return con; 5.2驗證碼 protected void Page_Load(object sender, EventArgs e) this.GenImg(this.GenCode(4); Session"image" = this.GenCode(4); private string GenCode(int num) string source = "0", "1", "2", "3", "4",

8、"5", "6", "7", "8", "9", "0", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N",

9、"O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z" ; string code = "" Random rd = new Random(); for (int i = 0; i < num; i+) code += sourcerd.Next(0, source.Le

10、ngth); return code; private void GenImg(string code) Bitmap myPalette = new Bitmap(60, 20); Graphics gh = Graphics.FromImage(myPalette); Rectangle rc = new Rectangle(0, 0, 60, 20); gh.FillRectangle(new SolidBrush(Color.Blue), rc); gh.DrawString(code, new Font("宋體", 16), new SolidBrush(Colo

11、r.White), rc); myPalette.Save(Response.OutputStream, System.Drawing.Imaging.ImageFormat.Jpeg); gh.Dispose(); myPalette.Dispose(); 5.3留言內(nèi)容界面圖（一） 打開網(wǎng)站后，首先瀏覽到留言內(nèi)容（圖一），當(dāng)用戶要留言的時候，則跳轉(zhuǎn)到留言頁面（圖二）。 "留言"事件代碼：protected void Button3_Click(object sender, EventArgs e) Response.Redirect("messages.asp

12、x"); 5.4留言頁面圖（二） 在跳轉(zhuǎn)到該頁面之前，系統(tǒng)會檢測用戶是否登錄，如果用戶未登錄，則直接跳轉(zhuǎn)到用戶登錄頁面（圖三），如果用戶登錄，則可提交留言。在此頁面，可統(tǒng)計注冊會員的人數(shù)，用戶名為用戶登陸時，系統(tǒng)用session對象傳遞自動顯示。 "留言"事件代碼： protected void Page_Load(object sender, EventArgs e) try this.Label1.Text = Session"Uname".ToString(); SqlConnection con = db.CreateConnectio

13、n(); con.Open(); string strsql = "select count(*) from login" SqlCommand cmd = new SqlCommand(strsql, con); SqlDataReader rd = cmd.ExecuteReader(); while (rd.Read() this.Label2.Text = rd0.ToString(); rd.Close(); con.Close(); catch Response.Write("<script>alert('用戶未登錄成功！'

14、)</script>"); Response.Redirect("login.aspx"); protected void Button1_Click(object sender, EventArgs e) SqlConnection con = db.CreateConnection(); con.Open(); string strsql="insert into messages values('"+Label1 .Text +"','"+TextBox2.Text +"&

15、#39;,'"+TextBox3 .Text +"','"+DateTime .Now .ToString ()+"')" SqlCommand cmd =new SqlCommand (strsql ,con ); cmd .ExecuteNonQuery(); con.Close (); Response.Write("<script>alert('留言成功！')</script>"); Response .Redirect ("messa

16、geout.aspx");"取消"事件代碼： protected void Button2_Click(object sender, EventArgs e) TextBox2.Text = "" TextBox3.Text = "" 5.5登錄界面圖（三） 在登錄界面，用戶首先選擇"角色"，"用戶"則跳轉(zhuǎn)到留言內(nèi)容界面（圖一），"管理員"則進入管理界面（圖六）。在此頁面，用戶還可以注冊用戶、修改密碼。"注冊用戶"則進入注冊界面（圖四），&quo

17、t;修改密碼"則進入修改密碼界面（圖五）。"登錄"事件代碼：protected void Page_Load(object sender, EventArgs e) this.ImageButton1.ImageUrl = "image.aspx" protected void Button1_Click(object sender, EventArgs e) if (this.TextBox1.Text = "") Label1.Text = "用戶名不能為空！<br>" if (this.

18、TextBox2.Text = "") Label1.Text += "密碼不能為空！<br>" if (this.TextBox3.Text = "") Label1.Text += "請輸入驗證碼！<br>" else SqlConnection con = db.CreateConnection(); con.Open(); if (RadioButtonList1.SelectedItem.Value.ToString().Trim() = "用戶") strin

19、g strsql = "select Upass from login where Uname='" + this.TextBox1.Text + "'and Upass='" + this.TextBox2.Text + "'" SqlCommand cmd = new SqlCommand(strsql, con); DataSet ds = new DataSet(); SqlDataReader dr = cmd.ExecuteReader(); try if (dr.Read() string

20、 aa = this.TextBox3.Text.ToString(); if (aa = Convert.ToString(Session"image") Session"Uname" = this.TextBox1.Text.ToString(); Response.Redirect("messageout.aspx"); else Label1.Text = "驗證碼錯誤，注意大小寫！" else Label1.Text = "用戶名或者密碼錯誤！" catch Label1.Text =

21、 "輸入的用戶名不存在！" con.Close(); else if (RadioButtonList1.SelectedItem.Value.ToString().Trim() = "管理員") string strsql1 = "select Upass from management where Uname='" + this.TextBox1.Text + "'and Upass='" + this.TextBox2.Text + "'" SqlComma

22、nd cmd = new SqlCommand(strsql1,con); DataSet ds = new DataSet(); SqlDataReader dr = cmd.ExecuteReader(); try if (dr.HasRows) string aa = this.TextBox3.Text.ToString(); if (aa = Convert.ToString(Session"image") Session"Uname" = this.TextBox1.Text.ToString(); Response.Redirect(&qu

23、ot;management.aspx"); else Label1.Text = "驗證碼錯誤，注意大小寫！" else Label1.Text = "用戶名或者密碼錯誤！" catch Label1.Text = "輸入的用戶名不存在！" con.Close(); 5.6 注冊頁面圖（四） 用戶注冊成功后，將跳轉(zhuǎn)到登錄界面（圖三）。"注冊"事件代碼： protected void Button1_Click(object sender, EventArgs e) try SqlConnection co

24、n = db.CreateConnection(); con.Open(); SqlCommand cmd = con.CreateCommand(); string strsql = string.Format ( "insert into login (Uname,Upass,Email,Phone,Addr) values('0','1','2','3','4')" , TextBox1.Text,TextBox2.Text,TextBox4.Text,TextBox5.Text,Text

25、Box6.Text); cmd.CommandText = strsql; cmd.ExecuteNonQuery(); Response.Write("<script>alert('注冊用戶成功！')</script>"); Response.Redirect("login.aspx"); con.Close(); catch Response.Write("<script>alert('用戶名存在，請選擇其它用戶名')</script>"); 5.7修

26、改密碼界面圖（五） 用戶修改密碼成功后，不在進行登錄，直接進入留言板內(nèi)容界面（圖一）"確認(rèn)"事件：protected void Button1_Click1(object sender, EventArgs e) SqlConnection con = db.CreateConnection(); SqlCommand cmd = con.CreateCommand(); con.Open(); string strsql1 = "select Upass from login where Uname='" + this.TextBox1.Tex

27、t + "'and Upass='" + this.TextBox4.Text + "'" cmd.CommandText = strsql1; DataSet ds = new DataSet(); SqlDataReader dr1 = cmd.ExecuteReader(); if (dr1.Read() dr1.Close(); SqlCommand cmd2 = con.CreateCommand(); string strsql = string.Format("update login set Upass='" + TextBox2.Text + "' where Uname='" + TextBox1.Text + "'"); cmd2.