ASP动态网页设计教程电子教案

Download Report

Transcript ASP动态网页设计教程电子教案 

第1章 ASP设计基础

1.1 Web基础




1.2 ASP基础
 1.2.1 什么是ASP



1.2.2 ASP的运行环境及安装
1.2.3 创建虚拟目录
1.3 ASP语法简介
 1.3.1 ASP的一个简单实例


1.1.1 Web概述
1.1.2 Web常用术语
1、1、3WEB服务器技术
1.3.2 ASP文件的基本构成和约定
1.4 ASP的开发工具及调试技巧


1.4.1 ASP的开发工具
1.4.2 ASP的调试技巧
1
1.1.1 Web概述
Web（World Wide Web）也称万
维网，是Internet上一个非常重要的信息
资源网，产生于20世纪90年代初。它遵循
超文本传输协议，以超文本或超媒体的形式
传送各种各样的信息，为用户提供了一个具
有友好的图形化界面—Web页，以查阅
Internet上的信息文档。
2
1.1.2 Web常用术语
Web页面：
就是通常在浏览器中所看到的网页，其实是一个单
一的文件。
网页：
就是用HTML编写的文本文件，包含有文字、表格、
图像、链接、声音和视频等。
网站：
就是由若干网页按一定方式组织在一起，放在服务
器上，提供相关信息资源。
主页：
有时也称首页，是网站的第一个页面。通常，总是
和一个URL网址相对应，引导用户浏览网站。
3
1.1.2 Web常用术语（续上）
URL（Uniform Resource Locator） ：
即统一资源定位器，是一种唯一标识Internet上计
算机、目录和文件的位置的命名规则。它由资源类型、存
放资源的主机地址和端口以及资源目录和文件名构成。
具体如下：
资源类型
表示信息传输的协议，如http、ftp等。
主机地址
即为提供资源的主机IP地址或域名地址。
端口 表示某一服务器在该主机上所使用的TCP端口。
目录 表示提供服务的信息资源所在的目录。
文件名
由基本文件名和扩展名两部分构成。
例如： http://www.student.com:80/study/default.html
↑
↑
↑
↑
↑
资源类型
主机地址
端口 目录
文件名
4
1.1.2 Web常用术语（续上）
HTTP（Hypertext Transfer Protocol）：
超文本传输协议，是Internet上访问WWW信息资
源的一种协议，用来传输多媒体信息。
HTML（HyperText Markup language）：
超文本标记语言，是一种描述文档结构的语言，而
不能描述实际的表现形式。HTML语言使用描述性的标记
符（称为标签）来指明文档的不同内容。
5
1、1、3WEB服务器技术
 Microsoft IIS 5、0（6、0）
 PWS
 APACHE
 IPlanet Web Server
 EAServer
 Netscape Web Server等
