《网页设计》——服务器段程序的开发.ppt

1,网页设计,2,12.1 动态网页与ASP 12.2 ASP的开发 12.3 搭建服务器平台 12.4 创建数据库 12.5 连接数据库 12.6 创建记录集 12.7 执行SQL命令 12.8 给页面绑定动态内容 12.9 实践技能训练留言簿的制作,第12章 服务器段程序的开发,3,12.1 动态网页与ASP,首先来了解静态网页和动态网页的区别：普通网页是用HTML语言编写的，被称为静态页面，一旦写好，除非改变这些HTML源代码，否则无法更新网页上的内容。这类网页是以.htm或.html结尾的。 人们把网页、数据库以及程序中的变量等概念联系起来，创造了“动态网页”的概念，这种页面实质上是HTML和一些语言结合的结果。如ASP 是HTML和VBScript的结合，然后再结合了数据库（用来存放信息的地方）的操作。 一个ASP文件的后缀为.asp，其内容包含实现动态功能的VBScript（见本书的附录）或JavaScript（见本书的附录2）语句，如果去掉那些VBScript或JavaScript语句，它和标准的HTML文件没有任何区别。,4,12.1 动态网页与ASP,ASP可以和诸如Access、 SQL Server这样的数据库进行挂接。 ASP是一套服务器端的脚本运行环境，当用户从浏览器向Web服务器请求一个.asp文件时，Web服务器并不像处理普通的HTML文件那样直接传送给浏览器，而是全面读取请求文件，并执行该文件中包含的所有脚本命令，然后生成一个标准的HTML页面传送给浏览器，即把含有ASP指令的那部分语句替换为标准的HTML语句之后，在传送回浏览器。,5,12.2 ASP的开发,12.2.1 ASP语言开发基础 1变量、常量、过程 所谓变量是计算机内存中已经命名的存储位置，包含数字或字符串等数据，它使用户便于理解脚本的名称，为用户提供了存储、检索和操作数据的途径。程序是由一个或多个进程组成的，在VBScript中进程就是“指令块”，通常意义上的进程，如Sub只是为了简单的数据处理。 在VBScript中，严格来讲变量是不用声明的。 如 即使在使用变量前不需要声明变量，也要养成在编程时对变量必须“先声明，后使用”的良好习惯。,6,12.2 ASP的开发,常量是用来代替一个数字或字符串的名称，它在整个脚本中保持不变。可以用Const语句在VBScript中创建用户自定义常数。使用Const语句可以创建名称具有一定含义的字符型或数字型常数，并给它赋予原义值。例如， 过程是一组能执行指定任务且具有返回值的脚本命令。可以定义自己的过程，然后在脚本中反复调用它们。可以将过程定义放在调用过程的ASP文件中，也可以将通用过程放在一个共享的ASP文件中，然后用SSI#include指令将其包含进其他调用其过程的ASP 文件中。过程定义可出现在和标记内部且必须遵循声明脚本语言的规则。如果过程所用的语言与脚本语言不同，则要使用元素。主脚本语言中的过程用脚本分界符“标记时，必须使用两个属性来保证服务器端能够处理脚本。使用标记的语法如下： procedure definition ,7,12.2 ASP的开发,2条件语句 IfThenElse语句用于计算条件是否为True和False，并且根据计算结果指定要运行的语句。通常条件是使用比较运算符对值或变量进行比较的表达式，If ThenElse语句可以按照需要进行嵌套。 IfThenElse语句的一种变形允许从多个条件中选择，即添加ElseIf子句以扩充If ThenElse语句的功能，可以控制基于多种可能的程序流程。 在多个条件中进行选择的更好方法是使用Select Cese语句。Select Cese语句结构提供了If ThenElse If 结构的一种变通形式，可以从多个语句块中选择执行其中的一个。,8,12.2 ASP的开发,3循环用语 循环用语的作用就是重复执行程序代码，循环可分为三类。一类在条件变为“假”之前重复执行语句，一类在条件变为“真”之前重复执行语句，另一类按照指定的次数重复执行语句。在VBScript中可使用下列循环语句。 DoLoop：当（或直到）条件为“真”时循环。 WhileWend：当条件为“真”时循环。 ForNext：指定循环次数，使用计数器重复运行语句。 For EachNext：对于集合中的每项或数组中的每个元素，重复执行一组语句。,9,12.2 ASP的开发,Do Loop语句还可以使用以下语法： Do statementsExit Do statementsLoop WhileUntilcondition WhileWend语句是为那些熟悉其用法的用户提供的。但是由于WhileWend缺少灵活性，所以建议最好使用DoLoop语句 。,10,12.2 ASP的开发,IIS4.0包括Microsoft Script Debugger(script调试工具)，提供脚本程序的调试功能。可以使用Microsoft Script调试工具来进行对使用VBScript、JavaScript编写的脚本程序，以及Java applet，beans和 ActiveX组件的调试工作。 Microsoft Script Debugger提供以下的除错功能。 （1）设定中断点。 （2）逐步追踪脚本程序。 （3）设定书签。 （4）检视呼叫堆叠。 （5）检视和更改变数值。 （6）执行脚本指令。,11,12.2 ASP的开发,12.2.2 ASP内建对象 1Request对象 可以使用Request对象访问任何基于HTTP请求传递的信息，包括从HTML表格用POST方法或GET方法传递的参数、 Cookie和用户认证。Request对象能够访问客户端发送给服务器的二进制数据。 Request的语法： Request.集合/属性/方法 （1）Form。Form集合通过使用POST方法的表格检索邮送到HTTP请求正文中的表格元素的值。,12,12.2 ASP的开发,语法：Request.Form(element)(index)|Count 参数：element指定集合要检索的表格元素的名称。 index为可选参数，使用该参数可以访问某参数中多个值中的一个。它可以是1到Request.Form(parameter).Count之间的任意整数。 （2）QueryString。QueryString集合检索HTTP查询字符串中变量的值，HTTP查询字符串由问号（？）后的值指定。 如sting sample 语法：Request. QueryString(variable)(index)|.Count QueryString集合可以以名称检索query_string变量。Request.QueryString（参数）的值是出现在query_string中所有参数的值的数组。通过调用Request.QueryString（parameter）.Count可以确定参数有多少个值。,13,12.2 ASP的开发,（3）Cookies。Cookie其实是一个标签，当访问一个需要惟一标识网址的站点时，它会在硬盘上留下一个标记，下一次访问同一个站点时，站点的页面会查找这个标记。每个站点都有自己的标记，标记的内容可以随时读取，但只能由该站点的页面完成。每个站点的Cookie与其他所有站点的Cookie存在同一个文件夹中的不同文件内。这项功能经常被使用在要求认证客户密码以及BBS、聊天室等ASP程序中。 语法：Request. Cookies(Cookie)(key)|.attribute 参数：Cookie指定要检索其值的Cookie。 Key可选参数，用于从Cookie字典中检索子关键字的值。 Attribute指定Cookie自身的有关信息，如Haskeys只读，指定Cookie是否包含关键字。 可以通过包含一个key值来访问Cookie字典的子关键字。如果访问Cookie字典时未指定key，则所有关键字都会作为单个查询字符串返回。如果My Cookie两个关键字为First 和Second，而在调用Request. Cookies时并未指定其中任何一个关键字，将返回下列字符串。,14,12.2 ASP的开发,（4）Server Variables。在浏览器中浏览网页的时候使用的传输协议是HTTP，在HTTP的标题文件中返回记录客户端的信息，如客户的IP地址等，有时服务器端需要根据不同的客户端信息作出不同的反应，这时候就需要用Server Variables集合获取所需信息。 语法：Request. Server Variables,15,12.2 ASP的开发,2Response对象 与Resquest是获取客户端发送给服务器HTTP信息相反，Response对象是用来控制发送给用户的信息，包括直接发送信息给浏览器、重定向浏览器到另一个URL或设置Cookie的值。 Response语法：Response.集合/属性/方法 （1）属性。 1）Buffer。Buffer属性指示是否缓冲页输出。 2）Charset。Charset属性将字符集名称附加到Response对象中content-type标题的后面。对于不包含Response. Charset属性的ASP页面，content-type标题将为content-type：text/html。,16,12.2 ASP的开发,3）Content Type。Content Type属性指定服务器响应的HTTP内容类型。如果未指定contentType，则默认为text/HTML。 4）Expires。Expires属性指定了在浏览器上缓冲存储的页距过期还有多少时间。 5）Expires Absolute。与Expires属性不同，Expires Absolute属性指定缓存于浏览器中的页面的确切到期日期和时间。 （2）方法。 1）Clear。可以用Clear方法清除缓冲区中的所有HTML输出。 2）End。End方法使Web服务器停止处理脚本并返回当前结果。 3）Flash。Flash方法是立即发送缓冲区中的输出。 4）Redirect。Redirect方法使浏览器立即重定向到程序指定的URL。,17,12.2 ASP的开发,5）Write。Write方法是平时最常用的方法之一，它将指定的字符串写到当前的HTTP输出。 （3）集合。Response.对象只有一个集合cookie。 Cookies集合设置cookie的值。若指定的cookie不存在，则要创建它。若存在，则设置新的值并且将旧值删去。 语法：Response. cookies（cookie）(key).attribute=value 这里的cookie是指定cookie的名称。而如果指定了key，则该cookie就是一个字典。Attribute指cookie自身的有关信息。Attribute参数可以是下列之一。 1）Domain若被指定，则cookie将被发送到对该域的请求中去。 2）Expires指定cookie的过期日期。 3）HasKeys指定cookie是否包含关键字。 4）Path若被指定，则cookie将只发送到该路径的请求中。如果未设置该属性，则使用应用程序的路径。,18,12.2 ASP的开发,3Application对象 （1）属性。虽然Application对象没有内置的属性，但可以使用以下句法设置用户定义的属性，也可称为集合。 Application(“属性/集合名称”)=值 （2）方法。Application对象有两个方法：Lock方法和Onlock方法。它们都是用于处理多个用户对存储在Application中的数据进行写入的问题。 1）Lock方法禁止其他客户修改Application对象的属性。 2）和Lock方法相反，Unlock方法允许其他客户修改Application对象的属性。 （3）事件。 1）Application_OnStart事件在首次创建新的会话（即Session_OnStart事件）之前发生。 2）Application_OnEnd。Application_OnEnd事件在应用程序退出时于Session_OnEnd事件之后发生，Application_OnEnd事件的处理过程也必须写在Global.asa文件之中。,19,12.2 ASP的开发,4Session对象 可以使用Session对象存储特定的用户会话所需的信息。 （1）属性。 1）Session ID：Session ID属性返回用户的会话标识。 2）Timeout：Timeout属性以分钟为单位为该应用程序的Session对象指定超时时限。 （2）方法。Session对象仅有一个方法，就是Abandon，Abandon方法删除所有存储在Session对象中的对象并释放这些对象的源。 （3）事件。Session对象有两个事件可用于在Session对象启动和释放运行过程。 1）Session_OnStart事件在服务器创建新会话时发生。 2）Session_OnEnd事件在会话被放弃或超时发生,20,12.2 ASP的开发,12.2.3 ADO简介 ASP用Database Access组件与数据库进行连接，Database Access组件通过ActiveX Data Objects访问存储在数据库或其他表格化数据结构中的信息。 Microsoft对应用程序访问各种各样的数据源所使用的方法是OLEDB，OLEDB介于ODBC层和应用程序之间。在ASP页面中，ADO介于OLEDB之上的“应用程序”。ADO调用首先被送到OLEDB，接着被送到ODBC层。 使用ADO来访问数据库，首先看一下服务器端所需要的ADO执行环境。 1）安装Windows NT/2000Server或是 Personal Web Server。 2）安装Internet Information Server 3.0以上版本。 3）在用户端所需要的ADO执行环境，需要浏览器。 4）创建数据库源名：即创建了配置ODBC数据源。,21,12.2 ASP的开发,5）创建数据库链接：ASP文件中如果要访问数据，必须创建与数据库的链接，其语法如下： Set Conn=Server CreateObject(“adobd.connecttion“) Conn.open “dsn_name“,“username“,“password“ 访问Access数据库系统DSN： Set Conn=Server CreateObject (“adobd.connecttion“) Conn.Open“test_dsn“ 访问SQL Server数据库系统DSN： Set Conn=Server CreateObject (“adobd.connecttion“) Conn.Open“test_dsn_sql“,“sa“,“passwd“ 其中sa为访问SQL Server数据库的账号，passwd为账号的访问口令，具体内容创建数据库时设定。,22,12.2 ASP的开发,6）创建数据对象：RecordSet保存的是数据库命令结果集，并标有一个当前记录，以下是创建方法： Set RecordSet=Conn.Execute(sqtstr) 这条语句创建并打开了对象RecordSet，其中 Conn是创建链接对象，sqlstr是一个串，代表一条标准的SQL语句，例如： sqlstr =“SELECT*FROM authors“ Set RecordSet=Conn.Execute(sqlstr),23,12.3 搭建服务器平台,下面来看如何在Windows XP 操作系统上来搭建服务器平台。 配置IIS 默认情况下，安装Windows XP时是不会自动安装IIS的，需要使用“控制面板”中的“添加/删除程序”来安装IIS，具体操作过程如下。 （1）选择“开始”“控制面板”，选择“添加/删除程序”在弹出窗口中选择左边的“添加/删除Windows 组件”，出现“Windows 组件向导”对话框，如图12-1所示。,24,12.3 搭建服务器平台,（2）在“Windows组件向导”对话框中选中“Internet信息服务（IIS）”复选框，然后单击“下一步”按钮，这样IIS就可以安装到系统中了。在IIS安装完成以后，需要进行配置，按照如下步骤操作。 1）选择“开始”“控制面板”“管理工具”“Internet信息服务”对话框，如图12-2所示。 图12-2 “Internet信息服务”对话框,25,12.3 搭建服务器平台,2）右击“默认网站”项目，在弹出菜单中选择“属性”命令，这时会弹出“默认网站属性”对话框，如图12-3所示。 （3）下面就可以通过这个对话框对IIS进行配置了，常用的配置有两个选项卡。 图12-3 “默认网站属性”对话框,26,12.3 搭建服务器平台,1）“网站”选项卡用来指定网站的地址、通常可以不修改IP地址，即如图12-3所示的（全部未分配），在测试过程中需要使用localhost，即在浏览器中输入地址http:/localhost/index.asp就可以了。 2）“主目录”选项卡：用来修改网站的目录，如图12-4所示。默认情况下，Windows将目录设置为Inetpubwwwroot，可以在“本地路径”输入框中将目录修改为其他目录，以方便对文件的管理。 图12-4 主目录的配置,27,12.3 搭建服务器平台,（3）打开Internet Explorer浏览器，在地址栏中输入http:/localhost/hello.asp，验证程序是否能正常运行，如果出现如图12-5所示的页面，则表示IIS安装、配置成功了。 图12-5 表示IIS安装、配置成功,28,12.4 创建数据库,常用的数据库有三种，Microsoft Access，Microsoft SQL Server和Oracle。小型网站多使用Microsoft Access数据库，只有大型网站才使用Microsoft SQL Server和Oracle数据库。 下面对留言簿中数据库中的每个字段作简要介绍，以便更好学习后面的内容，这里使用Access数据库，主要包括以下字段。 ID：自动编号。 username：访问者姓名。 Email：访问者邮箱。 Homepage：访问主页。 title：留言主题。 Content：留言内容。 createDate：留言时间。 Revert：回复。 revertDate：回复时间。,29,12.4 创建数据库,12.4.1 新建数据库 （1）启动Access软件，选择“文件”“新建”，弹出如图12-6所示的“新建”对话框。 图12-6 “新建”对话框,30,12.4 创建数据库,（2）在如图12-6所示的“新建”对话框中选择“空数据库”选项，单击“确定”按钮后， Access会提示先保存数据库，这里将文件名设为boxian.mdb，如图12-7所示。 图12-7 创建boxian数据库,31,12.4 创建数据库,（3）单击“创建”按钮，弹出如图12-8所示的窗口。 图12-8 选择使用设计器创建表,32,12.4 创建数据库,12.4.2 创建表和字段 （1）双击“使用设计器创建表”，“字段名称”和“数据类型”的设置如图12-9所示。 图12-9 创建字段 （2）关闭表窗口，提示是否保存对表的修改，选择“是”，把表名改为gouestbook。,33,12.5 连接数据库,12.5.1 ODBC ODBC（Open Database Connectivity）是Microsoft开发的一套对数据库进行操作的方案，将对数据库的所有底层操作都放到了ODBC的驱动程序中。对于用户来说，只要指定一个连接，就可以采用同一规定的应用程序编写接口实现对数据库的读写，而不用考虑数据库的生产厂家和使用格式。 12.5.2 在Dreamweaver 8中连接数据库 DSN（Data Source Name，数据源名称）是通过ODBC连接数据库时为连接起的名称。在Dreamweaver 8中使用DSN连接数据库的具体步骤如下： （1）打开Dreamweaver 8“文档”窗口的“应用程序”面板，切换到“数据库”选项卡，如图12-10所示。,34,12.5 连接数据库,图12-10 “应用程序”面板 （2）单击“添加”按钮，从弹出的菜单中选择“数据源名称（DSN）”菜单项，弹出如图12-11所示的“数据源名称”对话框。 图12-11 “数据源名称”对话框,35,12.5 连接数据库,（3）在“连接名称”文本框中输入连接名称，建议尽量使用容易识别的连接名称。在“数据源名称”的下拉列表中选择数据源的名称，也可以单击按钮启动“ODBC数据源管理器”。 （4）如果数据库需要使用密码，则可在“用户名”文本框中输入用户名，在“密码”文本框中输入用户的密码。 （5）如果是通过应用程序服务器上的DSN建立连接，则可选中“使用测试服务器上的DSN”单选按钮；如果要连接位于本地的DSN，则可选中“使用本地DSN”单选按钮。 （6）对话框中的“高级”按钮是用来设置计划和目录的，用户可以根据实际需要进行相应的设置。 （7）设置完成后可以单击“测试”按钮来测试是否连接成功，如果弹出如图12-12所示的对话框，则表示连接成功。,36,12.5 连接数据库,图12-12 连接成功对话框 （8）测试成功后单击“确定”按钮，该连接就创建好了，此时在“数据库”面板中就会看到相应的数据库连接项。,37,12.6 创建记录集,12.6.1 记录集的概念 所谓记录集就是现有记录的子集，由数据库中所有符合查询条件的记录构成。如果要生成记录集，至少要进行一次查询操作，根据查询条件得到结果，然后生成记录集。只有设置了查询条件，才能从现有的成千上万条数据中找到用户所需要的符合条件的数据。 12.6.2 如何操作记录集中的数据 对于这样的数据库，通常都是每次只操作一条记录，当前操作的记录集被称为“当前记录”，记录集中的当前位置被称为“记录指针”，简称“指针”。为了能够操作记录集中的多条记录，指针需要在记录集中的各记录间来回移动，但是这是非常麻烦的。而Dreamweaver 8中，利用重复区域的服务器行为，就可以在页面中显示多条记录。,38,12.6 创建记录集,12.6.3 利用Dreamweaver 8创建简单的记录集 创建记录集主要是在“绑定”面板中完成的，在“应用程序”面板中切换到“绑定”选项卡就可以打开“绑定”面板，如图12-13所示。 图12-13 “绑定”面板,39,12.6 创建记录集,12.6.4 利用SQL命令创建记录集 （1）在Dreamweaver 8的“文档”窗口中打开要使用记录集的.asp文档，或者在已经定义的站点中创建一个空白文档并将其打开。 （2）单击“绑定”面板中的添加按钮，从弹出的菜单中选择“记录集（查询）”菜单项，弹出如图12-14所示的“记录集”对话框，然后单击“高级”按钮弹出如图12-16所示的“记录集”对话框。 图12-16 “记录集”对话框,40,12.6 创建记录集,（3）在“名称”文本框中输入该记录集的名称，也可以采用系统默认的名称。从“连接”下拉列表中选择要创建的数据库的连接名称。 （4）在SQL文本框中输入用于选择记录集数据源的SQL 查询语句，如果该查询语句中包含双引号，则应该将其改为单引号。在“变量”区域内可以设置变量的名称及相应的数值。 （5）单击“测试”按钮会弹出一个显示当前查询结果的对话框。如果测试成功，则可单击“确定”按钮完成记录集的创建。,41,12.6 创建记录集,12.6.5 使用“数据库项”树创建SQL查询 （1）在“数据库项”列表中单击“表格”前面的“+”按钮，得到该数据库的树状结构。 （2）在“数据库项”列表框中单击表massagedate中的id字段，然后单击SELECT按钮，在SQL文本框中就会显示出相应的代码，如图12-17所示。 图12-17 添加查询条件的“记录集”对话框,42,12.6 创建记录集,（3）重复上述步骤，依次单击name，email，title，content，datetime和SELECT按钮，分别将其添加到带SQL文本框的代码中。 （4）在“数据库项”列表框中单击字段title，然后单击WHERE按钮，设置该查询语句的查询条件。此时在SQL文本框中添加相应的代码，但该代码并不完整，还需要用户手工输入相应的谓词和条件值。需要注意的是：该条件值应该是使用单引号括起来的，不可以使用双引号。 （5）在“数据库项”列表框中单击字段id，然后单击Order by按钮，设置查询结果的排序准则。,43,12.6 创建记录集,（6）设置完成后的对话框如图12-18所示，单击“确定”按钮就可完成操作。 图12-18 添加查询语句的“记录集”对话框,44,12.7 执行SQL命令,在Dreamweaver 8中执行动作查询的SQL命令的具体步骤如下。 （1）打开“绑定”面板，单击“添加”按钮，从弹出的菜单中选择“命令（预存过程）”菜单项，弹出如图12-19所示的“命令”对话框。 （2）在“名称”文本框中输入该命令的名称，也可以采用系统默认的名称，从“连接”下拉列表中选择要使用的数据库连接，如conmassage。 图12-19 “命令”对话框,45,12.7 执行SQL命令,（3）从“类型”下拉列表中选择所需要的SQL命令类型。如果选择的是“预存过程”选项，则可将执行结果作为一个记录集对象返回。这样就可以选中右侧的“返回具有以下名称的记录集”复选框，并在其右侧的文本框中输入记录集的名称，然后单击“测试”按钮就可以得到结果。 （4）在“变量”文本框中可以设置变量名称及相应的变量值，可以使用“数据库项”列表框和“添加到SQL”按钮组添加相应的代码。 图12-22 显示删除语句的SQL文本框 （5）完成设置后单击“确定”按钮，就可以完成“命令”对象的连接工作。,46,12.8 给页面绑定动态内容,在Dreamweaver 8中给页面添加动态内容的具体步骤如下。 （1）在“绑定”面板中选中要显示的数据源。如果数据源是记录集类型的，则选择其中的字段。 （2）可以直接将选定的数据源拖放到文档的指定位置上，也可以将光标置于所需的位置后单击“绑定”面板中的插入按钮。例如要在留言簿中显示留言者的姓名，就可以从“绑定”面板的记录集中直接将name字段拖放到文档中。动态内容被添加到页面中以后就会在页面中显示出来，同时标以浅蓝色的底色，如图12-23所示。,47,12.8 给页面绑定动态内容,图12-23 动态内容的显示效果,48,12.9 实践技能训练留言簿的制作,留言簿是为网上所有想交流意见的人提供的一种交流场所，各个网站的管理者可以通过留言簿收集来自该网站浏览者的反馈信息，随着信息技术、通信技术以及多媒体技术的进一步成熟和普及，留言簿已经成为各个网站必不可少的组件。 下面介绍利用Dreamweaver 8制作留言簿的具体过程。 12.9.1 实例分析 本实例是一个功能齐全的留言系统，包括以下三个功能模块。 （1）客户模块：该模块任何人都能进入，包括显示留言的主页面和用户输入留言的页面 （2）管理员模块：该模块是为管理员设计的，包括管理员的首页面、回复留言和删除留言页面等。 （3）权限模块：该模块是为了限制非管理人员进入管理页面而设计的。,49,12.9 实践技能训练留言簿的制作,12.9.2 文件说明 本实例主要包括以下七个页