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

Web程序设计课程设计报告 学 生： 学 号： 班 级： 专 业： 2014年5月目 录 留言板系统的设计与实现 3 课程设计总结 5 参考文献 6 留言板系统的设计与实现 一、实验目的及要求 1、掌握Web网页常用的开发工具Frontpage2003或Deamweaver的使用； 2、学会IIS的配置； 3、学会Html、CSS、Javascript的简单开发和应用；? 4、学会B/S模式下，asp或asp.net与数据库的连接。 二、实验环境及相关情况（包含使用软件、实验设备、主要仪器等） 操作系统为Windows XP，应用软件为Macromedia Dreamweaver 8、IIS服务器和VS.Net2005软件编辑器。 三、实验内容及步骤 （一）、网站总体设计 留言板系统是一个ASP与数据库技术结合的典型应用程序由登录模块、前台员工浏览模块、后台管理员管理模块构成。普通员工正确登录后进入前台员工浏览界面，管理员正确登录后进入后台管理员管理界面。 系统结构总图如图： 1、前台用户操作 操作界面主要有：留言查看页面index.asp? 留言发表页面book_write.asp ?管理员登陆页面admin_login.asp 留言板管理页面admin_main.asp? 留言板设置页面admin_set.asp ?管理员退出登陆页面admin_logout.asp 2、后台管理操作 、数据库设计 数据库E-R图分析 管理员表? Create?table?admin(? Ano?char(10)??primary?key,?Pwd?char(10)?)? Insert?into?admin(ano,?pwd)?values(gao,111)? 管理员（姓名、密码）对应E—R图如下： 用户信息表? create?table?users(? ?uno?char(20)?primary?key,??uname?char(20),??sex?char(20),??pwd?char(20),???img?char(100),?)? 用户信息（账号、性别、姓名、密码、头像）对应E—R图如下： 留言信息表?? create?table?jiaoliu(?jno?int?identity(1,1)?primary?key,?uno?char(20),? nerong?char(2000),? foreign?key(uno)?references?users(uno)?on?delete?cascade?on?update?cascade?) 留言信息（用户账号、留言信息）对应E—R图如下： 2、数据表概要说明 Access数据库文件NOTES.mdb包含Web、Note_Admin、Note_Comment三个数据表。Web数据表保存留言板设置数据，Note_Admin数据表保存系统管理员信息数据，Note_Comment数据表保存留言板留言信息。 主要数据表的结构 Web数据表的结构： Note_Admin数据表的结构： Note_Comment数据表的结构： （四）、前台页面设计（普通用户模块） 1、前台各个主要页面概述 2、前台主页面的布局 标题 内容 前台主页面的实现 public?partial?class?zhuce?:?System.Web.UI.Page?{?//定义两个变量，用于存储图片的路径?????static?string?strImgUrl?=?;?????string?img?=?;? ????protected?void?Page_Load(object?sender,?EventArgs?e)?????{??????}? ????protected?void?Buttonchuan_Click(object?sender,?EventArgs?e)?????{? ????????//上传图片? ????????//取出待上传图片的全路径名,包括图片的本地路径和图片的名称.?????????string?fullFileName?=?this.FileUpload1.PostedFile.FileName;? ????????//取出待上传的图片的名字,去掉图片的路径,只取图片的主文件名,.和扩展名.?????????string?fileName?=?fullFileName.Substring(fullFileName.LastIndexOf(\\)?+?1);?????????//取出待上传的图片的扩展名,用于判断文件的类型是图片类型.?????????string?type?=?fullFileName.Substring(f