思考：
1、如何来选择使用？
2、一台服务器中如果安装两种WEB服务器软
件时应注意什么？
6
1.2.1 什么是ASP
ASP（Active Server Pages）是一套微软开发的服务器
端脚本环境，它内含于IIS（Internet Information Server）
或PWS（Personal Web Server）中。使用它可以创建和运
行动态、交互的Web服务器应用程序。
ASP的工作原理，就是当客户端浏览器上某用户申请一个
*.ASP的文件（ASP文件的后缀名为.asp）时，Web服务器就
会响应该HTTP请求，并调用ASP引擎，解释被申请文件，最后
输出标准的HTML格式文件传送给客户端浏览器，由浏览器解释
运行，并显示出结果，如图1-1所示。
当遇到任何与ActiveX Scripting兼容的脚本（如
VBScript和JavaScript）时，ASP引擎会调用相应的脚本引
擎进行处理。若脚本指令中含有访问数据库的请求，就通过
ODBC与后台数据库相连，由数据库访问组件执行访问操作等。
由于ASP脚本是在服务器端解释执行的，所以其所有相关的发布
工作都由Web服务器负责。
7
1.2.2 ASP的运行环境及安装
如果只是用HTML设计网页，并不需要特殊的环境，
直接在浏览器上浏览即可。而用ASP设计的网页是在服
务器端运行的，因此必须配置相应的运行环境。
ASP的运行环境可以选择如下安装：
如果是在Windows 95/98平台上运行ASP文件，需要安装个
人Web服务器PWS。
如果是在Windows NT 4.0 Server平台上运行ASP文件，需
要安装IIS 4.0。
如果是在Windows 2000/XP平台上运行ASP文件，由于其已
内置了IIS 5.0以上版本，故只需添加其IIS组件即可。
下面以Win XP为例，介绍如何添加IIS 5.0组件。
8
1.2.2 ASP的运行环境及安装（续上）
具体安装步骤如下：
① 选择“开始设置控制面板”命令，在“控制面板”窗口中，双击
“添加或删除程序”图标，出现如图1-2所示的窗口。
9
1.2.2 ASP的运行环境及安装（续上）
② 双击“添加/删除Windows组件”图标，打开“Windows组件向导”
对话框，如图1-3所示。
10
1.2.2 ASP的运行环境及安装（续上）
③ 选中“组件”列表框中的“Internet信息服务(IIS)”复选框。并根据
需要选择其他组件，然后单击“详细信息”按钮，打开如图1-4所示
的对话框。在IIS的子组件列表中选择所需组件，选择完毕后单击
“确定”按钮，返回“Windows组件向导”对话框。
11
1.2.2 ASP的运行环境及安装（续上）
④ 单击“下一步”按钮，此时安装程序要求插入光盘来读取需要的文件，
当放入Windows 2000光盘后，单击“确定”按钮，此刻安装程序
开始复制文件并进行配置IIS，如图1-5所示。
12
1.2.2 ASP的运行环境及安装（续上）
⑤ 文件复制完成后，出现如图1-6所示的对话框。单击“完成”按钮即
可。
13
1.2.2 ASP的运行环境及安装（续上）
同样，当IIS安装完成后，单击鼠标右键“我的电脑”选择“管理”，打
开“计算机管理”对话框，找到“Internet信息服务”选项中的
“默认Web站点”，如图1-7所示，发现该服务已经启动，此时只需
在IE浏览器地址栏中输入“http://localhost”，即可看到如图1-8
所示的画面。
14
1.2.3 创建虚拟目录
当Web服务器启动后，只要将ASP文件放在其默认主
目录“C:\Inetpub\wwwroot”下即可运行。但为了调试
方便，往往需创建一个虚拟目录。所谓虚拟目录，就是在
URL地址中使用的目录名称，或称之为URL映射，其可以
与物理目录相同，也可以不同。
下面以Windows 2000为例介绍如何创建虚拟目录。
具体操作步骤如下：
① 首先，在计算机上创建一个名为ASP的文件夹，比如D:\ASPWEB。
② 其次，打开“Internet信息服务”对话框（方法见上。
15
1.2.3 创建虚拟目录（续上）
③ 选中“默认Web站点”，单击右键，选择“新建虚拟目录”，出现
如图1-9所示安装向导对话框。
16
1.2.3 创建虚拟目录（续上）
④ 在向导过程中，依次输入相应内容：别名“ASPWEB”、目录
“D:\ASPWEB”以及权限“至少包含读取和运行脚本”后，单击
“完成”按钮即可，此时如图1-10所示。
17
1.2.3 创建虚拟目录（续上）
⑤ 选中“ASPWEB”，单击右键，选择“属性”，出现如图1-11所示对
话框，可以对虚拟目录重新设置。
18
1.2.3 创建虚拟目录（续上）
⑥ 单击“文档”选项，可以添加新的默认文档，如index.htm或
index.asp，并可以调整其先后顺序，如图1-12所示。
至此，虚拟目录就创建完成了，以后本书中所有的例
子，只要存放在该目录下即可进行调试运行。
19
<html>
<head>
<title>ASP的一个简单实例</title>
</head>
<body>
<script language="vbscript">
<!-xm=inputbox("请输入您的大名：","输入名称")
if time()>=#6:00:00# and time()<#12:00:00# then
str=" 早上好！"
elseif time()>=#12:00:00# and time()<#19:00:00# then
str=" 下午好！"
else
str=" 晚上好！"
end if
document.write "<h2 align='center'>您好，" & xm & str
document.write "<br>欢迎光临我的第一个ASP页面</h2>"
-->
</script>
<p align="center">
<%
'date()为日期函数
y=year(date()) '取当前日期的年份
m=month(date()) '取当前日期的月份
d=day(date())
'取当前日期是几号
t=time()
'取当前时间
Select Case weekday(date()) '取当前日期是星期几
Case 2
w="一"
Case 3
w="二"
Case 4
w="三"
Case 5
w="四"
Case 6
w="五"
Case 7
w="六"
Case Else
w="日"
End Select
str=y & "年" & m & "月" & d & "日 星期" & w & " " & t & "<br>" & str
response.write str
%>
</body>
</html>
1.3.1 ASP的一个简单实例
下面将编写一个简单的
ASP文件，以分析ASP的基
本构成。
具体操作步骤如下：
① 选择“开始程序附件记事本”
命令，以启动记事本程序。
② 在记事本程序窗口中，输入以下内
容：
③ 从“文件”菜单中选择“保存”命
令，将弹出“另存为”对话框，
选择一个保存位置，如前面设置
的名为ASPWEB虚拟目录下的
chapter1子文件夹，并将文件类
型改为“所有文件”，同时在
“文件名”框中输入“exam11.asp”，单击“保存”按钮。
该程序功能是显
示当前来访日期与时
间，并根据当前时刻
显示不同的问候语，
如早上的时候，会显
示“早上好！”。
20
1.3.1 ASP的一个简单实例（续上）
④ 打开IE，在地址栏中输入
“http://localhost/ASPWEB/chapter1/exam1-1.asp”,程序运
行结果如图1-24、图1-25所示。
21
1.3.2 ASP文件的基本构成和约定
1、基本构成
从上述这个简单的ASP程序中，经分析发现，通常由以下3个部分构成：

