在DREAMWEAVER中访问access数据库.ppt

第八讲 在Dreamweaver中访问数据库,网页设计与网站开发,学习目标,掌握在Dreamweaver中连接数据库 掌握Dreamweaver中如何绑定记录集 掌握结合Dreamweaver进行数据处理的操作 综合实例,8.1 在Dreamweaver中连接数据库,8.1.1 用数据源名称连接数据库 首先在Dreamweaver中创建一个asp文档，然后在“应用程序”面板中的“数据库”选项卡中单击“”按钮，选择“数据源名称（ DSN ）”。,8.1.1 用数据源名称连接数据库,在弹出的“数据源名称（ DSN ）”对话框中的“连接名称”中输入连接字符串变量名“conn”，如果还没有创建DSN，则单击“定义”按钮。如果已创建，则直接选择。,8.1.1 用数据源名称连接数据库,则会自动生成数据库连接的代码,8.1.1 用数据源名称连接数据库,8.1.2 自定义连接字符串,在“应用程序”面板的“数据库”选项卡中单击“”按钮，选择“自定义连接字符串”。,8.1.2 自定义连接字符串,8.2 记录集的绑定及操作,8.2.1 绑定记录集 要把数据库中的数据添加到Web页面上，首先要定义相应的记录集。 把数据绑定到网页上时，绑定的是记录集中的数据，而不是数据库。,8.2.1 绑定记录集,具体操作： 1. 首先打开需要绑定数据的页面，必须在某个站点中，指定了某种服务器技术，且相应的站点已经建立了数据库的连接。 2. 单击“应用程序”控制面板下的“绑定”选项卡，单击“”按钮，从弹出的菜单中选择“记录集（查询）”菜单项。,8.2.1 绑定记录集,3. 在弹出的“记录集”对话框中进行设置。,记录集名称,连接字符串,新建一个连接,选择表名,8.2.1 绑定记录集,9.2.1 绑定记录集,8.2.2 操作记录集,1. 编辑记录集 在“应用程序”面板中双击想要编辑的记录集名称，即可在弹出的“记录集”对话框中改变设置。 或选中记录集，在属性面板中编辑记录集。,弹出“记录集”对话框,8.2.2 操作记录集,2. 删除记录集 选择记录集名称，单击“”按钮，即可完成删除操作。 3. 复制记录集 先选中要复制的记录集。,8.2.2 操作记录集,单击“应用程序”控制面板右上角的 按钮，在弹出的菜单中，或单击右键选择“拷贝”命令。 打开需要拷入的页面，同样单击右上角按钮，在弹出的菜单中选择“粘贴”命令即可。,8.2.3 多条记录的显示,在页面中显示记录的操作步骤： （1）先绑定需要显示的记录集。 （2）在页面的设计窗口下，插入一个表格，在表格的第一行一次输入字段名信息。 （3）在“绑定”选项卡中，用鼠标将需要显示的记录自动拖动到对应的表格下。,8.2.3 多条记录的显示,（4）选中需显示多条记录的表格，在“应用程序”面板中选择“服务器行为”选项卡，单击“”按钮，在弹出的菜单中选择“重复区域”命令。 （5）在弹出的“重复区域”对话框中，设置需要显示的记录集名和显示的记录数。,8.2.3 多条记录的显示,选择记录集名称,选择显示的记录数,8.2.3 多条记录的显示,8.2.4 移动记录,在“应用程序”的“服务器行为”选项卡中，单击“”按钮，在弹出的菜单中选择“记录集分页”命令。,8.2.4 移动记录,8.3 数据处理的基本操作,8.3.1 增加数据 增加数据，即插入记录。 首先在页面上填写数据 然后提交到数据库中。 示例演示，具体操作步骤：,8.3.1 增加数据,首先在已存在站点中创建一个新网页user.asp，然后在页面中添加一个表单，包括5个文本字段和一个提交按钮。,8.3.1 增加数据,然后在“应用程序”面板中的“服务器行为”选项卡中，单击“”按钮，在弹出的菜单中选择“插入记录”命令。,8.3.1 增加数据,在弹出的“插入记录”对话框中进行设置。,选择连接字符串,选择表格,转到另一个URL,选择表单,每列对应数据的选择,8.3.2 删除数据,首先新建一个网页deleteQuery.asp用来显示数据库中的记录信息，再添加一个文本字段和一个按钮，用来接收查询的条件，并设该表单的动作为“delete.asp”。,8.3.2 删除数据,然后，创建页面delete.asp用来显示查询的结果，同样插入一表格。在“绑定”选项卡中添加一个新记录集rs2，用来绑定查询结果记录集。,8.3.2 删除数据,同时在“服务器行为”中添加“显示区域”中的“如果记录集为空则显示”和“如果记录集不为空则显示”行为。,8.3.2 删除数据,在delete.asp页面中再插入一个表单，并添加一个“删除”按钮，并设置该表单动作为“deleteok.asp”，即删除成功，查看结果。,8.3.2 删除数据,在delete.asp页面中添加“删除记录”行为，即在“应用程序”面板的“服务器行为”中选择“删除记录”，在弹出的“删除记录”对话框中进行设置。,8.3.2 删除数据,创建第三个页面deleteok.asp，用来显示删除后的结果，同样插入一表格，并绑定显示数据库信息，添加“重复区域”显示所有记录。,8.3.3 更新数据,首先新建一个网页updateQuery.asp用来显示数据库中的记录信息，再添加一个文本字段和一个按钮，用来接收查询的条件，并设该表单的动作为“update.asp”。,8.3.3 更新数据,然后，创建页面update.asp用来显示查询的结果，同样插入一表格。在“绑定”选项卡中添加一个新记录集rsupdate，用来绑定查询结果记录集。,8.3.3 更新数据,同时在“服务器行为”中添加“显示区域”中的“如果记录集为空则显示”和“如果记录集不为空则显示”行为。,8.3.3 更新数据,在update.asp页面中添加“更新记录”行为，即在“服务器行为”中单击“更新记录”命令，在弹出的“更新记录”对话框中进行设置。,8.3.3 更新数据,创建页面updateok.asp，用来显示更新后的结果，同样插入一表格，并绑定显示数据库信息，添加“重复区域”显示所有记录。,8.3.4 使用Command对象实现,前面的示例是用Command对象方法来实现对数据的变动，同样使用Command对象页可以实现对数据的操作。 下面以增加数据操作为例，演示： 首先创建页面command1.asp，command2.asp和commandok.asp。,8.3.4 使用Command对象实现,在command1.asp页面中添加表单，如图：,8.3.4 使用Command对象实现,在command2.asp中插入以表格用来显示前一页输入的信息，并确认插入数据库中。在“绑定”选项卡中添加4个请求变量，并拖拽到页面上。,8.3.4 使用Command对象实现,在“应用程序”的“绑定”或“服务器行为”中单击添加“命令”，在弹出的“命令”对话框中进行设置，注意SQL语句的语法要书写正确。 然后给按钮所在的表单添加一动作转到“commandok.asp”。,8.3.4 使用Command对象实现,在页面commandok.asp中添加一表格来显示数据库的记录信息，同前面的信息显示页面一样。,8.4 示例用户登录注册系统,利用数据库来存储用户的个人信息。 该系统主要有四个页面：login.asp、register.asp、checkregister.asp和success.asp。 1. 创建数据库 用Access创建一个数据库test，并创建表userinfo，字段如图：,8.4 示例用户登录注册系统,2. 在Dreamweaver中连接数据库 在“应用程序”面板中“数据库”标签页中，添加数据源连接。,8.4 示例用户登录注册系统,3. 登录页面 添加一个表单，并插入2行2列的表格，两个文本域用户名和密码，一个“提交”按钮，和一个“用户注册”超级链接。,8.4 示例用户登录注册系统,4. 增加“登录用户”行为 在“应用程序”面板中选择“服务器行为”，添加“用户身份验证”“登录用户”，则在弹出的对话框中设置如下图：,8.4 示例用户登录注册系统,5. 登录成功页面 在登录成功页面success.asp中，插入一个登录成功的图片，并在“应用程序”面板的“服务器行为”页中，添加“用户身份验证”“限制对页的访问”，如果访问被拒绝，则转到login.asp。然后类似的添加“注销用户”，如下图：,8.4 示例用户登录注册系统,6. 注册页面 在注册页面register.asp中，插入一个表单form1，并在表单中插入一个5行1列的表格，及5个文本域（与数据表中的用户信息的字段数相一致），分别命名为textuserid、textpassword、textsex、textaddr、textphone；然后把表单的动作属性设为checkregister.asp，如图：,8.4 示例用户登录注册系统,7. 注册核对页面 在注册核对页面checkregister.asp中，先插入一个表单，再插入一个5行1例的表格，用来显示之前注册的信息内容，再添加一个提交表单的按钮，将值改为“进入”。 分别添加5个请求变量，用来接收上一注册页面传过来的内容，并分别拖入5个单元格内，进行