留言板系统的设计与实现

1、目 录一、 设计目的1二、 需求分析1三、 模块分析及设计2四、 数据库设计24.1 系统概念结构设计24.1.1 数据字典24.1.2 系统e-r图34.1.3 系统流程图44.2 逻辑结构设计5五、 制作过程及要点65.1 类库建立65.2 验证码65.3 留言内容界面75.4 留言页面75.5 登录界面95.6 注册页面125.7 修改密码界面135.8 管理员界面14设计总结15附录.15一、设计目的留言板管理系统主要是提供大众一个操作系统，便于网上交流，谈论。功能块的响应操作分别由对应的子模块实现。通过互联网把你想说的话及想问的事发表出去，方便大家交流。同时，留言板的后台通过一个简化

2、的自动的信息管理系统，使网友留言管理工作系统化，规范化，自动化，从而达到提高网络作用和管理的目的。本设计研究的留言板是一种电子便签管理系统，是用asp和sql sever编写的网络应用程序，留言操作相对简单，在进入网站后，可看到留言内容。留言板提供完备的信息发布功能，在网络用户交流中有很大的作用。而我们这个留言板仅仅是简单的留言和管理员对留言进行操作的工具，该留言板简单实用，而且具备了大多数留言板的基本功能。科学技术在不断地提高，计算机网络技术也日渐成熟，器强大的功能已为人们深刻认识，它已进入人类社会的各个领域并发挥着越来越重要的作用，现在许多国外和国内的网站均实现了网上注册、网上查询、网上发

3、表信息等一系列的网上信息服务。通过计算机网络实现了足不出户就可以了解各种信息、咨询问题、搜索资料等，有了这样的一个网络平台，节省了大量的人力物力。二、需求分析对于一个系统，我们要从其性能、功能、用户界面、安全性等反面考虑，系统必须完成的功能如下：1.留言板管理系统前端的主要功能是：(1)用户注册。(2)用户登录。(3)用户发表内容。(4)用户修改密码。(5)用户浏览留言内容。2.留言板管理系统后台管理的主要功能：(1)管理员登陆。 (2)管理员删除用户发帖信息。3.留言板管理系统性能要求:(1)页面响应速度快。(2)页面美观整洁。三、 模块分析及设计模块分析与设计是对一定范围内的不同功能或相同

4、功能不同性能、不同规格的产品进行功能分析的基础上，划分并设计出一系列功能模块，通过模块的选择和组合构成不同的顾客定制的产品，以满足市场的不同需求。在上节内容中，已对本系统的所需求的功能进行了设计，结合其功能，制作出本系统的功能模块图，如图所示：留言板系统普通用户管理员登陆修改密码留言查看留言注册用户登陆删除留言四、数据库设计4.1系统概念结构设计4.1.1数据字典数据字典是系统中各类数据描述的集合，是进行详细的数据收集和数据分析所获得的主要成果，数据字典是对系统所用到的所有表结构的描述。login表基本信息序号字段别名1uname用户名2upass密码3email邮箱4phone电话5addr

5、地址management表基本信息序号字段别名1uname账号2upass密码messages表基本信息序号字段别名1id序号2uname用户名3title主题4content内容5times时间4.1.2系统e-r图e-r图提供了表示实体（即数据对象）、属性和联系的方法，用来描述现实世界的概念模型。n1用户用户名密码邮箱电话地址留言内容序号用户名主题内容时间发表留言账号密码管理员删除4.1.3系统流程图流程图是由一些图框和流程线组成的，其中图框表示各种操作的类型，图框中的文字和符号表示操作的内容，流程线表示操作的先后次序。留言内容修改初始密码提交登陆登陆？留言是留言否留言内容新用户注册密码4