普通的HTML文件，即一般的Web页面内容

放在<% … %>内的Script脚本语言代码，由服务器端运行。

放在<Script> … </Script>内的Script脚本语言代码，由客户端直接运行。
2、约定
在ASP中，默认语言是VBScript，若要使用其他的脚本语言，可以采用
以下方法切换：
<%@Language=VBScript%> 或<%@Language=JavaScript%>
在ASP中，VBScript脚本语言中的用户界面函数（如InputBox和
MsgBox）只能在客户端<Script> … </Script>使用，而不能服务器端
<% … %>中使用。
在ASP中，VBScript脚本语言不区分大小写，而JavaScript则区分大小写。
22
1.4.1 ASP的开发工具
一般来说，任何文本编辑器工具都可作为ASP的开
发工具，只要编写完毕后存成后缀为.asp的文件即可。
对于初学者而言，最简单最好使用的就是系统自带
的记事本程序。当然，要想开发一些大型的Web应用程
序，最好还是使用一些专门的开发工具，如Microsoft
Visual InterDev以及Macromedia
Dreamweaver MX等。
现在网上也提供了一些很好用的ASP开发小工具，
如UltraEdit等，它可以将ASP脚本语言与HTML语言
分颜色显示，并可帮助编写复杂的HTML语句。大家可
以到一些软件园地去下载。
23
1.4.2 ASP的调试技巧
在编写ASP的过程中，不出错误是不可能的，通
常，可以采用边编辑边浏览的调试方法。在运行过程
中，当程序出错时，页面上会显示错误描述、出错代
码行数等信息，根据这些信息，再回到编辑器中进行
修改。
另外，还可以采用注释方法，将一些语句暂时注释
掉，逐段调试。或者临时添加一些输出语句如
Response.Write将中间结果输出查看。若调试数据
库程序，经常还会用到SQL语句输出查看错误。
24