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

1、一、設(shè)計(jì)目的1二、需求分析1三、模塊分析及設(shè)計(jì)2四、數(shù)據(jù)庫(kù)設(shè)計(jì)34.1 系統(tǒng)概念結(jié)構(gòu)設(shè)計(jì)34.1.1 數(shù)據(jù)字典 34.1.2 系統(tǒng) E-R 圖 44.1.3 系統(tǒng)流程圖 64.2 邏輯結(jié)構(gòu)設(shè)計(jì)8五、制作過(guò)程及要點(diǎn) 95.1 類(lèi)庫(kù)建立95.2 驗(yàn)證碼95.3 留言?xún)?nèi)容界面105.4 留言頁(yè)面105.5 登錄界面125.6 注冊(cè)頁(yè)面155.7 修改密碼界面165.8 管理員界面1718設(shè)計(jì)總結(jié)18附錄設(shè)計(jì)目的留言板管理系統(tǒng)主要是提供大眾一個(gè)操作系統(tǒng)，便于網(wǎng)上交流，談?wù)?。功能塊的響應(yīng)操作分別由對(duì)應(yīng)的子模塊實(shí)現(xiàn)。通過(guò)互聯(lián)網(wǎng)把你想說(shuō)的話(huà)及想問(wèn)的事發(fā)表出去，方便大家交流。同時(shí)，留言板的后臺(tái)通過(guò)一個(gè)簡(jiǎn)化的自

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

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

4、相同功能不同性能、不同規(guī)格的產(chǎn)品進(jìn) 行功能分析的基礎(chǔ)上，劃分并設(shè)計(jì)出一系列功能模塊，通過(guò)模塊的選擇和組合構(gòu)成不同的 顧客定制的產(chǎn)品，以滿(mǎn)足市場(chǎng)的不同需求。在上節(jié)內(nèi)容中，已對(duì)本系統(tǒng)的所需求的功能進(jìn)行了設(shè)計(jì)，結(jié)合其功能，制作出本系統(tǒng) 的功能模塊圖，如圖所示：四、數(shù)據(jù)庫(kù)設(shè)計(jì)4.1 系統(tǒng)概念結(jié)構(gòu)設(shè)計(jì)4.1.1 數(shù)據(jù)字典數(shù)據(jù)字典是系統(tǒng)中各類(lèi)數(shù)據(jù)描述的集合，是進(jìn)行詳細(xì)的數(shù)據(jù)收集和數(shù)據(jù)分析所獲得的主要成 果，數(shù)據(jù)字典是對(duì)系統(tǒng)所用到的所有表結(jié)構(gòu)的描述。login表基本信息表 - dbo. lagiu 摘要列名數(shù)據(jù)類(lèi)昌3允評(píng)空鬧 1 Uname:char (20)passchar (20)0Emsilchar(

5、W)0Phonedisr(50)0Addrchar 50)回序號(hào)字段別名1Uname用戶(hù)名12Upass密碼3Email郵箱4Phone電話(huà)5Addr地址management表基本信息表 - dbo. »ULa£EBent 摘要列名數(shù)據(jù)類(lèi)型允許空Unamechar(20)Upass|(har(20)0序號(hào)字段別名|1Uname2Upass密碼messages表基本信息表-dbe. Bessaces 摘要列名數(shù)據(jù)類(lèi)型允詳空榨山|intUnamechar (20)utievardw($G)Contentwar char (30005TimesdatebTC序號(hào)字段別名1ID序號(hào)

6、 n2Uname用戶(hù)名3Title主題4Content內(nèi)容5Times時(shí)間4.1.2 系統(tǒng)E-R圖E-R圖提供了表示實(shí)體（即數(shù)據(jù)對(duì)象）、屬性和聯(lián)系的方法，用來(lái)描述現(xiàn)實(shí)世界的概念模型。用戶(hù)名地址電話(huà)1n用戶(hù)名刪除4.1.3 系統(tǒng)流程圖流程圖是由一些圖框和流程線(xiàn)組成的，其中圖框表示各種操作的類(lèi)型，圖框中的文字 和符號(hào)表示操作的內(nèi)容，流程線(xiàn)表示操作的先后次序。留言?xún)?nèi)容留言留言?xún)?nèi)容4.2 邏輯結(jié)構(gòu)設(shè)計(jì)邏輯結(jié)構(gòu)設(shè)計(jì)就是把概念結(jié)構(gòu)設(shè)計(jì)階段所設(shè)計(jì)好的基本E-R圖轉(zhuǎn)換為與SQL數(shù)據(jù)庫(kù)所支持?jǐn)?shù)據(jù)模型相符合的邏輯結(jié)構(gòu)。關(guān)系模型如下所示：a） login表（用戶(hù)名，密碼，郵箱，電話(huà)，地址）b） messages表（

