Dreamweaver制作动态网页

五、制作显示数据库记录页
(1)、双击index.asp文件，使其处于编辑 状态，选择应用程序的“绑定”，点击 “+”，à记录集(查询);在弹出的记录集窗口 “名称”填写Rs，连接选择conn，表格选 择“表1”，“列”选择全部，单击确定完 成记录集的绑定。如下图;
五、制作显示数据库记录页
五、制作显示数据库记录页
DSN数据源的设置 Dreamweaver站点的定义 注册与登录设计 留言板设计
注册与登录设计
对于一个具有动态页面的网站来说，最 重要的就是与用户进行交互，为了得到稳 定的客户源，或其他原因，需要用户注册 成为网站的会员才能使用网站的其他功能。 因此，必须设计一个让用户可以注册以及 登录的网页。
1、启动Microsoft Access，单击右侧“新建文件” 任务窗格中的“空数据库”选项，则会弹出“文 件新建数据库”对话框，提示数据库保存的位置， 数据库名为user.mdb。保存完毕后，显示新建的 user数据库开始界面。
2、在新建的数据库开始界面中双击“使用设计器 创建表”选项，打开表设计器设计数据表。在设 计器“字段名称”列中分别输入上页数据表中的 字段名称，然后在“数据类型”下拉列表项中选 择该字段的数据类型。然后在下面常规选项卡中 对字段大小、格式、必填字段、是否允许空字符 串等进行设置。
3、对于用户名和密码字段的设计，其大小一般用户 名限制在20位以内，密码限制在15位以内。对密码 字段一定进行加密，最简单的办法是单击Password 字段的“输入掩码”栏，再单击右边显现的…按钮， 弹出“输入掩友向导”对话框。在“输入掩码”列 表框中选中“密码”一栏，单击“完成”按钮。这 样，在数据表中的密码就全部以*表示了。
二、确立数据库及建立数据库表
建立一个名为USER的Access数据库，在这个 数据库里面只需要一个数据表USER。数据 表中各字段设计如下表：
字段名 数据 称 类型
User
文本
Passwor 文本 d
字段大小 必填字 段
18
是
18
是
允许空 字符 串
否
否
备注
用户名，主 键
密码
在Access中Access数据库
字段名称 ID 姓名 性别 年龄 录入时间
数据类型 自动编号 文本 文本 数字 日期/时间
字段大小
20 30 10
四、Dreamweaver与数据库的连接 (使用DSN连接数据库)
如果打算在网络应用程序中使用数据库，就需要 创建至少一个数据库连接。没有数据库连接的话， 应用程序将不知道在什么地方找到数据库或者如 何与数据库连接。在Dreamweaver MX 2004中创 建数据库连接时，为应用程序提供了与数据库建 立联系的信息或参数。
链接
RegisterFailure.html 返回
链接
Main.html
返回
链接
LoginFailure.html 返回登录页面 链接
注册新用户 链接
备注
转到注册页面 提交登录表单 类型为单行 类型为密码 类型为密码 动作为无 动作为重设表单 转到登录页面 转到注册页面 提示登录成功 转到登录页面 转到注册页面
（3）此页面询问是否使用服务器技术，选中“是， 我想使用服务器技术”单选钮。然后在“哪种服务 器技术”下拉列表中选择服务器使用的动态网页技 术，单击“下一步”，进入下一页面。
（4）在此页面中会询问如何使用文件的问题，可以 选中“在本地进行编辑和测试”，并在此页面的文 本框中输入或选择文件在计算机中的路径。单击 “下一步”，进入下一页面。
建立ASP运行环境(安装、配置IIS)
建立ASP运行环境(安装、配置IIS)
(二)、配置IIS
点击开始—>设置—>控制面版—>管理工 具—>internet信息服务(IIS)，在弹出的窗口单击本 地计算机、网站，在默认网站单击鼠标右键，
在弹出的窗口选择主目录、在本地面路径选 择浏览按钮，选择你建立的网站目录(如：E：\我 的网站)，选择文档项，按添加按钮，添加 index.asp文档完成IIS的配置。
建立ASP运行环境(安装、配置IIS)
在弹出菜单中的本地信息栏--站点名称 中输入“我的网站”，本地根文件夹中选 择“E：\我的网站”，在HTTP地址项填写： “HTTP：\\127.0.0.1\”其余各项保持不变。 在“分类”处选择“测试服务器”，在服 务器模型处选择“ASP VBScript”,“访问” 处选择“本地/网络”，单击确定完成站点 的定义。
三、怎样建立Access数据库
执行开始->程序->Mccrosoft Office -> Mccrosoft Office Access 2003(安装Mccrosoft Office 2003时，把Office Access 2003也打钩 进行安装) ，执行文件->新建，在弹出窗口 右边选择空数据库，文件名保持默认，单 击按钮，从弹出窗口选择“使用设计器创 建表”，填写相应的字段，具体如下表所 示：
四、Dreamweaver与数据库的连接 (使用DSN连接数据库)
四、Dreamweaver与数据库的连接 (使用DSN连接数据库)
2 DSN连接
建立了数据库名(DSN)之后，就可以创建网络应用程 序和数据库之间的ODBC连接，DSN被定义后，就能用它 来调用各种参数了。
(1) 启动Dreamweaver MX 2004，打开已经定义好的站 点“我的网站”，在站点-我的网站窗口中点击鼠标右键， 点新击建文件，文件名改为index.asp,双击文件index.asp使 其处于编辑状态。
（8）在此界面中将显示刚才定义的站点信息， 检查设置的信息有没有错误。如果正确单击 完成“按钮”。
3、建立数据源
根据ODBC数据源知识，新建一个名为login的 系统DSN，在数据源名文本框中输入 “login”-选择数据库“user.mdb”。步骤为：
（1）在Dreamweaver8菜单栏中选择“站点-管理站 点”命令，打开“管理站点”对话框，在对话框中 单击“新建”按钮，然后在弹出的菜单中选择“站 点”命令，将弹出“站点定义为”对话框。
（2）在对话框中默认显示的是“基本”选项卡，在 “基本”选项卡中可以根据向导来定义站点，也可 以用“高级”选项卡来定义站点。在“名称”文本 框中，输入站点名字“我的小站”，单击下一步， 进入下一界面。
(2)、在index.asp编辑状态下，插入2行 七列的表格，并使其居中，在上一行的七 个空格中加入数据表中的内容标签，然后 将记录集的各字段拖入下一行对应的空格 中，在表格上方输入数据库总记录数X条、 目前为第X条数据，并将记录集中的总记录 数，第一条记录拖入对应的字中，并使其 居中。如下图所示：
总体设计：
主要包含以下几项： 配置ODBC数据源； 编写一个与数据库进行连接的ASP文件； 设计登录页面； 设计一个注册的页面； 编写对数据库进行操作的相关ASP文件； 编写对登录/注册操作成功/失败进行处理的
页面。
详细设计：
一、分析网站设计内容，划分出页面组成 及元素
二、确立数据库及建立数据库表 三、配置设计环境 四、设计登录页面 五、设计注册页面
（5）在此界面会询问如何连接到测试服务器，可以 在其下拉列表中选择“本地/网络”然后在下面文本 框中输入测试文件夹在服务器上的位置。单击“下 一步”，进入下一界面。
（6）在此界面中需要设置浏览站点的URL， 并单击“测试URL”按钮来检查输入的URL 是否正确。单击“下一步”，进入下一界面。
（7）在此界面中，从对话框中选择“否，不 启用存回和取出”单选钮，单击“下一步”， 进入下一界面。
Dreamweaver制作动态网页
DSN数据源的设置 Dreamweaver站点的定义 注册与登录设计 留言板设计
建立ASP运行环境(安装、配置IIS)
(一)、安装IIS
在Windows XP(专业版)上将Windows XP安装光盘放入光驱，点击开始—>设置— >控制面版—>添加或删除程序—>添加或删 除windows组件—>在internet信息服务(IIS) 项前面打钩，单击下一步进行安装，直至 完成internet信息服务(IIS)的安装。如图所示：
所要建立起来的网页的目录，命名为mysite。 将IIS默认站点的名字更改为自己想要的名 称。然后将本地网站上建立一个虚拟目录， 别名为刚才在硬盘上建立的目录mysite。
2、建立Dreamweaver站点
在Dreamweaver8起始页执行菜单栏的“站点-管理站 点”命令，在打开的“管理站点”对话框中单击 “新建”按钮，来新建一个Dreamweaver站点。步骤 为：
1 DSN定义
(1) 在控制面板中，双击管理工具，双击 ODBC数据库源图标，出现ODBC数据源管理器 窗口，选择系统DSN标记。
四、Dreamweaver与数据库的连接 (使用DSN连接数据库)
(2) 单击“添加“，接着选择数据库驱动程序，本 系统使用Access数据库，所以Microsoft Access Driver(*.mdb)，单击“完成“按钮。 (3) 出现ODBC Microsoft Access安装窗口，在 数据源名一栏给连接取个名字conn，说明一栏不 是必填项。 (4) 单击窗口中“选择“按钮，找到数据库的 所在路径(“E：\我的网站”)并选中相应数据库文 件，选中db1.mdb，此时ODBC Access安装窗口中 数据库一栏就会出现刚才选定的数据库文件，如 图所示。
这时网站管理窗口中就可以看到网站 根目录的中文件了。
建立ASP运行环境(安装、配置IIS)
三、怎样建立Access数据库
本系统使用的是Access 2003创建了一个名为 db1.mdb的数据库。系统对数据的读取，存储都是 对该数据库进行操作。