dreamweaver制作留言板步骤

一 安装与调试 常听朋友感叹 ASP 程序难学不易懂 不过我起初学习这门技术的时候也有过这样的感悟 从今天开始 我将以我学 ASP 的经验来做一个简单的 ASP 留言本 这个留言本用了 Access 数据库 所以务必请大家 要跟我一起做的朋友都安装好 Office 软件 相信各位自己的电脑上都有了 好了 开始 创建 ASP 的运行环境 安装 IIS IIS Internet Information Service 是构建 ASP 站点所必须的 所以 我们应该先确认自己的电脑已安装 了 IIS 信息服务 如果没有安装好的话 请按以下步骤 1 打开 控制面板 2 双击 添加 删除程序 3 单击 添加 删除 Windows 组件 打开添加 删除 Windows 组件对话框 3 从下拉的列表中选择 Internet 信息服务 IIS 单击 下一步 4 出现组件安装进度窗口 如弹出需要安装盘的话 放入 Windows2000 安装盘 按提示操作即可 直 至最后安装完毕 二 设计数据库 ASP 程序本身并不能储存数据 众所周知 留言本有以下信息需要保存 留言者姓名 联系方式 留 言内容等等 因为 ASP 并不能储存数据 所以数据库在这种环境之下就产生了 数据库的种类也很多 针对不同的程序也有适用于它的数据库 比如 Access 和 Ms SQL 就比较适用 ASP 和 ASP net 程序 至 于其它的数据库和程序 就不属于本文所讨论的问题了 有兴趣的朋友可以查看其它一些资料 那么既然 Access 和 MS SQL 都适用 ASP 那么具体又如何来选择呢 我们可以打一个比方 比如钉 一枚小钉子 聪明的人一定不会用一个大的棒槌 而是选择小的铁锤 虽然用大的棒槌也一样的可以把钉 子钉进去 可是没有人愿意这样做 数据库也一样 Access 比较适用小型的应用 而 MS SQL 则适用于大中型的数据库应用 所以要做 一个留言本 理所当然是选择 Access 更好一些 但是如果你决心使用 MS 没有人会极力阻止你 好了 废话少说 切入正题 下面开始创建数据库 Access 是微软 office 办公软件中的其中一个 默认的安装 Office 是有这个 Access 的 好了 打开程 序 开始了 GO 进入实战了 打开程序后 出现一个对话框 这里我们选择第一个选项 空 Access 数据库 点击确定 弹 出一个新建数据库的文件框 选择你上次你建的站点目录 起个 data 的文件名 点击创建 OK 双击 使 用设计器创建表 打开表创建窗口 如图 创建表的结构如下表 字段名称 数据类型 备注 笔者注释 id 自动编号 设置 自动编号 user 文本 留言者姓名 qq 数字 留言者的 QQ 因为 QQ 号是由数字组成 email 文本 留言者的电子邮件 content 备注 留言内容 data 日期 时间 留言时间 设定默认值为 Now 数据库设计好了以后 可以直接在数据库里添加两条记录 以后测试时候用 三 连接数据库 在上一节 我们已经为我们的程序创建了一个数据库 在这一节中 我们来用 ASP 把程序和数据库连 接起来 以后就可以连接到数据库 在 ASP 中显示数据库中的数据以及更复杂的插入 修改和删除 一起看以下代码 这就是 ASP 程序中常用的连接数据库的代码 解释一下以上代码 一切 OK 了 结束 ASP 程序 将上面的代码另存为 conn asp 文件 放在服务器目录下面就可以了 怎么样 简单吧 四 制作留言本首页 前面我们已经连接好了数据库 就要让它在这里发挥一下作用了 这一节将讲述如何将数据库里的数据 用 ASP 读取出来 在页面中显示出来 这样就等于是查看留言本了 利用 DW 制作如下页面 这里我就不讲如何去做这个页面了 最后我将会给出 HTML 代码下载 将制作好的文件存为 index asp 下面就创建数据记录集 用来显示数据库的数据到这个页面中 用记事本打开 index asp 在页头加入以下代码 代码拷贝框 Ctrl A 全部选择 然后拷贝 解释一下 第一行 表明 ASP 使用的是 VB 脚本 第二行 是用 include 包含文件 这里包含的是数据库连接文件 第三行 ASP 程序开始 第四行 利用 Server 内置对象创建一个记录集 第五行 SQL 语句 这里的意思是选择数据库中的 user qq email content data 字段 指定该数据表的名称 是 main 数据 的排列顺序是倒序 第六行 用刚才创建的名为 rs 的记录集打开数据库 设置属性为只读 1 1 为只读数据 1 3 为插入数据 2 3 是修改数据 这样就打开了数据库 接下来就可以显示了 将 留言人 代替为 时间 代替为 留言内容在此 代替为 QQ 链接到 邮件 链接到 mailt 最后将 填写留言 链接 add asp 管理留言 链接 admin asp 好了 再次保存 浏览看看 怎么了 只显示一条记录 原来我们在数据库里添加了两条记录的哦 还有一条呢 别急 因为我们没有 指定 ASP 循环显示 所以就只有一条啦 在刚才的代码后面添加一行 并在页面的第一个表格的末尾加上 上面的代码就是说用 rs 记录集指针一条一条往下一条移动 直到末尾 loop 是循环的意思 哈哈 再 次浏览这个文件 看明白了吗 这样就可以让数据库中的数据全部显示在页面中了 五 制作添加留言页面 实现留言功能 我们是做的一个留言本 实现留言的功能就十分重要了 要不然就算不上留言本了 接下来就一起来实 现这个功能 用 DW 制作以下这样的页面 设置表单的属性如下 姓名 设置为单行文本域 名称为 user QQ 号 设置为单行文本域 名称为 qq 邮件 设置为单行文本域 名称为 email 内容 设置为多行文本域 名称为 content 最后将表单的 Action 动作指向 addsave asp 就可以了 保存文档名为 add asp OK 下一步 表单是做好了 但是还需要后台程序的支持 一起来使用 ASP 编写一个添加留言处理程序 添加留言 代码 表明 ASP 使用的是 VB 脚本 是用 include 包含文件 这里包含的是数据库连接文件 代码拷贝框 表明 ASP 使用的是 VB 脚本 是用 include 包含文件 这里包含的是数据库连接文件 Ctrl A 全部选择 然后拷贝 将以上文件存为 addsave asp 测试下 咦 怎么填好提交以后就出现空白了 为什么 这是因为在 addsave asp 中没有设置数据成功提交好后的转向页面 这里不用做那么复杂的 只要做一个刷新页面就 行了 在程序的后面加上 然后在页面中添加提示信息 比如 您的留言已经成功提交 2 秒钟后将自动返回留言本首页 好了 这个留言的功能总算实现了 最后再测试下 看看效果 OK 六 制作管理登陆页面 留言本的管理功能对于留言本来说就不言而喻了 像论坛的登陆功能就是一个很好的例子 不过我们 做留言本基本上有删除功能就行了 写这个教程是为了更多的 ASP 入门者更好的了解 ASP 所以旨在学 习用 当然也可以在这基础上添加更多的功能 比如回复留言者 好了 开始了 还是按照以前的 用 Dreamweaver 做一个登陆页面 如下图 把用户名的表单名称设置为 admin 密码的表单名称设为 password 把动作指向 checkpass asp 存 admin asp 这样登陆页面就好了 下面就做检测密码的 ASP 程序了 看以下代码解释 把 conn asp 包含进来连接数据库 ASP 起始 admin request form admin 定义 admin 的值是表单传过来的用户名域名称 admin password request form password 定义 admin 的值是表单传过来的用户名域名称 admin if admin or password then 这句的意思是假如用户名和密码没有输入的话那么执行下一句 response Write alert 请填写完整 history go 1 用 javascript 脚 本提示用户 end if 结束 if 语句 sql select from admin where admin response write javascript history go 1 response write 用 javascript 脚本提示用户 else 如果符合条件的时候 session admin admin 新建 session 值等于表单传来的用户名 response redirect mymanage asp 转向到 mymanage asp 进入管理页 end if 结束 if 语句 ASP 结束 代码拷贝框 把 conn asp 包含进来连接数据库 ASP 起始 admin request form admin 定义 admin 的值是表单传过来的用户名域名称 admin password request form password 定义 admin 的值是表单传过来的用户名域名称 admin if admin or password then 这句的意思是假如用户名和密码没有输入的话那么执行下一句 response Write alert 请填写完整 history go 1 用 javascript 脚 本提示用户 end if 结束 if 语句 sql select from admin where admin response write javascript history go 1 response write 用 javascript 脚本提示用户 else 如果符合条件的时候 session admin admin 新建 session 值等于表单传来的用户名 response redirect mymanage asp 转向到 mymanage asp 进入管理页 end if 结束 if 语句 ASP 结束 Ctrl A 全部选择 然后拷贝 将以上代码保存为 checkpass asp 这样 用户在 admin asp 页面中输入用户名和密码后 就把用户名和密码值传给 checkpass asp 处理 当用户名和密码的值和数据库中的字段相匹配时 就进入 mymanage asp 这个管理页面 同时建一个 session 这个 session 的会话变量将在后面起作用 七 制作管理页面 上节中讲的是制作登陆页面和检测用户 当用户名和密码正确时就转到管理页面 好了 开始实现它 其实这个留言本的管理页面和用户直接看到的首页没有多大的区别 只是用了 Session 会话变量用作保护 和增加了一个删除链接 当点击这个链接的时候 就会自动删除这条留言 好了 其本的目的知道了 那 就 GO 刚才讲了 这个页面和首页的 index asp 相似 那么就先复制就行了 然后再改一下 首先找到下面这句 sql select user qq email content data from main order by id desc 把它改为 sql select id user qq email content data from main order by id desc 这样 就选取到了 id 这个自动编号的值 以便删除留言时锁定这个 id 然后在 邮件 这个链接后面增加一个链接 删除 链接 del asp id rs id 修改代码后为 a href del asp id onclick return confirm 是否确定删除本留言 删除 这样 待 会我们做 del 这个页的时候 就会知道为什么了 改过后存为 mymanage asp 现在打开浏览器看看 怎么不用输入用户名和密码都可进入呀 别急 上节中 我们不是建了一个 session 的会话变量 这时就 派上用场了 直接用记事本打开 在这句的后面加上 if session admin then 这句 在末尾写上 下面来讲解一下 if session admin then 就是说如果 session 这个 admin 的值不是空的话就执行 为空的话就转向登陆页 重新登陆 这样的话 直接输入网址的话就会跳到 admin asp 简单 吧 八 删除留言 上节我们增加了一个删除留言的链接 以下是这个 del asp 的代码 很明了吧 才几句 第 1 2 3 句都不用我解释了 大家都在上几节中明白了 第 4 句 id Request QueryString id 用 id 取值字符串中传的 id 回头看一下删除的链接 del asp id 就是这个链接才把 id 的值传来的 是读取数据库中的自动编号 字段中的 id 第 5 句 用 sql 定义 SQL 语句 这里的 是通配符 表示所有 而