制作动态网页留言板
web动态网站设计--留言板系统
动态 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();}//数据库连接，都必须及时的关闭。
第18章+创建动态表单(留言板)
“转到详细信息页”对话框
转到特定记录(1)
• 绑定记录集。打开detail.asp，绑定记录集。每次 制作新的动态网页都要先绑定记录集。 • 制作动态网页。首先确定要在detail.asp上显示的 动态网页内容，如要显示id、姓名、性别、城市、 邮箱五项内容，就在网页中插入一个五行两列的 表，并在左列输入项目文字。 • 光标放在第二列第一个单元格，在“绑定”面板 上选择id，单击面板上的“插入”按钮，使用同 栏的方法插入其他动态文本，最后效果如图。
“记录集”对话框中的筛选设置
更新记录表单对话框及设置
网页上的更新记录表单
删除记录页
• 转到详细记录页 • 删除记录
转到详细记录页Leabharlann 1.打开loginok.asp，在此网页添加转到详细记录页 行为。 2.打开“服务器行为”面板，选择表格中的“删 除”，单击面板上的“+”，选择“转到详细记录 页”，打开对话框，设置如图。 3.“详细信息页”选择delete.asp，“记录集”选择 message，“列”选择“编号”，“URL参数” 为“编号”，这是保证loginok.asp上选择的记录 和delete.asp上删除的记录一致的关键。 4.单击“确定”按钮。
记录集对话框及设置
“转到详细信息页”对话框及设置
更新记录表单
• 在guestbook文件夹下新建网页文件edit.asp并打开。 • 打开“绑定”面板，单击“+”，在弹出的菜单中选择“记 录集(查询)”，弹出记录集对话框。 • 在对话框中，“名称”填写message,“连接”选择数据库 guestbook.mdb，“表格”选择message. • 最重要的是筛选，要求edit.asp页面上更新的项目和 loginok.asp上选择的项目一致，就要筛选出id与 loginok.asp传递的URL参数中的id一致，设置如图。 • 插入更新记录表单。单击“插入”子面板“应用程序”中 的“插入更新记录表单向导”按钮，弹出“更新记录表单” 对话框。“连接”选择数据库guestbook，“要更新的表 格”选择message，“选取记录自”选择message，“惟 一键列”选择“编号”，“更新后，转到”选择性 loginok.asp。 • 表单字段的设定。“标签”设定表单旁边提示文字，可改 为中文“留言”，“显示为”设定为文本区域，“提交为” 设定为文本，最后还将表单字段中的“编号”和“date” 删除。如图 • 单击“确定”，更新记录表单出现在网页上，如图。
留言板制作步骤
留言板制作步骤：一、将源文件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”，点击【确定】按钮。
DW留言板课程设计
目录第一章留言板介绍 (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 信息服务，然后点击下一步，按照提示安装即可。
制作网络留言板
数据类型的选择
在表中，“姓名、标题、邮箱地址”的数据类型均为“文本”，因一般都不会超过50个字符，所以采用系统默认的50。 “内容”的数据类型设为“备注”。 “留言时间”的数据类型为“日期/时间”，在默认值一栏的右边输入“=Now()”即可在添加数据时，数据库系统自动以服务器当前时间作为字段的值。
显示数据记录
在list.asp页面中插入一个2行3列、宽为600像素的表格，并在第一行的各个单元格中分别输入：主题、留言者、发表时间。 将“绑定”窗口中的三个字段用左键拖到与它们对应表格的第二行单元格中。 在表格的下面输入“现在显示的是第 -第 条记录，共有 条记录” ，并将“绑定”窗口的后三个字段分别拖到上面的三个空格中。
admin表结构
数据表admin中添加记录
选择数据源
打开控制面板，点击“管理工具”，选择其中的“数据源”，随即打开“ODBC数据源管理器”。选择其中的“系统DSN” 项，然后单击右边的“添加”按钮，则打开“创建新数据源”对话框，选择其中的“Microsoft Access Drive （*.mdb）”，单击“完成”后将弹出“ODBC Microsoft Access安装”对话框，点击“选择”按钮选择已有的数据库，并在“数据源名”右边文本框中输入“dsn”即可。
制作删除记录页面
将list.asp另存为del.asp后进行修改。 在页面的上端输入“单击选择要删除的留言，进入删除页面”。 双击“服务器行为”面板中的“转到详细页面”行为，在弹出对话框的“详细信息页”中输入要转到的新页面—delok.asp
动态网页留言板的制作过程
＜／ ｒ ｔ ｓｉ ＞ ｃｐ ＜／ Ｅ Ｄ＞ Ｈ Ａ
＜ＢＯＤＹ ＢＧＣＯＬ ＯＲ ＝ ＃ ＦＦ ＦＦ ＂ＴＥＸＴ ＝ ＃ ０ ０ ０ Ｆ Ｆ ００ ０
ｉ（ ｉ＝ ＝ｔ ｅ ｉ （ ａｉａｏ） ｛ ｆ ｉｔ ｎ ｒ ）ｗｔ ｎｖｇｔｒ ｉ （ｐ Ｎ ｍｅ ＝ ｕ ｈ ｆ（ ａｐ ａ ＝
郑 立 文
（ 阳 师 专 ，辽 宁 朝 阳 １２ ０ ） 朝 ２ ０ ０
摘 要 ：留 言板 是 网 站 提 供 给 访 问 者 的 留 言 工 具 ．设 计 一 种 动 态 网 页 留 言 板 ，用 Ａ Ｐ 制 作 完 成 ， 主 要有 Ｓ 留言 界 面 ，处 理 留言 ，查 看 留言 ，存 储 留言 ， 管理 员登 陆几 部 分 ，并 介 绍 几 个 关 键 部 分 的程 序代 码 ． 关键 词 ：留 言板 ； 数据 库 ；表 单 ；代 码
同 ，这 里介 绍一种 用 Ａ Ｐ制作 的 留言板 的过程 ． Ｓ
首先 ，提供 给访 问者 留言 的界面 ，使访 问者能够 在上 面 留言 ；其次 留言 可被 提 交 到 ＷＥ Ｂ服 务器 ，当
留言送 到 ＷＥ Ｂ服务 器 时 ，服 务器 端应 有一个 相应 的 ＡＳ Ｐ程序 来把 访 问者 的 留言保存 到数 据库 中 ，在需 要 时 ，留言板还 可 以被访 问者 浏览 ，让 大家 能够看 到彼 此 的留言 ．所 以留言 板上含 有 以下几 个部 分 内容 ：留 言表单 ：接 受访 问者输 入信 息 ；处理 留言 的 ＡＳ Ｐ程 序 ：处 理访 问者 的 留 言 ，并 且保 存 到 数据 库 中 ；观看 留言的 网页 ：使访 问者 可 以看 到 留言 ，当然 ，如果 留言簿不 向公 众公 开 ，这部 分是 可 以省 略的 ；存储 留言 的方 法 ：利 用数据 库来 存储 访 问者 留言 ． 在处理及 保存 留言 的 ＡＳ Ｐ程序 中 ，要 先 对各 个 留 言字 段 的输 入 做合 法 性 检 查 ，如 果 留言 标题 或者 留 言 内容空 白则不接 受 留言 ．如果 留言表单 填写 完整 ，则 提交 成 功 ，留言 表 字 段 中有 Ｅ— ｉ一项 ，可 以把 ｍａ ｌ 其转换 成一个 Ｅ— ｉ链接 ．保 存 留言 时所使 用数据 库是 使用 Ａｃｅｓ 立 的数 据 库及 数 据表 ．最 后 ，留言 ｍａｌ ｃｓ 建 板提供 浏览 功 能 ．考 虑 到 留言 的数 量 ，留 言板 中 还要 用 到 分 页 显 示 技 术 ．总 体 来 说 ，本 系 统 要 用 到 的 ＡＳ Ｐ具 体技 术有 ：访 问数 据 库 的 技 术 ；ＡＳ Ｐ的 内置对 象 Ｓ ｒｅ 、Ｒ ｓｏ ｓ 、Ｒ ｑ ｅｔ ｅｓ ｎ的用 法 ；用 ｅｖ ｒ ｅｐ ｎｅ ｅｕ ｓ、Ｓ ｓｉ ｏ
学用DW做ASP实例—留言板
动态数据库网页本讲要点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定义站点。
asp_Dreamweaver_access做留言板
创建数据库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 />”。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
---------------------------------------------------
IIS服务器安装完成，打开IE浏览器，在“地址 栏”中输入“http://localhost/”，按Enter键。
教学进程
11.2 配置服务器
配置过程
1. 安装IIS 2. 设置IIS
教学进程
11.5.2 制作动态留言板主页面
4．添加服务器行为——显示区域
服务器行为
教学进程
11.5.3 设计用户留言页面
1．制作表单页面 新建一个动态页面，并将其保存为“write.asp”，它就是用户留言 页面。
教学进程
11.5.3 设计用户留言页面
2．定义提交按钮的服务器行为
教学进程
11.5.3 设计用户留言页面
打开【控制面板】，打开【添加或删除程序】 窗口。
---------------------------------------------------
单击【添加/删除Windows组件】，打开 【Windows组件向导】对话框，在其中选择 【Internet信息服务（IIS）】复选项
---------------------------------------------------
11.3.1 动态站点的建立
1. 定义站点 2. 选择服务器技术 3. 选择存放的文件夹
接着设置站点文件夹，因为现在是在本 地测试，而且站点在“D:\liuyanban”文 件夹下。
4. 设置本机测试URL
教学进程
11.3 制作留言板的主页面
11.3.1 动态站点的建立
1. 定义站点 2. 选择服务器技术 3. 选择存放的文件夹 4. 设置本机测试URL
1．制作表单页面 3．定义表单提交的检查
教学进程
11.5.4 实现留言记录导航
1．实现留言记录导航 在main.asp页面实现留言记录导航主要包括：控制一页显示留言数 和翻页按钮（上一页、下一页、最前一页、最后一页）。主要使 用【应用程序】工具栏来完成。
留言数量和翻 页按钮页面
教学进程
11.5.4 实现留言记录导航
教学进程
11.1 动态网站概述
1. 动态网站
● 2. 实现动态站点的关键 ● 实现动态站点
配置个人电脑的动态服务器 利用Access建立数据库，存储和提取数据 利用ASP VBScript技术建立动态的站点
教学进程
11.2 配置服务器
配置过程
1. 安装IIS 2. 设置IIS
第11章 制作动态网页留言板
本章要点：
◆ 配置动态服务器 ◆ 建立动态站点 ◆ 用Access创建数据库 ◆ 创建数据库链接、绑定建立记录集 ◆ 加载服务器行为、插入记录
11.1 动态网站概述
1. 动态网站
● 动态网站概述
一种具有“交互性”的页面效果，即网 页会根据用户的要求和选择而动态改变和响 应，将浏览器作为客户端界面，具有“自动 更新”的功能，无须手动更新HTML文档，便 会自动生成新的页面。
通过DSN连接
教学进程
11.5 逐步实现留言板功能
2．通过自定义连接字符串实现连接 ● 删除连接
教学进程
11.5 逐步实现留言板功能
2．通过自定义连接字符串实现连接 ● 实现连接
教学进程
11.5.2 制作动态留言板主页面
1．定义记录集
教学进程
11.5.2 制作动态留言板主页面
2．将记录集中数据绑定到表格域
教学进程
11.3 制作留言板的主页面
11.3.1 动态站点的建立
1. 定义站点 2. 选择服务器技术 3. 选择存放的文件夹
启动Dreamweaver，执行【站点】 |【管理站点】命令，打开【管理站点】 对话框。单击【新建】按钮，选择【站 点】项，打开【站点定义】对话框，这 里给站点起名为“liuyanban”。
记录
数据域
教学进程
11.4 创建Access数据库
11.4.1 数据库技术基础 一个数据库可包含多个表，每个表具有惟一的名称。这些表可以 是相关的，也可以是彼此独立的。 从一个或多个表中提取的数据子集称为记录集。
教学进程
11.4 创建Access数据库
11.4.2 建立数据库 1．新建数据库文档
（1）在【控制面板】中打开【管理工具】窗口， 并选择【Internet信息服务】 （2）打开【Internet信息服务】窗口，在左边 窗格中，右击【默认网站】选项，在弹出的菜 单中执行【新建】|【虚拟目录】命令。 （3）弹出【虚拟目录创建向导】窗口，创建虚 拟目录别名。 （4）创建网站内容目录。
（5）设置【访问权限】时，一定要选择【读取】 和【运行脚本】复选项（默认设置）。
教学进程
11.3 制作留言板的主页面
11.3.2 创建留言板主页面 ● 创建主页面
教学进程
11.3 制作留言板的主页面
11.3.2 创建留言板主页面 ● 布局主页面
教学进程
11.3 制作留言板的主页面
11.3.2 创建留言板主页面 ● 插入元素
教学进程
11.4 创建Access数据库
11.4.1 数据库技术基础 关系型数据库的表结构
编辑留言板 主面面
教学进程
11.5.2 制作动态留言板主页面
2．将记录集中数据绑定到表格域
将数据域绑 定到单元格
教学进程
11.5.2 制作动态留言板主页面
2．将记录集中数据绑定到表格域
分别双击它们就 可以打开一个窗 口编辑记录
教学进程
11.5.2 制作动态留言板主页面
3．添加服务器行为——重复区域 页面中重复区域
4. 设置本机测试URL
教学进程
11.3 制作留言板的主页面
11.3.1 动态站点的建立
1. 定义站点 2. 选择服务器技术 3. 选择存放的文件夹
在弹出的窗口中进行服务器脚本技术的 有关设置，在下拉列表中选择“ASP VBScript”项。
4. 设置本机测试URL
教学进程
11.3 制作留言板的主页面
教学进程
11.4 创建Access数据库
11.4.2 建立数据库 2. 创建用户信息表
教学进程
11.4 创建Access数据库
11.4.2 建立数据库 3．创建管理员信息数据表
教学进程
11.5 逐步实现留言板功能
1．通过DSN实现连接
定义系统DSN
教学进程
11.5 逐步实现留言板功能
1．通过DSN实现连接