网页制作第七章课件.ppt

1、网页设计与制作技术第七章动态网页制作基础动态网页制作基础 安装与设置安装与设置IIS服务器服务器 ASP动态站点的建立动态站点的建立 ASP的内置对象的内置对象 数据库基本概念数据库基本概念 若要开发设计一个动态网页，需要一个若要开发设计一个动态网页，需要一个能够支持动态网页正常工作的能够支持动态网页正常工作的Web服务服务器。在器。在Windows XP系统中，就是使用系统中，就是使用IIS作为动态站点的服务器。作为动态站点的服务器。要使用要使用IIS服务器，必须先安装该组件。服务器，必须先安装该组件。单击左侧的【添加/删除Windows组件】按钮 安装完毕安装完毕IIS服务组件之后，还需要

2、对其进服务组件之后，还需要对其进行配置，设置行配置，设置Web站点站点IIS才能正常工作才能正常工作（1）单击单击桌面上的【开始】按钮，在打）单击单击桌面上的【开始】按钮，在打开菜单中选择开菜单中选择“设置设置”/“控制面板控制面板”命令，命令，打开【控制面板】对话框。打开【控制面板】对话框。（2）双击【控制面板】对话框中的【管理工）双击【控制面板】对话框中的【管理工具】图标，打开【管理工具】对话框具】图标，打开【管理工具】对话框 （3）双击【管理工具】对话框中的）双击【管理工具】对话框中的【Internet 信息服务】图标，打开信息服务】图标，打开【Internet 信息服务】对话框信息服务

3、】对话框（4）在【）在【Internet 信息服务】对话框的左侧，信息服务】对话框的左侧，选中选中“默认网站默认网站”选项，然后单击工具栏选项，然后单击工具栏中的【属性】工具按钮，打开【默认网站中的【属性】工具按钮，打开【默认网站属性】对话框属性】对话框 （5）在【默认网站属性】对话框中，选择）在【默认网站属性】对话框中，选择【网站】选项卡，设置网站的【网站】选项卡，设置网站的IP地址、地址、TCP端口（通常使用默认值端口（通常使用默认值80），如果该），如果该网站仅用于测试，且测试用的计算机没有网站仅用于测试，且测试用的计算机没有连接到网络上，可以将其连接到网络上，可以将其IP地址设置为地址

4、设置为127.0.0.1（6）再选择【默认网站属性】对话框中的）再选择【默认网站属性】对话框中的【主目录】选项卡，设置网站的主目录【主目录】选项卡，设置网站的主目录（即指定存放网站文件的目录，（即指定存放网站文件的目录，IIS系统安系统安装的默认主目录是装的默认主目录是c:inetpubwwwroot）、）、用户访问权限、应用程序执行权限等用户访问权限、应用程序执行权限等 ASP动态站点的建立动态站点的建立 使用使用Dreamweaver CS3来创建动态网页的来创建动态网页的站点，并且把当前站点设置为与服务器程站点，并且把当前站点设置为与服务器程序【主目录】位置相同序【主目录】位置相同（1）

5、启动）启动Dreamweaver，选择【站点】，选择【站点】/【新建站【新建站点】命令。点】命令。（2）在弹出的【站点定义】对话框中选择【高级】）在弹出的【站点定义】对话框中选择【高级】选项卡。选项卡。（3）在【站点定义】对话框的【本地信息】中设）在【站点定义】对话框的【本地信息】中设置本地站点信息。设置【本地根文件夹】和服务置本地站点信息。设置【本地根文件夹】和服务器程序中的【主目录】位置相同器程序中的【主目录】位置相同（4）在【站点定义】对话框的【测试服务器】）在【站点定义】对话框的【测试服务器】中进行如图所示中进行如图所示ASP应用基础应用基础 ASP全称全称Active Server

6、Pages，是，是Microsoft公司开发的服务器端脚本语言，公司开发的服务器端脚本语言，可以通过可以通过ASP建立具有动态功能且高效的建立具有动态功能且高效的Web服务器应用程序。它可以与数据库和服务器应用程序。它可以与数据库和其他程序进行交互，是一种简单、方便的其他程序进行交互，是一种简单、方便的编程工具。编程工具。新建一个空白的写字本文件，输入下面的代码：新建一个空白的写字本文件，输入下面的代码：最简单的最简单的ASP程序程序将其另存为将其另存为ASP格式的文件格式的文件test.asp 在浏览器中浏览效果 ASP的内置对象的内置对象 ASP提供了一些可在脚本中使用的内置对提供了一些可

7、在脚本中使用的内置对象，使用户更容易收集通过浏览器请求发象，使用户更容易收集通过浏览器请求发送的信息、响应浏览器以及存储用户信息，送的信息、响应浏览器以及存储用户信息，从而使对象开发者摆脱了很多烦琐的工作从而使对象开发者摆脱了很多烦琐的工作 Response对象对象 Response对象的作用是将服务器端的信息发送到客户端，对象的作用是将服务器端的信息发送到客户端，它可动态地响应客户端的请求，并将在服务器端动态生成它可动态地响应客户端的请求，并将在服务器端动态生成的响应结果返回给客户端浏览器。例的响应结果返回给客户端浏览器。例:使用服务器端的内置对象使用服务器端的内置对象response循环输

