下载文档原格式
动态 WEB 课程设计——留言板系统学院名称：计算机与电子信息学院专业名称：计算机科学技术班级：学号：姓名：完成时间：目录目录1．网站简介 (1)2．网站开发平台和工具 (1)3．网站结构设计 (1)4．网站功能模块 (3)5．数据库结构 (6)6．主要模块实现与代码摘要 (7)7．课程设计总结 (10)1网站简介留言板是一种可以用来记录，展示文字信息的载体，有比较强的时效性，一般能比较及时的集中反应信息。
随着互联网的迅猛的发展，网络留言板也随着诞生，比如说我们熟知的BBS，又比如说在每个网站的信息反馈系统。
此次课程设计，就是要制作一个有着普遍性能的留言版系统，类似于BBS的功能。
2开发平台和工具3网站结构设计网站实现功能如下：1）用户留言信息（留言内容的新增、删除、修改、查询）；2) 注册用户维护（用户信息的新增、删除、修改、查询）；3) 按姓名查询用户留言信息；4) 管理员可对用户注册的信息和所有用户的留言信息进行管理；5) 用户的注册；6) 判断用户标识和口令，并进行权限管理。
4网站功能模块如上所述，网站实现的功能主要有6个，根据用户权限不同可以将本系统分为2大模块，分别为：管理员用户权限、访客用户权限。
本系统各个部分及其包括的具体功能模块如下图所示：2.1.1、用户类型2.1.2、管理员2.1.3、普通访客2.1.4、用户登录判断图2 – 4用户登录判断2.1.5、用户检测及登录流程图2 - 5用户登录及注册模块程序逻辑图5数据库结构根据网站功能设计要求和模块划分，数据库主要用于存储用户信息、用户留言信息和管理员信息，。
数据库结构如下：1.管理员息表admin：图2 - 62、注册用户信息表user：图2 - 73、注册用户留言信息表：图5.2 视频信息表6主要模块实现与代码摘要6.1首页设计本系统的首页由图片，标题，和留言组成，根据访客的不同需求选择不同的界面。
代码如下：/******省略部分代码*************/<%!String DBDriver = "com.microsoft.sqlserver.jdbc.SQLServerDriver"; String DBUrl ="jdbc:sqlserver://127.0.0.1:1433;DatabaseName=userdb"; Connection conn =null;Statement stmt = null;ResultSet rs = null;%><table width="100%" border="1" cellpadding="0" cellspacing="3" height="100%"><%//连接数据库，读取类信息try{Class.forName(DBDriver);conn = DriverManager.getConnection(DBUrl,"sa","sa");/*if(conn!=null){System.out.println("Connection...");}else{System.out.println("not Connection...");}*/stmt = conn.createStatement();String sql ="select * from liuyan";rs = stmt.executeQuery(sql);}catch(Exception e){e.printStackTrace();}%><tr align="center" ><%while(rs.next()){%><%=rs.getString(2) %><%=rs.getString(2) %><%}%></tr><%try{if(rs!=null){rs.close();}if(stmt!=null){stmt.close(); }if(conn !=null){conn.close();}//数据库连接，都必须及时的关闭。
留言板制作步骤：一、将源文件digiboard拷贝到c:\appserv\www文件夹中；二、在phpmyadmin中建立数据库“digiboard”并导入“digiboard.sql”文件；三、在Dreamweaver中建立动态站点“digiboard”；四、制作留言板主页面。
（digiboard.php）1、设置数据库连接1）打开digiboard.php，切换到【应用程序\数据库】面板，单击【+\mysql连接】命令；2）填写连接名称（conndigiboard），mysql服务器(localhost)，用户名（root）,密码（123）;3）单击【选取…】按钮，选择“digiboard”数据库后，确定；4）单击测试按钮，查看连接设置是否正确；2、绑定记录集1）切换到【应用程序\绑定】面板，单击【+\记录集（查询）】命令；2）在记录集窗口中填写名称（recdigiboard），连接（conndigiboard），表格（board），列（全部），排序（digiB_id，降序）；单击【确定】；3）在【绑定】面板中展开所设置的记录集，显示数据库字段名称；依次向页面中插入digib_name，digib_id，digib_subject，digib_potime字段；3、设置表情图片选择表情头像占位符，在【属性】面板【源文件】文本框中输入前置路径“images/face”，并单击【浏览】按钮，选择【数据源】单选按钮，选择【digib_face】选项，在url文本框<?php ?>代码前输入前置路径“images/face/”，单击【确定】；4、设置“电子邮件”及“网页”图标的链接1）选择【email】图片，在属性面板【链接】栏中输入“mailto:”，并点击浏览按钮，选择“数据源”，选择“digib_email”，在url栏<?php ?>代码前输入：“mailto:”,点【确定】按钮；2）选择【www】图片，点击属性面板链接栏的浏览按钮，选择【数据源】，选择“digib_web”，点击【确定】按钮。
目录第一章留言板介绍 (1)1.1设计思路 (1)1.2系统功能 (2)第二章开发环境 (2)2.1开发软件 (2)2.2 IIS的配置 (2)2.3其他环境设置 (2)第三章开发过程 (4)3.1新建站点 (4)3.2设置测试服务器 (4)3.3数据库设置 (5)3.4数据库连接 (5)3.5 页面设计 (7)3.5.1登录页面 (7)3.5.2新用户注册页面 (9)3.5.3用户首页 (11)3.5.4用户添加留言页面 (14)3.5.5管理员登录页面 (15)3.5.6管理员首页 (17)3.5.7管理员编辑页面 (19)3.5.8修改页面 (22)第四章总结 (25)留言板设计第一章留言板介绍1.1设计思路我设计的是一个简单的动态留言板，可以实现注册、登录、添加、删除、修改、查询等简单的操作。
其具体的设计思路如下：用户和管理员必须先注册然后才能登录，只有登陆成功之后才能够进入首页。
用户可以在用户首页中查看留言，如果需要添加留言，可以点击页面中的“添加留言”，页面就会跳转到添加留言页面，用户可以在这里添加留言；如果用户不需要做任何操作可以直接点击“退出登录”就会自动退出我的留言板。
管理员登录成功后可以在管理员首页对未进行回复的留言进行回复，也可以对其回复的内容进行修改。
管理员还可以对所有的留言进行编辑，实现删除、修改、查询等操作。
具体操作流图如下：1.2系统功能用户可以在“我的留言板”里查看留言，添加留言；管理员可以对用户的留言进行回复，并且可以对所有的留言进行删除、修改、查询等操作。
第二章开发环境2.1开发软件我使用的是Adobe Dreamweaver CS5 来进行动态网页的设计。
2.2 IIS的配置先从网上下载好IIS安装包，再点击“开始”选择控制面板，在控制面板中点开“添加或删除程序”，点击“添加/删除Windows组件”就会出现如下图所示的界面，选中Internet 信息服务，然后点击下一步，按照提示安装即可。
动态数据库网页本讲要点1、配置动态服务器IIS 2、建立动态站点3、创建动态页面4、创建数据库5、制作表单文档一、动态站点概述何为动态一种具有“交互性〞的页面效果即网页会根据用户的要求和选择而动态改变和响应。
制作动态网页需要做的工作有第一要在个人电脑上调试动态网页。
第二使用数据库技术。
第三在Dreamweaver中建立动态站点。
二、配置IIS服务器1安装IIS服务器2设置IIS 3测试ASP动态网页1安装IIS服务器1执行【开始】【控制面板】命令打开【控制面板】。
2双击【添加或删除程序】图标打开【添加或删除程序】窗口。
3单击【添加/删除Windows组件】打开【Windows组件向导】对话框。
4选择【Internet信息服务IIS】复选项。
5单击【下一步】按钮开始安装IIS服务器。
安装完成后的窗口如如下图所示。
2设置IIS 首先在D盘下面建立一个“liuyanban〞的文件夹用来存放留言板动态页面文件。
其次通过以下的步骤来设置站点虚拟目录1从【控制面板】窗口打开【管理工具】在打开的【管理工具】窗口中选择【Internet信息服务快捷方式】。
2设置IIS 2双击【Internet信息服务快捷方式】选项在弹出的【Internet信息服务】窗口左边窗格中右击【默认】项在弹出的菜单中执行【新建】【虚拟目录】命令弹出【虚拟目录创建向导】窗口如右图所示。
2设置IIS 3单击【下一步】按钮继续。
如左图所示在【别名】下面的文本框中输入“liuyanban〞。
单击【下一步】按钮继续。
如右图所示在【目录】下边的文本框中输入“D:liuyanban〞或者单击【浏览】按钮找到D盘的“liuyanban〞文件夹。
3测试ASP动态网页在【Internet信息服务】窗口右边的窗格中找到建立的ASP动态页面右键单击后在弹出的快捷菜单中选择【浏览】项即可如图8-15所示。
三、创建留言板主页面1、建立动态站点2、创建留言板页面建立动态站点1定义站点。
创建数据库1、建立一个数据库，名称为“board”2、创建两个表分别为“admin”、“guestboard”3、建立表结构（1）admin表的结构名称数据类型name 文本password 文本（2）guest表的结构（其中guestid为编码，name为名称，title为标题，content为留言内容，reply为回复内容，date为留言日期）名称数据类型guestid 自动编码设置为主键name 文本title 文本content 备注replay 备注默认值为“无回复”date 日期/时间默认值为“now()”4、输入数据（1）admin表的值name列password列admin admin（2）guestboard表的值guestid neme title content replay date1 张三001 你好！（留空）（系统自动填写）留言板首页1、新建一个动态站点，名称1005。
2、在站点内新建一个ASP VBScript 动态页面。
保存文件名为“index.asp”。
设置文档标题为“留言板”。
（1）在首行输入“1005论坛”，设置字体为“华文琥珀”，大小为75，颜色为红色。
切换到“代码”视图，在“1005论坛”旁边加换行标志“<br />”（<span class="STYLE1">1005论坛</span><br />）。
（2）在第二行输入“当前位置：留言板”，设置字体为“华文琥珀”，大小为16，“当前位置：”的颜色设置为灰色（#666666），“留言板”设置为黑色。
单击“编辑”——>首先参数——>常规——>在“允许多个连续的空格”前面打钩。
插入多个空格，将光标移到到右侧，在右侧输入“管理员登陆”，各项属性为默认。
切换到“代码”视图，在“管理员登陆”旁边加换行标志“<br />”。
任务二制作留言板主页任务描述数据库及数据表建立后，就要进行留言板系统的设计与制作。
其中，留言板主页是一个典型的具有交互功能的网页，用户进入留言板系统后，最主要的目的就是浏览留言内容、发表自己的新留言，所以在留言板主页中就要以这两项功能为主。
图4-2-1任务分析留言板主页可分页显示当前的所有留言（包含“第一页”、“上一页”、“下一页”及“最后一页”按钮），包括留言者姓名、QQ、Email、留言内容、留言时间、管理员留言回复等内容。
还包括管理员入口、发表新留言、删除回复留言等入口。
方法与步骤1．布局设计启动Dreamweaver，打开主页文件index.asp，依下图进行布局设计。
图4-2-22．连接数据库●创建数据源: 选择“窗口”，“数据库”命令，打开“数据库”面板，单击“数据库”面板的“+”按钮，选择“数据源名称（DSN）”，打开“数据源名称”对话框，创建数据源。
图4-2-3●创建记录集：单击“绑定”面板的“+”按钮，选择“记录集（查询）”，弹出“记录集”对话框，定义记录集名称为rs，连接到数据源ly，表格选择lyb，按id降序排列。
图4-2-43．显示留言●选中留言内容表格，打开“服务器行为”面板，单击“+”按钮，选择“显示区域”→“如果记录集不为空则显示区域”，在弹出的对话框中选择rs记录集。
●选中“暂无留言”表格，打开“服务器行为”面板，单击“+”按钮，选择“显示区域”→“如果记录集为空则显示区域”，在弹出的对话框中选择rs记录集，这一项用于留言表为空时的显示内容。
●数据绑定：打开“绑定”面板，单击记录集前的“+”按钮，将记录集内的动态数据拖入页面中的相应位置。
绑定内容如下：姓名：{rs.xm}；留言内容：{rs.ly}；站长回复：{rs.hf}；{rs.xm}发表于{rs.time}；目前共有留言{rs_total}条，现在显示的是第{rs_first}条-第{rs_last}条留言；选中QQ图片，在“绑定”面板中将QQ字段绑定到img.alt，当鼠标指向QQ图片时就会显示相应的QQ号。