7、序號(hào),用戶(hù)名，主題，內(nèi)容，時(shí)間）c） management表（賬號(hào),密碼）五、制作過(guò)程及要點(diǎn)5.1 類(lèi)庫(kù)建立public classdb(public db()()public static SqlConnection CreateConnection()(SqlConnection con = new SqlConnection("server=(Local);database=message;Integrated Security=True"); return con;)5.2 驗(yàn)證碼protected void Page_Load(object sender, Eve

8、ntArgs e)(this.GenImg(this .GenCode(4);Session"image" = this.GenCode(4);)private string GenCode(int num)(string source = "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0", &quo

9、t;A" , "B" , "C", "D" , "E", "F" , "G" , "H", "I", "J", "K", "L" , "M" , "N" , "O" , "P", "Q", "R", "S", "T&qu

10、ot;, "U", "V" , "W", "X" , "Y", "Z" ;string code =""Random rd = new Random();for (int i = 0; i < num; i+)code += sourcerd.Next(0, source.Length);return code;private void GenImg(string code)Bitmap myPalette = new Bitmap (60, 20)

11、;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 (Color.White), rc);myPalette.Save(Response.OutputStream, System.Drawing.Imaging.ImageFormat.Jpeg)

12、;gh.Dispose();myPalette.Dispose(); 5.3 留言?xún)?nèi)容界面留言?xún)?nèi)容注冊(cè) 登錄用戶(hù)名.admin時(shí)間:2Q11613主題.打內(nèi)容：35565匿言圖（一）打開(kāi)網(wǎng)站后，首先瀏覽到留言?xún)?nèi)容（圖一），當(dāng)用戶(hù)要留言的時(shí)候，則跳轉(zhuǎn)到留言頁(yè)面（圖二）。"留言”事件代碼：protected void Button3_Click（ object sender, EventArgs e）Response.Redirect（'messages.aspx）;5.4 留言頁(yè)面留言板用戶(hù)名：留言主胭:苗言?xún)?nèi)將為1圖(二)在跳轉(zhuǎn)到該頁(yè)面之前，系統(tǒng)會(huì)檢測(cè)用戶(hù)是否登錄，如果用戶(hù)未

