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

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

2、言管理工作系統(tǒng)化，規(guī)范化，自動(dòng)化，從而達(dá)到提高網(wǎng)絡(luò)作用和管理的目的。本設(shè)計(jì)研究的留言板是一種電子便簽管理系統(tǒng)，是用ASP和SQL Sever編寫的網(wǎng)絡(luò)應(yīng)用程序，留言操作相對(duì)簡(jiǎn)單，在進(jìn)入網(wǎng)站后，可看到留言內(nèi)容。留言板提供完備的信息發(fā)布功能，在網(wǎng)絡(luò)用戶交流中有很大的作用。而我們這個(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)入人類社會(huì)的各個(gè)領(lǐng)域并發(fā)揮著越來(lái)越重要的作用，現(xiàn)在許多國(guó)外和國(guó)內(nèi)的網(wǎng)站均實(shí)現(xiàn)了網(wǎng)上注冊(cè)、網(wǎng)上查詢、網(wǎng)上發(fā)表信息等一系列的網(wǎng)上信息服務(wù)。

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

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

5、信息序號(hào)字段別名1Uname賬號(hào)2Upass密碼messages表基本信息序號(hào)字段別名1ID序號(hào)2Uname用戶名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í)世界的概念模型。n1用戶用戶名密碼郵箱電話地址留言內(nèi)容序號(hào)用戶名主題內(nèi)容時(shí)間發(fā)表留言賬號(hào)密碼管理員刪除4.1.3系統(tǒng)流程圖流程圖是由一些圖框和流程線組成的，其中圖框表示各種操作的類型，圖框中的文字和符號(hào)表示操作的內(nèi)容，流程線表示操作的先后次序。留言內(nèi)容修改初始密碼提交登陸登陸？留言是留言否留言內(nèi)容新用戶注冊(cè)密碼4.2邏輯結(jié)構(gòu)設(shè)計(jì)邏輯結(jié)構(gòu)設(shè)計(jì)就

6、是把概念結(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表（用戶名，密碼，郵箱，電話，地址）b) messages表（序號(hào)，用戶名，主題，內(nèi)容，時(shí)間）c) management表（賬號(hào)，密碼）五、制作過(guò)程及要點(diǎn)5.1 類庫(kù)建立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驗(yàn)證碼 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)容界面圖（一） 打開(kāi)網(wǎng)站后，首先瀏覽到留言內(nèi)容（圖一），當(dāng)用戶要留言的時(shí)候，則跳轉(zhuǎn)到留言頁(yè)面（圖二）。 "留言"事件代碼：protected void Button3_Click(object sender, EventArgs e) Response.Redirect("messages.asp

12、x"); 5.4留言頁(yè)面圖（二） 在跳轉(zhuǎn)到該頁(yè)面之前，系統(tǒng)會(huì)檢測(cè)用戶是否登錄，如果用戶未登錄，則直接跳轉(zhuǎn)到用戶登錄頁(yè)面（圖三），如果用戶登錄，則可提交留言。在此頁(yè)面，可統(tǒng)計(jì)注冊(cè)會(huì)員的人數(shù)，用戶名為用戶登陸時(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.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)容界面（圖一），"管理員"則進(jìn)入管理界面（圖六）。在此頁(yè)面，用戶還可以注冊(cè)用戶、修改密碼。"注冊(cè)用戶"則進(jìn)入注冊(cè)界面（圖四），&quo

17、t;修改密碼"則進(jìn)入修改密碼界面（圖五）。"登錄"事件代碼：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 += "請(qǐng)輸入驗(yàn)證碼！<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 = "驗(yàn)證碼錯(cuò)誤，注意大小寫！" else Label1.Text = "用戶名或者密碼錯(cuò)誤！" 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 = "驗(yàn)證碼錯(cuò)誤，注意大小寫！" else Label1.Text = "用戶名或者密碼錯(cuò)誤！" catch Label1.Text = "輸入的用戶名不存在！" con.Close(); 5.6 注冊(cè)頁(yè)面圖（四） 用戶注冊(cè)成功后，將跳轉(zhuǎn)到登錄界面（圖三）。"注冊(cè)"事件代碼： 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('注冊(cè)用戶成功！')</script>"); Response.Redirect("login.aspx"); con.Close(); catch Response.Write("<script>alert('用戶名存在，請(qǐng)選擇其它用戶名')</script>"); 5.7修

26、改密碼界面圖（五） 用戶修改密碼成功后，不在進(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='" + 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.