8、出循环输出10个数字个数字%for i=1 to 10response.write(i&)next%Request对象对象 Request对象的主要作用是：在服务器端对象的主要作用是：在服务器端接受并得到从客户端浏览器提交或上传的接受并得到从客户端浏览器提交或上传的信息。信息。Request 对象可以访问任何基对象可以访问任何基于于 HTTP 请求传递的所有信息，包括从请求传递的所有信息，包括从Form表单用表单用 POST 方法或方法或 GET 方法传递方法传递的参数、的参数、cookie 等。等。Session对象对象 在在ASP中，通过中，通过Session对象来记录使用者对象来记录使用

9、者私有的数据变量，以作为用户再次对服务私有的数据变量，以作为用户再次对服务器提出要求时做确认，当用户在程序的器提出要求时做确认，当用户在程序的Web页面之间跳转时，存在页面之间跳转时，存在Session对象对象中的变量数据不会消失。中的变量数据不会消失。Server对象对象 Server对象是对象是ASP中一个很重要的对象，中一个很重要的对象，许多高级功能都是靠它来完成的。许多高级功能都是靠它来完成的。Server对象提供许多运用在服务器端的应用函数，对象提供许多运用在服务器端的应用函数，例如，可以利用例如，可以利用Server对象来控制脚本语对象来控制脚本语言在超过时限前的运行时间。言在超过

10、时限前的运行时间。Application对象对象 Application对象是个应用程序级的对象，对象是个应用程序级的对象，用来在所有用户间共享信息，并可以在用来在所有用户间共享信息，并可以在Web应用程序运行期间持久地保持数据。应用程序运行期间持久地保持数据。在在Dreamweaver中中ASP对象都集中在对象都集中在【ASP】插入栏中。】插入栏中。数据库技术概述数据库技术概述 一个典型的关系型数据库通常由一个或多个一个典型的关系型数据库通常由一个或多个数据表组成。数据库中的所有数据或信息数据表组成。数据库中的所有数据或信息都被保存在这些数据表中。数据库中的每都被保存在这些数据表中。数据库中

11、的每一个表都有惟一的表名，数据表由行和列一个表都有惟一的表名，数据表由行和列组成，其中每一行称为一个记录，每一列组成，其中每一行称为一个记录，每一列称为一个字段，各字段包括了该字段的名称为一个字段，各字段包括了该字段的名称、数据类型以及字段属性等信息。称、数据类型以及字段属性等信息。Access数据库 常用的结构化查询语句常用的结构化查询语句 在网络中使用数据库中的数据，通常是通过在网络中使用数据库中的数据，通常是通过SQL语句查询来实现的语句查询来实现的 SQL(Structured Query Language，结构，结构化查询语言化查询语言)语言结构简洁，功能强大，简语言结构简洁，功能强

12、大，简单易学。单易学。SELECT数据查询语句数据查询语句 SELECT*FROM 数据表名数据表名 WHERE 字段字段名名1=XXX AND字段名字段名2=YYY 说明说明：WHERE之后是条件表达式，该命令把之后是条件表达式，该命令把数据表中所有符合条件的记录全部列出来数据表中所有符合条件的记录全部列出来 INSERT添加记录数据添加记录数据 要在数据表中添加一条记录，必须使用要在数据表中添加一条记录，必须使用INSERT命令。命令。INSERT语句的语法如下：语句的语法如下：INSERTINTO（字段（字段1，字段，字段2，字段，字段3）VALUES（数据（数据1，数据，数据2，数据，

13、数据3）UPDATE修改记录数据修改记录数据 要修改数据表中某条记录的数据，必须使用要修改数据表中某条记录的数据，必须使用UPDATE命令命令 UPDATESET修改字段修改字段WHERE DELETE删除记录数据删除记录数据 要删除数据表中某条记录，必须使用要删除数据表中某条记录，必须使用DELETE命令命令 DELETEFROMWHERE 创建数据库连接创建数据库连接 ASP网页应用程序必须通过网页应用程序必须通过ADO（ActiveX Data Objects）组件来调用）组件来调用OLEDB接口或接口或者者ODBC来访问不同的数据库来源来访问不同的数据库来源 网页应用程序网页应用程序A

14、DO组件组件OLEDBODBC驱动程驱动程序序各种数据库各种数据库构建自定义连接字符串构建自定义连接字符串（1）在）在Dreamweaver中打开一个中打开一个ASP页，页，然后依次选择【窗口】然后依次选择【窗口】|【数据库】命令，【数据库】命令，打开【数据库】面板。打开【数据库】面板。（2）单击该面板上的【添加】按钮，弹出下）单击该面板上的【添加】按钮，弹出下拉菜单，选择【自定义连接字符串】命令，拉菜单，选择【自定义连接字符串】命令，打开【自定义连接字符串】对话框打开【自定义连接字符串】对话框 例如数据库的存放路径为例如数据库的存放路径为D:asptesttestdb.mdb，在，在【连接的字符串】文本框中【连接的字符串】文本框中输入：输入：Provider=Microsoft.Jet.OLEDB.4.0;Data Source=d:asptesttestdb.mdb 在【在【Dreamweaver应连接】单选钮组中勾应连接】单选钮组中勾选【使用此计算机上的驱动程序】选【使用此计算机上的驱动程序】课后练习 在自己电脑中安装并配置在自己电脑中安装并配置IIS服务器服务器 在在Dreamweaver中创建与数据库的连接中创建与数据库的连接 在在“教学管理教学管理”数据库中创建两个表：数据库中创建两个表：“07财管班成绩表财管班成绩表”、“选修课成绩表选修课成绩表”