13、登錄，則直接跳轉(zhuǎn)到用戶(hù)登錄 頁(yè)面(圖三)，如果用戶(hù)登錄，則可提交留言。在此頁(yè)面，可統(tǒng)計(jì)注冊(cè)會(huì)員的人數(shù)，用戶(hù)名為用戶(hù) 登陸時(shí)，系統(tǒng)用 session對(duì)象傳遞自動(dòng)顯示。"留言"事件代碼：protected void Page_Load(object sender, EventArgs e)(try(this.Label1.Text = Session"Uname" .ToString();SqlConnection con = db.CreateConnection();con.Open();string strsql = "select coun

14、t(*) 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(' 用戶(hù)未登錄成功！')</script>");Response.Redirect"login.as

15、px");)protected void Button1_Click( object sender, EventArgs e) (SqlConnection con = db.CreateConnection();con.Open();.Textstring strsql="insert into messages values('"+Label1 .Text +"','" +TextBox2.Text +"','" +TextBox3 +"','"

16、 + DateTime .Now .ToString ()+ "')"SqlCommand cmd =new SqlCommand (strsql ,con );cmd .ExecuteNonQuery();con.Close ();Response.Write("<script>alert('留言成功！ ')</script>");Response .Redirect ('messageout.aspx");)"取消”事件代碼：protected void Button2_Cl

17、ick( object sender, EventArgs e)(TextBox2.Text =""TextBox3.Text ="")5.5 登錄界面注冊(cè)用戶(hù)* 魯錄角色用戶(hù)o管理員用戶(hù)名，戲自密礫 ,卷證礙 |okhb|0KHB誨改密碼圖（三）在登錄界面，用戶(hù)首先選擇"角色"，"用戶(hù)"則跳轉(zhuǎn)到留言?xún)?nèi)容界面 (圖一)，"管理員”則進(jìn)入管 理界面(圖六)。在此頁(yè)面，用戶(hù)還可以注冊(cè)用戶(hù)、 修改密碼。"注冊(cè)用戶(hù)”則進(jìn)入注冊(cè)界面(圖四)， "修改密碼"則進(jìn)入修改密碼界面(圖五)。&

18、quot;登錄"事件代碼：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 ="用戶(hù)名不能為空！<br>"if (this.TextBox2.Text =""

19、) (Label1.Text +="密碼不能為空！ <br>"if (this.TextBox3.Text ="") (Label1.Text +="請(qǐng)輸入驗(yàn)證碼！ <br>" else (SqlConnection con = db.CreateConnection();con.Open();if (RadioButtonList1.SelectedItem.Value.ToString().Trim()="用戶(hù)") (string strsql = "select Upass

20、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 aa = this .TextBox3.Text.ToString(

21、);if (aa = Convert.ToString(Session"image") (Sessionf'Uname" = this .TextBox1.Text.ToString();Response.Redirectfmessageout.aspx");) else(Labell.Text ="驗(yàn)證碼錯(cuò)誤，注意大小寫(xiě)！"；) ) else (Labell.Text ="用戶(hù)名或者密碼錯(cuò)誤！"； ) ) catch (Labell.Text ="輸入的用戶(hù)名不存在！") con.Cl

22、ose(); )else if (RadioButtonList1.SelectedItem.Value.ToString().Trim()="管理員") (string strsql1 = "select Upass from management where Uname='" + this.TextBox1.Text + "'and Upass='" + this.TextBox2.Text + ""'SqlCommand cmd = new SqlCommand (strsql

23、1,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") (Sessionf'Uname" = this .TextBox1.Text.ToString();Response.Redirectfmanagement.aspx"); ) else

24、 (Label1.Text ="驗(yàn)證碼錯(cuò)誤,注意大小寫(xiě)！"；) ) else (Label1.Text ="用戶(hù)名或者密碼錯(cuò)誤！"；catch( Labell.Text ="輸入的用戶(hù)名不存在!) con.Close(); 5.6 注冊(cè)頁(yè)面注冊(cè)用戶(hù)名；.密 碼I 確定密碼IIEmail：|聯(lián)系電話(huà)：寄庭住址'I注冊(cè)圖(四)用戶(hù)注冊(cè)成功后，將跳轉(zhuǎn)到登錄界面(圖三) ?！白?cè)"事件代碼：protected void Button1_Click( object sender, EventArgs e)(try(SqlConnecti

25、on con = 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,Tex

26、tBox6.Text);cmd.CommandText = strsql;cmd.ExecuteNonQuery();Response.Write("<script>alert('注冊(cè)用戶(hù)成功！)</script>");Response.Redirect('login.aspx");con.Close();)catch(Response.Write("<script>alert('用戶(hù)名存在，請(qǐng)選擇其它用戶(hù)名 ')</script>");)5.7 修改密碼界面修改密

27、碼用戶(hù)哲II原始密碼工一新密碼I確定密碼.確認(rèn)圖(五)用戶(hù)修改密碼成功后，不在進(jìn)行登錄，直接進(jìn)入留言板內(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='" + th

28、is.TextBox1.Text + "'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.CommandText = strs