6、.2逻辑结构设计逻辑结构设计就是把概念结构设计阶段所设计好的基本e-r图转换为与sql数据库所支持数据模型相符合的逻辑结构。关系模型如下所示：a) login表（用户名，密码，邮箱，电话，地址）b) messages表（序号，用户名，主题，内容，时间）c) management表（账号，密码）五、制作过程及要点5.1 类库建立public class dbpublic db() public static sqlconnection createconnection() sqlconnection con = new sqlconnection(server=(local);database=

7、message;integrated security=true); return con; 5.2验证码 protected void page_load(object sender, eventargs e) this.genimg(this.gencode(4); sessionimage = this.gencode(4); private string gencode(int num) string source = 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q,

8、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.length); return code; private void genimg(string code) bitmap mypalette = new bitmap(60, 20); graphics gh = graphics.fromimage(mypalette); rectangle rc = new rectangle(0,

9、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); gh.dispose(); mypalette.dispose(); 5.3留言内容界面图（一） 打开网站后，首先浏览到留言内容（图一），当用户要留言的时候，则跳转到留言页

10、面（图二）。 留言事件代码：protected void button3_click(object sender, eventargs e) response.redirect(messages.aspx); 5.4留言页面图（二） 在跳转到该页面之前，系统会检测用户是否登录，如果用户未登录，则直接跳转到用户登录页面（图三），如果用户登录，则可提交留言。在此页面，可统计注册会员的人数，用户名为用户登陆时，系统用session对象传递自动显示。 留言事件代码： protected void page_load(object sender, eventargs e) try this.label1

11、.text = sessionuname.tostring(); sqlconnection con = db.createconnection(); 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

12、 response.write(alert(用户未登录成功！); 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 +,+textbox3 .text +,+datetime .now .tostring ()+);

13、sqlcommand cmd =new sqlcommand (strsql ,con ); cmd .executenonquery(); con.close (); response.write(alert(留言成功！); response .redirect (messageout.aspx);取消事件代码： protected void button2_click(object sender, eventargs e) textbox2.text = ; textbox3.text = ; 5.5登录界面图（三） 在登录界面，用户首先选择角色，用户则跳转到留言内容界面（图一），管理员则

14、进入管理界面（图六）。在此页面，用户还可以注册用户、修改密码。注册用户则进入注册界面（图四），修改密码则进入修改密码界面（图五）。登录事件代码：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 = 用户名不能为空！; if (this.textbox2.text = )

15、 label1.text += 密码不能为空！; if (this.textbox3.text = ) label1.text += 请输入验证码！; else sqlconnection con = db.createconnection(); con.open(); if (radiobuttonlist1.selecteditem.value.tostring().trim() = 用户) string strsql = select upass from login where uname= + this.textbox1.text + and upass= + this.textbo

16、x2.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(); if (aa = convert.tostring(sessionimage) sessionuname = this.textbox1.text.tostring(); response.redirect(messageou

17、t.aspx); else label1.text = 验证码错误，注意大小写！; else label1.text = 用户名或者密码错误！; catch label1.text = 输入的用户名不存在！; con.close(); else if (radiobuttonlist1.selecteditem.value.tostring().trim() = 管理员) string strsql1 = select upass from management where uname= + this.textbox1.text + and upass= + this.textbox2.tex

18、t + ; sqlcommand 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(sessionimage) sessionuname = this.textbox1.text.tostring(); response.redirect(management.as

19、px); else label1.text = 验证码错误，注意大小写！; else label1.text = 用户名或者密码错误！; catch label1.text = 输入的用户名不存在！; con.close(); 5.6 注册页面图（四） 用户注册成功后，将跳转到登录界面（图三）。注册事件代码： protected void button1_click(object sender, eventargs e) try sqlconnection con = db.createconnection(); con.open(); sqlcommand cmd = con.createc

20、ommand(); 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,textbox6.text); cmd.commandtext = strsql; cmd.executenonquery(); response.write(alert(注册用户成功！); response.redirect(login.aspx); con.cl

21、ose(); catch response.write(alert(用户名存在，请选择其它用户名); 5.7修改密码界面图（五） 用户修改密码成功后，不在进行登录，直接进入留言板内容界面（图一）确认事件：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

22、uname= + this.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 = strsql; cmd2.executenonquery