-Web动态网页设计报告--

重庆邮电大学移通学院Web程序设计课程设计报告学生：学号：班级：专业：2014年5月重庆邮电大学移通学院目录留言板系统的设计与实现...............................................................................................................3课程设计总结.................................................................................................................................16参考文献.........................................................................................................................................19重庆邮电大学移通学院留言板系统的设计与实现一、实验目的及要求1、掌握Web网页常用的开发工具Frontpage2003或Deamweaver的使用；2、学会IIS的配置；3、学会Html、CSS、Javascript的简单开发和应用；4、学会B/S模式下，asp或asp.net与数据库的连接。二、实验环境及相关情况（包含使用软件、实验设备、主要仪器等）操作系统为WindowsXP，应用软件为MacromediaDreamweaver8、IIS服务器和VS.Net2005软件编辑器。三、实验内容及步骤（一）、网站总体设计留言板系统是一个ASP与数据库技术结合的典型应用程序由登录模块、前台员工浏览模块、后台管理员管理模块构成。普通员工正确登录后进入前台员工浏览界面，管理员正确登录后进入后台管理员管理界面。系统结构总图如图：重庆邮电大学移通学院41、前台用户操作操作界面主要有：留言查看页面index.asp留言发表页面book_write.asp管理员登陆页面admin_login.asp留言板管理页面admin_main.asp留言板设置页面admin_set.asp管理员退出登陆页面admin_logout.asp2、后台管理操作重庆邮电大学移通学院5（二）、数据库设计1、数据库E-R图分析重庆邮电大学移通学院6管理员表Createtableadmin(Anochar(10)primarykey,Pwdchar(10))Insertintoadmin(ano,pwd)values('gao','111')管理员（姓名、密码）对应E—R图如下：用户信息表createtableusers(unochar(20)primarykey,unamechar(20),sexchar(20),pwdchar(20),imgchar(100),)用户信息（账号、性别、姓名、密码、头像）对应E—R图如下：重庆邮电大学移通学院7留言信息表createtablejiaoliu(jnointidentity(1,1)primarykey,unochar(20),nerongchar(2000),foreignkey(uno)referencesusers(uno)ondeletecascadeonupdatecascade)留言信息（用户账号、留言信息）对应E—R图如下：2、数据表概要说明Access数据库文件NOTES.mdb包含Web、Note_Admin、Note_Comment三个数据表。Web数据表保存留言板设置数据，Note_Admin数据表保存系统管理员信息数据，Note_Comment数据表保存留言板留言信息。3、主要数据表的结构Web数据表的结构：重庆邮电大学移通学院8Note_Admin数据表的结构：Note_Comment数据表的结构：重庆邮电大学移通学院9重庆邮电大学移通学院10（四）、前台页面设计（普通用户模块）1、前台各个主要页面概述重庆邮电大学移通学院11重庆邮电大学移通学院122、前台主页面的布局标题内容2、前台主页面的实现publicpartialclasszhuce:System.Web.UI.Page{//定义两个变量，用于存储图片的路径staticstringstrImgUrl=;stringimg=;protectedvoidPage_Load(objectsender,EventArgse){}protectedvoidButtonchuan_Click(objectsender,EventArgse){//上传图片//取出待上传图片的全路径名,包括图片的本地路径和图片的名称.stringfullFileName=this.FileUpload1.PostedFile.FileName;//取出待上传的图片的名字,去掉图片的路径,只取图片的主文件名,.和扩展名.stringfileName=fullFileName.Substring(fullFileName.LastIndexOf(\\)+1);//取出待上传的图片的扩展名,用于判断文件的类型是图片类型.stringtype=fullFileName.Substring(fullFileName.LastIndexOf(.)+1);//根据取出的文件的扩展名来判断,文件是否是图片,如果是,上传显示;否重庆邮电大学移通学院13则给出提示信息.if(type==jpg||type==gif||type==bmp||type==png||type==jpeg){//上传到指定的服务器文件夹中.this.FileUpload1.PostedFile.SaveAs(Server.MapPath(Images)+\\+fileName);strImgUrl=@Images/+fileName;img=1;}else{img=0;}if(img==0){Response.Write(scriptalert('上传文件类型不正确！');/script);}//通过Image控件显示图片。this.Image1.ImageUrl=strImgUrl;}protectedvoidButtonok_Click(objectsender,EventArgse){//建立链接。SqlConnectioncon=newSqlConnection(ConfigurationSettings.AppSettings[connString]);//打开链接。con.Open();//建立Sql串。stringsql=@insertintousers(uno,uname,sex,img,pwd)values('+this.TextBoxhao.Text+','+this.TextBoxuname.Text+','+this.TextBoxsex.Text+','+strImgUrl+','+this.TextBoxpwd.Text+');//建立命令。SqlCommandcmd=newSqlCommand(sql,con);//执行命令。cmd.ExecuteNonQuery();//关闭链接。con.Close();//给出提示。Response.Write(scriptalert('提交成功！');/script);Response.Redirect(index.aspx);}protectedvoidButtonclear_Click(objectsender,EventArgse){重庆邮电大学移通学院14this.TextBoxsex.Text=;this.TextBoxuname.Text=;}}protectedvoidButtonok_Click(objectsender,EventArgse){//建立链接。SqlConnectionconn=newSqlConnection(ConfigurationSettings.AppSettings[connString]);//打开链接。conn.Open();stringsql=@select*fromuserswhereuno='+this.TextBoxhao.Text+'andpwd='+this.TextBoxpwd.Text+';Session[uname]=this.TextBoxhao.Text;//建立命令。SqlCommandcmd=newSqlCommand(sql,conn);//建立数据读取器。SqlDataReadersdr=cmd.ExecuteReader();if(sdr.Read()==true){//关闭链接。conn.Close();//用户名和密码正确，跳转到其他页面。Response.Redirect(jiaoliu.aspx);}else{//给出错误提示。Response.Write(scriptwindow.alert('您输入的用户密码有误！');/script);}（五）、后台模块的设计与实现（管理员模块）1、后台各个主要页面概述重庆邮电大学移通学院15重庆邮电大学移通学院162、后台主页面的布局标题内容3、后台主页面的实现dmin_login.asp代码如下：%ifrequest.QueryString(act)=loginthenuser=Request.Form(username)pass=Request.Form(password)重庆邮电大学移通学院17SetNArs=Server.CreateObject(Adodb.RecordSet)sq1=Select*fromnote_adminwhereAdmin='&user&'andpwd='&pass&'NArs.opensq1,conn,1,1Ifnot(NArs.bofandNArs.eof)ThenSession(login)=okSession(user)=NArs(Admin)Session(id)=NArs(id)Response.Redirectadmin_main.asp?action=mainElseResponse.Write(scriptalert('管理员用户名称或密码输入有误，请检查后重新输入！');history.back()/script)Response.EndEndIfNArs.CloseSetNArs=nothingEndIf%Admin_main.asp代码如下：%dimrs,msg_per_pagedimsq1msg_per_page=10Setrs=Server.CreateObject(ADODB.Recordset)sq1=select*fromnote_commentorderbyiddescrs.pagesize=msg_per_pagers.opensq1,conn,1,3ifrs.eofandrs.bofthenresponse.write暂时没有留言endififnot(rs.eofandrs.bof)thentotalrec=RS.RecordCountifrs.recordcountmodmsg_per_page=0thenn=rs.recordcount\msg_per_pageelsen=rs.recordcount\msg_per_page+1endifcurrentpage=request(page)Ifcurrentpagethencurrentpage=cint(currentpage)ifcurrentpage1thencurrentpage=1endififerr.number0thenerr.clearcurrentpage=1endifelsecurrentpage=1Endififcurrentpage*msg_per_pagetotalrecandnot((curren