动态网页建设步骤

精品文档 1欢迎下载 动态网页制作基础动态网页制作基础 使用 Dreamweaver 8 创建动态网站时 配置计算机的系统环境很重要 需要安装并配 置 IIS 服务 设计 Access 数据库 创建 DSN 以及定义数据库连接等 通过本次课的学习 应该掌握以下内容 1 配置服务器的运行环境 在 Windows 环境下运行 ASP 应首先安装 IIS IIS Internet Information Server 互联 网信息服务 是一种网页服务组件 包括 Web 服务器 FTP 服务器 NNTP 服务器和 SMTP 服 务器 分别用于网页浏览 文件传输 新闻服务和邮件发送等方面 ASP 环境的配置 IIS 的安装 IIS 的运行 在正式开始制作动态网页之前 还需要重新配置站点 将此站点在 web 共享 在 dreamweaver 中进行服务器测试 重新定义站点 测试服务器 2 创建数据库 创建数据库 填写数据库 网站中建建 database 文件夹 在 access 中建立注册信息表 简单填写注册信息表若干条记录 3 数据库链接 问题常见问题归纳 新建注册表单页面 自定义连接符 将表单页面和数据库连接起来 要用到该语句DRIVER MicrosoftDRIVER Microsoft Access Driver mdb DBQ d newgn database cnbruce mdb 将页面和连接绑定 添加记录集 登录与注册实例 制作登录表单 插入表单域 插入表格 选中表单 服务器行为 插入记录 用户身份验证 检查新用户 建登录页面或者区域 将登录页面和连接绑定 添加记录集 制作登录表单 服务器行为 用户身份验证 登录用户 服务器行为 身份验证 限制对页的访问 精品文档 2欢迎下载 服务器配置服务器配置 1 1 打开电脑 在 打开电脑 在 D D 盘下建立一文件夹盘下建立一文件夹 newgnnewgn 这个夹子就是你的站点存放 这个夹子就是你的站点存放 点了 并且在里面建几个子文件夹 就好似你网站的子目录 点了 并且在里面建几个子文件夹 就好似你网站的子目录 2 2 回到 回到 newgnnewgn 的根目录 右键选择的根目录 右键选择 共享和安全共享和安全 其实是快速地建立虚拟目 其实是快速地建立虚拟目 录 录 精品文档 3欢迎下载 3 3 出现属性对话框后 选择 出现属性对话框后 选择 WebWeb 共享共享 标签 点选标签 点选 共享文件夹共享文件夹 出现共 出现共 享别名对话框 选择默然设置 确定即可 享别名对话框 选择默然设置 确定即可 精品文档 4欢迎下载 4 4 补充说明 其实设置 补充说明 其实设置 WebWeb 共享就是设置共享就是设置 IISIIS 的虚拟目录 你可以查看到的虚拟目录 你可以查看到 IISIIS 中默认网站中已经有了中默认网站中已经有了 newgnnewgn 附注 偶的 附注 偶的 OSOS 是是 win2003win2003 的 其实有关的 其实有关 IISIIS 的的 操作一回事 如 操作一回事 如 win2Kwin2K 里面打开里面打开 IIS IIS 本地计算机本地计算机 默认站点默认站点 5 5 以上步骤完成了建站 设虚拟目录 下面就是把 以上步骤完成了建站 设虚拟目录 下面就是把 DreamweaverDreamweaver 打开了 第一打开了 第一 步就是步就是 编辑站点编辑站点 了了 精品文档 5欢迎下载 6 6 选择 选择 编辑站点编辑站点 在弹出的属性框中选 在弹出的属性框中选 高级高级 标签 从标签 从 分类分类 中先选中先选 本地信息本地信息 右窗口中设置站点名称 随便输入 但自己要清楚其代表的意 右窗口中设置站点名称 随便输入 但自己要清楚其代表的意 思 推荐和你站点的根文件名同 本地根文件夹 这时候就指向到我们在步思 推荐和你站点的根文件名同 本地根文件夹 这时候就指向到我们在步 骤骤 1 1 中建的文件夹了 中建的文件夹了 7 7 然后设置远程信息 访问选择 然后设置远程信息 访问选择 本地本地 网络网络 远端文件夹仍选择我们的站 远端文件夹仍选择我们的站 点文件夹点文件夹 d newgn d newgn 精品文档 6欢迎下载 8 8 再接着 再接着 测试服务器测试服务器 服务器模型服务器模型 暂为暂为 ASPASP JavascriptJavascript 访问访问 本地本地 网络 网络 测试服务器文件夹测试服务器文件夹 仍是我们的站点文件夹仍是我们的站点文件夹 d newgn d newgn URLURL 前缀前缀 在在 http localhosthttp localhost 后面添加后面添加 newgn newgn 添加的东西就是我们步骤 添加的东西就是我们步骤 3 3 中设置的虚拟目录中设置的虚拟目录 9 9 这时 站点定义基本结束 点击确定 出现 这时 站点定义基本结束 点击确定 出现 编辑站点编辑站点 对话框 对话框 完成完成 即可 即可 1010 此时 此时 DWDW 的站点属性框中就将的站点属性框中就将 d newgn d newgn 内所有内容映射过来 在此需要提内所有内容映射过来 在此需要提 醒的是 醒的是 DWDW 中建好了站点连接 就可直接在中建好了站点连接 就可直接在 DWDW 中对其对应的文件 文件夹操中对其对应的文件 文件夹操 作 最好不要回到我的电脑作 最好不要回到我的电脑 d newgn d newgn 里面去操作 里面去操作 能在能在 DWDW 中操作的 尽中操作的 尽 量不要离开量不要离开 DWDW 的编辑环境的编辑环境 精品文档 7欢迎下载 创建数据库创建数据库 1 1 首先确认站点根目录下有专门的数据库存放目录 比如 首先确认站点根目录下有专门的数据库存放目录 比如 d newgated newgate 下下 面的面的 databasedatabase 文件夹 有则文件夹 有则 OkOk 无则新建 无则新建 接着打开接着打开 MicrosoftMicrosoft AccessAccess DBMSDBMS 文件文件 新建新建 数据库 在弹数据库 在弹 出的对话框中选择存放路径并命名 出的对话框中选择存放路径并命名 2 2 在新建的数据库中 在新建的数据库中 使用设计器创建表使用设计器创建表 弹出的 弹出的 表表 1 1 中设计你的相关中设计你的相关 字段 注意各自的字段 注意各自的 数据类型数据类型 还有一点很重要 字段 还有一点很重要 字段 IDID 类型自动编号 类型自动编号 并选择它定为主键 并选择它定为主键 精品文档 8欢迎下载 3 3 设计完 设计完 表表 1 1 后 直接关闭该窗口 在弹出对话框中点击后 直接关闭该窗口 在弹出对话框中点击 是是 保存保存 表表 1 1 命名为命名为 useruser 此时一点需要提到 刚刚强调的设置字段此时一点需要提到 刚刚强调的设置字段 idid 相关是必须的 否则在保存之后还相关是必须的 否则在保存之后还 会出现如下对话框 其效果还是设置类型是自动编号的关键字段 会出现如下对话框 其效果还是设置类型是自动编号的关键字段 4 4 这时候数据库表 这时候数据库表 useruser 已经建立完毕 已经建立完毕 精品文档 9欢迎下载 5 5 双击数据库表 双击数据库表 useruser 小添试一下 在弹出的 小添试一下 在弹出的 useruser 表中输入相关内容 关闭表中输入相关内容 关闭 保存 保存 精品文档 10欢迎下载 数据库连接与显示 站点建了 DW 也管理了 数据库表也建了 还小添了一下 那下面就开用 DW 还算强大的功能 连接数据库并且显示纪录 1 1 打开 打开 DWDW 在站点里面先新建个 在站点里面先新建个 ASPASP 页面 页面 index aspindex asp 在在 应用程应用程 序序 面板中选中面板中选中 数据库数据库 标签 只要我们在前面建立了站点 选择了文档类标签 只要我们在前面建立了站点 选择了文档类 型 即我们选的型 即我们选的 ASPASP JavascriptJavascript 的 并且还测试了服务器的 并且还测试了服务器 http localhost newgn http localhost newgn 则当前我们看到就剩下第四步没有打勾了 则当前我们看到就剩下第四步没有打勾了 那现在就点击那现在就点击 号 选择号 选择 自定义连接字符串自定义连接字符串 2 2 在弹出来的 在弹出来的 自定义连接字符串自定义连接字符串 对话框中 对话框中 连接名称连接名称 随便写一个 随便写一个 连连 接字符串接字符串 就要好好填写了 当就要好好填写了 当 使用此计算机上的驱动程序使用此计算机上的驱动程序 时应用绝对路径 时应用绝对路径 DRIVER MicrosoftDRIVER Microsoft AccessAccess DriverDriver mdb DBQ d newgn database cnbruce mdb mdb DBQ d newgn database cnbruce mdb 否则否则 使用测试服务器上的驱使用测试服务器上的驱 动程序动程序 采用采用 MappathMappath 转换路径转换路径 Driver Microsoft Driver Microsoft AccessAccess DriverDriver mdb DBQ DBQ dbq data source server mappath 数据库路径 点击点击 测试测试 出现成功即爽 出现成功即爽 附注 需要更多了解的 可以打开附注 需要更多了解的 可以打开 DWDW 的帮助教程 的帮助教程 精品文档 12欢迎下载 3 3 成功连接数据库后 在 成功连接数据库后 在 DWDW 里其实是自动生成了一个连接文件 位置在自动里其实是自动生成了一个连接文件 位置在自动 生成的生成的 ConnectionsConnections 文件夹中 名称是你刚才在文件夹中 名称是你刚才在 自定义连接字符串自定义连接字符串 随便敲随便敲 的为命名的为命名 aspasp 文件 还可以注意到文件 还可以注意到 DWDW 数据库标签内看到数据库标签内看到 mdbmdb 文件内的各个字段 文件内的各个字段 精品文档 13欢迎下载 4 4 连接数据库的文件是有了 但下面我们具体的单个页面怎么和数据库挂钩呢 连接数据库的文件是有了 但下面我们具体的单个页面怎么和数据库挂钩呢 选择选择 绑定绑定 标签 添加标签 添加 记录集 查询 记录集 查询 单看字面意思就知道是来 单看字面意思就知道是来 SQLSQL 查询语句了 查询语句了 5 5 在弹出的 在弹出的 记录集记录集 窗口中 窗口中 名称名称 随便写个吧 也可不写 默认的 但随便写个吧 也可不写 默认的 但 连接连接 就要从下拉列表中选择你定义的连接对象了 就要从下拉列表中选择你定义的连接对象了 表格表格 继续下拉选择继续下拉选择 注 这和设计数据库的时候有几张表相关的 注 这和设计数据库的时候有几张表相关的 精品文档 14欢迎下载 6 6 其它随便看下 其实最主要的是自动生成了 其它随便看下 其实最主要的是自动生成了 SQLSQL 语言 点选语言 点选 高级高级 可以看到如下图可以看到如下图 7 7 确定后 你会发现记录集已经绑定 所有数据库中的字段都显现出来 确定后 你会发现记录集已经绑定 所有数据库中的字段都显现出来 精品文档 15欢迎下载 再注意下面有再注意下面有 插入插入 按钮 完全可以将某个字段选中 或按按钮或拖动按钮 完全可以将某个字段选中 或按按钮或拖动 到到 index aspindex asp 页面即可 该页面即可 该 aspasp 页面就显示数据库里面内容了 但只能显示首页面就显示数据库里面内容了 但只能显示首 行的 要想全部显示 行的 要想全部显示 NextNext 8 8 插入插入 工具栏工具栏 应用程序应用程序 标签中选择标签中选择 动态表格动态表格 9 9 弹出的动态表格中选择已经帮定的记录集 显示几条记录明白说就是分 弹出的动态表格中选择已经帮定的记录集 显示几条记录明白说就是分 页程序的生成 数据的记录多 内容多 就分好几页来显示 每页几条 记录页程序的生成 数据的记录多 内容多 就分好几页来显示 每页几条 记录 是用表格自动生成显示出来的 再设下表格的属性 是用表格自动生成显示出来的 再设下表格的属性 精品文档 16欢迎下载 确定后效果如下 确定后效果如下 1010 可以告诉你 基本差不多了 可以告诉你 基本差不多了 F12F12 看看效果看看效果 精品文档 17欢迎下载 精品文档 18欢迎下载 一个简单的动态网页实例 注册与登录一个简单的动态网页实例 注册与登录 1 1 在站点里右键新建一文件在站点里右键新建一文件 regist aspregist asp 用来做注册页面 同样 因为在此之用来做注册页面 同样 因为在此之 前已经建了和数据库连接的文件前已经建了和数据库连接的文件 conn aspconn asp 该文件是全站点有效的 所以在你 该文件是全站点有效的 所以在你 新建的新建的 regist aspregist asp 中的中的 应用程序应用程序 数据库数据库 标签里面就自动有了标签里面就自动有了 conn conn 这一步是只要开始做第一步 以后都不要添加的 除非要连另外的数 这一步是只要开始做第一步 以后都不要添加的 除非要连另外的数 据库 据库 2 2 接着还是老规矩 切换到 接着还是老规矩 切换到 绑定绑定 标签 添加记录集 我想应该这几步很标签 添加记录集 我想应该这几步很 上手吧 添加好了以后的画面依然是老面孔 上手吧 添加好了以后的画面依然是老面孔 精品文档 19欢迎下载 3 3 在 在 regist aspregist asp 页面做个很简单的表单页 内容以及页面做个很简单的表单页 内容以及 formform 表单名最好和数据表单名最好和数据 库表里的字段对应 库表里的字段对应 4 4 在代码标签处选择 在代码标签处选择 formform 表单标记 最主要为下一步插入记录做准备 始表单标记 最主要为下一步插入记录做准备 始 终注意要对某块设置相关属性动作的时候 一定要选中它 终注意要对某块设置相关属性动作的时候 一定要选中它 精品文档 20欢迎下载 5 5 切换到 切换到 服务器行为服务器行为 标签 因为先前已在第标签 因为先前已在第 2 2 步中绑定了记录集 所以该步中绑定了记录集 所以该 标签内容中也已有记录集这一项 这很正常 但我们要的是插入记录 继续按标签内容中也已有记录集这一项 这很正常 但我们要的是插入记录 继续按 选择 选择 插入记录插入记录 精品文档 21欢迎下载 6 6 在弹出的 在弹出的 插入记录插入记录 对话框中 对话框中 连接连接 选你所建 选你所建 插入到表格插入到表格 顺其自然 顺其自然 插入后 转到插入后 转到 意思是注册成功以后要跳转到某页提示 先写意思是注册成功以后要跳转到某页提示 先写 个 但要记得马上要建这个页面 个 但要记得马上要建这个页面 获取值自获取值自 就是刚刚选择的就是刚刚选择的 FormForm 名了 名了 表单元素表单元素 中的中的 namename 插入到列中插入到列中 namename 意思是表单中 意思是表单中 namename 输入框中的输入框中的 内容插入到数据库表内容插入到数据库表 namename 字段中 字段中 这时明白为什么在步骤 3 中 内容以及 form 表单名最好和数据库表里的字 段对应 了吧 DW 自动智能插入 否则你得一个一个点选 7 7 确定以后 注册系统已经完成了大半 但再想想注册系统是不是不允许 确定以后 注册系统已经完成了大半 但再想想注册系统是不是不允许 重名呢 那就要继续添加一些内容 重名呢 那就要继续添加一些内容 在在 服务器行为服务器行为 中继续按中继续按 用户身份验证用户身份验证 中选中选 检查新用户名检查新用户名 精品文档 22欢迎下载 8 8 同样在弹出的 同样在弹出的 检查新用户名检查新用户名 对话框中 用户名字段选择对话框中 用户名字段选择 namename 表示不表示不 得重名注册 当然也可以选择其他的 比如得重名注册 当然也可以选择其他的 比如 emailemail 意思就是同个 意思就是同个 emaiemai 只能注只能注 册一个 册一个 如果已存在 则转到如果已存在 则转到 表示假如有重复的现象该怎么办呢 那就跳表示假如有重复的现象该怎么办呢 那就跳 到一个出错页面提示 当然这页也还没建 先写个文件 和刚才的到一个出错页面提示 当然这页也还没建 先写个文件 和刚才的 registok htmlregistok html 一样记得马上补上去 一样记得马上补上去 9 9 做一些细节性的动作 比如表单里面哪些必须添啊 哪些一定要是数字啊 做一些细节性的动作 比如表单里面哪些必须添啊 哪些一定要是数字啊 emailemail 地址要包含一个地址要包含一个 和两个和两个 号啊等等 注意先选择号啊等等 注意先选择 提交提交 按钮 按钮 设设 计计 面板面板 行为行为 中选择中选择 检测表单检测表单 弹出的对话框中就可以很轻易的点取 弹出的对话框中就可以很轻易的点取 设置了设置了 精品文档 23欢迎下载 1010 再做下刚刚没有的两个页子吧 再做下刚刚没有的两个页子吧 registok htmlregistok html 和和 registbad htmlregistbad html registok htmlregistok html 页面内容大概是 注册成功 请登录 当然登录系统是下页面内容大概是 注册成功 请登录 当然登录系统是下 一篇我要写的 一篇我要写的 registbad htmlregistbad html 页面内容大概就是 呵呵 对不起 有这个用户了 还是页面内容大概就是 呵呵 对不起 有这个用户了 还是 麻烦你重新注册下 返回 麻烦你重新注册下 返回 还有注意下 把还有注意下 把 密码提示问题密码提示问题 和和 密码提示答案密码提示答案 也填下 以后讲到也填下 以后讲到 找回密码系统找回密码系统 的时候会用到 的时候会用到 精品文档 24欢迎下载 登陆系统篇登陆系统篇 1 1 在站点里右键新建一文件在站点里右键新建一文件 login asplogin asp 用来做登录页面 同样 之前已用来做登录页面 同样 之前已 经建了和数据库连接的文件经建了和数据库连接的文件 conn aspconn asp 所以在你新建的 所以在你新建的 login asplogin asp 中的中的 应用应用 程序程序 数据库数据库 标签里面就自动有了标签里面就自动有了 conn conn 精品文档 25欢迎下载 2 2 和注册页面一样 都需要到 和注册页面一样 都需要到 应用程序应用程序 面板的面板的 绑定绑定 标签下标签下 记录集 弹出窗口中选择完毕后点击记录集 弹出窗口中选择完毕后点击 测试测试 可以看到当前数据库中满足 可以看到当前数据库中满足 SQLSQL 条件的相关记录 条件的相关记录 精品文档 26欢迎下载 注 该图显示表明数据库中的相关内容 注 该图显示表明数据库中的相关内容 name cnbruce pwd 123456name cnbruce pwd 123456 和和 name cnrose pwd 123456name cnrose pwd 123456 记住它 可以在我们测试登录的时候用到 记住它 可以在我们测试登录的时候用到 3 3 在登录页中做了 在登录页中做了 FormForm 表单 并对输入文本框进行合理命名 表单 并对输入文本框进行合理命名 4 4 点选 点选 formform 标记 设计页中整个表单被选中 标记 设计页中整个表单被选中 5 5 选择 选择 应用程序应用程序 面板中面板中 服务器行为服务器行为 中中 用户身份验证用户身份验证 登录用户登录用户 精品文档 27欢迎下载 6 6 弹出的对话框中进行具体的设置 弹出的对话框中进行具体的设置 从表单获取输入从表单获取输入 意思是从本意思是从本 aspasp 页面中选择具体的页面中选择具体的 formform 表单 以及该表单中的所必有的用户名字段和密码字段 表单 以及该表单中的所必有的用户名字段和密码字段 连接验证连接验证 表示通过表示通过 connconn 文件和数据库表进行连接设定 选择文件和数据库表进行连接设定 选择 useruser 表格表格 用户名列表和密码列表即数据库中的特定用户名字段和密码字段 很 用户名列表和密码列表即数据库中的特定用户名字段和密码字段 很 明显 让库中的字段的内容和表单中提交的内容进行验证比较连接 明显 让库中的字段的内容和表单中提交的内容进行验证比较连接 登录成功 转到登录成功 转到 loginok asploginok asp 该页面是一权限页面 只有当登录完全 该页面是一权限页面 只有当登录完全 正确的时候才能进入 否则是登录失败 转到正确的时候才能进入 否则是登录失败 转到 loginbad htmlloginbad html 精品文档 28欢迎下载 7 7 确定后 确定后 login asplogin asp 基本完成 切换到基本完成 切换到 login asplogin asp 的代码窗口 注意 的代码窗口 注意 已经生成了用户的局部变量已经生成了用户的局部变量 SessionSession Session MM Username Session MM Username MM valUsernameMM valUsername 该变量可以全站采用的 该变量可以全站采用的 精品文档 29欢迎下载 8 8 新建一 新建一 loginok asploginok asp 其是一个保护页面 只有当用户密码正确登录后 其是一个保护页面 只有当用户密码正确登录后 才会进入 否则跳转到才会进入 否则跳转到 loginbad htmlloginbad html 登录失败 可能原因是用户名或密码 登录失败 可能原因是用户名或密码 错 打开错 打开 loginok asploginok asp 应用程序应用程序 绑定绑定 阶段变量阶段变量 9 9 弹出的阶段变量对话框中 根据第 弹出的阶段变量对话框中 根据第 7 7 步的代码显示 名称输入步的代码显示 名称输入 MM UsernameMM Username 句即可 句即可 1010 选择建立起来的 选择建立起来的 MM UsernameMM Username 按下 按下 插入插入 按钮或者拖入页中 按钮或者拖入页中 可以让不同用户进入时动态显示其对应的姓名 可以让不同用户进入时动态显示其对应的姓名 精品文档 30欢迎下载 1111 再为 再为 loginok asploginok asp 做下权限限定 意思是你可以知道做下权限限定 意思是你可以知道 http loc