| |
| |
| 章节： |
| 第1章 相关的基础知识 |
| 1.5 Web程序设计技术概述 FLASH版演示教案 |
| 重点： |
| 几种常用的WEB程序设计语言的特点 |
| 难点： |
| 无 |
| 内容： |
| 随着互联网的高速发展，普通的静态网页已不能满足网上信息交流的需求，具有交互功能的动态网页得到了广泛的应用。Web程序设计技术就是用于实现动态交互式功能的网页制作技术，通过Web程序语言（CGI、PHP、ASP、JSP、ASP.Net等）设计的动态网页可以根据用户的即时操作和即时请求，网页内容发生相应的变化，从而可以实现功能强大的交互式操作。
设计动态网页的技术有很多，并且这方面的技术在不断地发展变化，它们有各自的特点。
这些技术一般又分为两类：
客户端技术：用于设计在客户机上或是浏览器环境下运行的Web程序或脚本，例VBScript、JavaScript、Java Applet、Java
PlugIn等。
服务器端技术：用于设计在服务器环境下运行的Web程序，例CGI应用、ASP、JSP、 PHP等。
1.5.1 脚本
脚本（Script）是网页制作中常见的动态网页制作技术，是一种介于HTML语言和Visual Basic、Java 等高级语言之间的一种语言。它更接近于高级语言，但却比高级语言简单易学，当然也没有高级语言的功能那么强大。
根据脚本语言所编写的代码可以直接插入到HTML中。利用脚本可以操纵网页上的元素去实现网页的交互功能，还可以制作特殊动态效果的网页，例如，注册时用户输入信息的有效性验证、弹出的信息框、鼠标指针的文字跟随、渐隐渐现的图片等都是脚本的实际运用。常用的脚本语言有JavaScript和VBScript。
1.5.2 PHP
PHP(Personal Home Page)是一种易于学习和使用的服务器端脚本语言。只需要很少的编程知识就能使用PHP建立一个真正交互的Web站点。
应用PHP有许多好处。然而，也有其不利之处，主要是因为PHP是开放源码项目，没有什么商业支持，执行速度相比缓慢（直到PHP４之前）。但是PHP的邮件列表是很有用的，而且除非正在运行像Yahoo这样极受欢迎的站点，不会感觉出PHP的速度与其他的有什么明显的不同。
PHP的特点有：
▲ 学习过程相对简单。只要了解一些基本的语法和语言特色，就可以开始PHP程序的编写。
▲ 与数据库连接性好。PHP可以编译成能与许多数据库相连接的函数。PHP与MySQL是现在绝佳的组合。还可以自己编写外围的函数间接存取数据库。通过这些的途径，当更换使用数据库时，可以轻松地更改编码以适应相应的变化。
▲ 良好的可扩展性。就像前面说的那样，PHP已经进入了一个高速发展的时期。对于一个非程序员来说，为PHP扩展附加功能可能会比较难，但是对于一个PHP程序员来说并不难。
▲ 面向对象编程。PHP提供了类和对象，基于Web的编程工作非常需要面向对象的编程能力，PHP支持构造器、提取类等。
▲ 良好的可伸缩性。早先网页的交互作用是通过CGI来实现的。CGI程序的伸缩性不很理想。因为它为每一个正在运行的CGI程序都开了一个独立进程。解决方法就是将经常用来编写CGI程序的语言解释器编译进自己的Web服务器。内嵌的PHP可以具有更高的可伸缩性。
1.5.3 ASP
ASP(Active Server Pages 的缩写)的中文译名是“活动服务器页”，是微软推出的用以取代CGI的技术。简单来说，ASP是一套服务器端的脚本运行环境，通过ASP可以结合HTML网页、ASP指令和ActiveX元素建立动态、交互、高效的Web服务器应用程序。
ASP优于CGI的地方是不用学习一门专门的编程语言来创建CGI应用程序，它提供了创建交互网页的简便方法，只要将一些简单的指令嵌入到HTML文件中，就可以从表单中收集数据。ASP还可以利用ADO(Active
Data Object的缩写，微软开发的一种数据访问模型)方便地访问数据库，使得开发基于WWW的应用系统成为可能。
ASP是目前最热门的Web技术。
ASP的特点将在第3章第1节详细介绍。
1.5.4 JSP
JSP(Java Server Pages)也是当前比较热门的Web技术，是由SUN公司发布的。JSP为创建高度动态的Web 应用提供了一个独特的开发环境。
JSP与Microsoft的ASP技术非常相似。两者都提供了在HTML代码中混合某种程序代码、由语言引擎解释执行程序代码的能力。在ASP或JSP环境下，HTML代码主要负责描述信息的显示样式，而程序代码则用来描述处理逻辑。普通的HTML页面只依赖于Web服务器，而ASP和JSP页面需要附加的语言引擎分析和执行程序代码。程序代码的执行结果被重新嵌入到HTML代码中，然后一起发送给浏览器。ASP和JSP都是面向Web服务器的技术，客户端浏览器不需要任何附加的软件支持。
JSP的特点如下：
▲ 将内容的生成和显示进行分离。Web页面开发人员可以使用 HTML或者XML标志来设计和格式化最终页面，使用JSP标志或者小脚本来生成页面上的动态内容。生成的内容逻辑上被封装在标志和JavaBeans组件中，并且捆绑在小脚本中，所有的脚本在服务器端运行。如果核心逻辑被封装在标志和JavaBeans中，那么其他人，如Web管理人员和页面设计者，能够编辑和使用JSP页面，而不影响内容的生成。在服务器端，JSP引擎解释JSP标志和小脚本，生成所请求的内容，并且将结果以HTML（或者XML）页面的形式发送回浏览器。这有助于作者保护自己的代码，而又保证了任何基于HTML的Web浏览器的完全可用性。
▲ 生成可重用的组件。绝大多数JSP页面信赖于可重用的、跨平台的组件（JavaBeans或者Enterprise JavaBeansTM组件）来执行应用程序所要求的更为复杂的处理。开发人员能够共享和交换执行普通操作的组件，或者使得这些组件为更多的使用者或者客户团体所使用。基于组件的方法加速了总体开发过程，并且使得各种组织在他们现有的技能和优化结果的开发努力中得到平衡。
▲ 采用标志简化页面开发。Web页面开发人员不会都是熟悉脚本语言的编程人员。JSP技术封装了许多功能，这些功能是在易用的、与JSP相关的XML标志中，进行动态内容生成所需要的、标准的JSP标志能够访问的JavaBeans组件，设置或者检索组件属性，下载Applet，以及执行用其他方法更难于编码和耗时的功能。通过开发定制标志库，JSP技术是可以扩展的。今后，第三方开发人员和其他人员可以为常用功能创建自己的标志库。这使得Web页面开发人员能够使用熟悉的工具如同标志一样的执行特定功能的构件来工作。
▲ 由于JSP页面的内置脚本语言是基于Java编程语言的，而且所有的JSP页面都被编译为Java Servlet，JSP页面就具有Java技术的所有好处，包括健壮的存储管理和安全性。
▲ 可靠且移植方便。作为Java平台的一部分，JSP拥有Java编程语言“一次编写，各处运行”的特点。随着越来越多的供应商将JSP支持添加到他们的产品中，可以使用自己所选择的服务器和工具，更改工具或服务器并不影响当前的应用。
PHP、ASP、JSP是目前运用最多的三种交互式网页制作技术，它们各有优缺点，难分伯仲。本教材选择介绍ASP，这是基于以下几个方面的考虑：
▲ ASP功能强大又简单易学，VBScript是它默认的脚本语言，而VBScript由源于VB，很多人熟悉VB，有一定有语言基础。
▲ ASP程序相对容易开发和维护。
▲ 微软强大的技术支持。
▲ 与常用的Windows操作系统和IE浏览器兼容性好。
▲ 技术发展相对成熟，并且有丰富的ASP资源，它也是目前最常用的动态网页制作技术，有广大的ASP。
当然，学习Web程序设计技术是一通百通，我们只要掌握好ASP，有了ASP的基础，如果需要再去学习PHP或JSP等，则是件相对容易的事。
|
 什么是Web程序设计技术？ |
 就是用于实现动态交互式功能的网页制作技术，即动态网页制作技术，通过Web程序语言设计的动态网页可以根据用户的即时操作和即时请求，网页内容发生相应的变化，从而可以实现功能强大的交互式操作。常用的Web程序设计技术有CGI、PHP、ASP、JSP、ASP.Net等。 |
| 为什么ASP技术很流行？ |
ASP是目前最热门的Web技术。
1.易学。ASP功能强大又简单易学，VBScript是它默认的脚本语言，而VBScript由源于VB，很多人熟悉VB，有一定有语言基础。ASP程序相对容易开发和维护。
2.微软产品，微软强大的技术支持，并且与常用的Windows网络操作系统和IE浏览器兼容性好。
3.资源丰富。技术发展相对成熟，并且有丰富的ASP资源。
4.软硬件环境要求低。ASP运行环境低，连早期的WIN98都支持ASP；对服务器硬件配置要求低，个人PC设置为WEB服务器也能跑动ASP系统。
适合中小型动态网站建站。 |
ASP技术使用前景如何，会不会很快被淘汰？ |
任何一项技术均有一定的生命期。微软的本意是，推出ASP.net以取代ASP，但从目前来看，ASP还是开发中小型动态网站最适合的技术。理由有：
1．开发门槛低，易掌握。学习ASP.net要有一定的基础，需要经过系统的软件开发课程学习，需要系统的程序开发知识，只适合有一定软件开发基础的人学习掌握。除了大型网站，一般中小型网站的制作者通常是一个人，他需要掌握网站和网页框架构建、FLASH制作、图片处理，如果还要掌握利用.NET开发后台，势必对制作者来说，难度较大，但他可以选择学习容易掌握的ASP技术来开发后台。
2．对于中小型网站的交互功能来说，用ASP技术就容易实现，没有必要使用.NET技术。通常.NET技术用于通过团队力量来开发大型交互式系统，比如网上电子商务系统、电子政务系统，我们学院引进的正方教务管理系统，其B/S部分就是用.NET技术开发的。 |
有很多ASP资源可利用，似乎没有必要去学习ASP？ |
网站建设者可以通过很多途径获得现成的ASP系统，可以奉行“拿来主义”，这样似乎没有必要去学习ASP？但实际情况并不是这样。
的确，ASP之所以这么红火，其中一个很重要原因是资源丰富。掌握ASP技术的人很多，他们会把自主开发的系统放在网上供人下载，也有一些软件公司也提供ASP资源。但，如何你要开发ASP技术动态网站，必须掌握ASP，原因有：
1．如果你对ASP不了解，寻找到现成的ASP系统，你也不知道如何嵌入到你的网站中。
2．单纯性质的留言板、BBS不需修改，可以直接放在你的网站中使用，但是其它系统，很难完全适合你网站的需求，你需要利用你掌握的ASP技术进行修改完善，以期符合你网站的实际情况和实际需求。
3．一些针对性或个性化的系统，无法获得，需要你量体裁衣，自主开发。例如学院网站上就业调查系统、食堂工作调查系统相对项目多，比较复杂，需要自己编写。 |
ASP页面与HTML页面相比，谁的打开速度快？ |
ASP页面运行速度比普通的HTML页面要慢，毕竟ASP程序放在服务器端，要由服务器解释并转化成标准的HTML页面，还要读取后台数据库，因此造成速度相应比较慢。
为了减轻服务器的负担，同时提升网站页面打开速度，一些信息长久不变的页面，最好做成静态页面。 |
学习ASP，要掌握HTML语言吗？ |
一定要，通常学习顺序是，先掌握静态网页语言HTML，再学习动态技术。在ASP页面文件中，通常即有HTML代码，又有ASP代码，ASP代码是嵌入在HTML代码适当位置处，与之混合在一起。
在HTML代码中，表单类的代码要非常熟悉，因为通常在ASP系统中通常是通过表单形式采集浏览者信息,与之交互。 |
| 如何理解ASP运行在服务器端，而VB脚本运行在客户端浏览器上？ |
用以下例子：
建两个文件，其一为静态页，包含以下VB脚本代码：
<script language="vbscript">
MsgBox now()
</script>
由于VB脚本由客户端浏览器解析，所以，显示的时间是你的电脑的系统时间，你可以更改你的电脑的系统时间，可以看到弹出消息框中的时间随之变化。
另一为ASP文件，包含以下ASP代码：
<%=now()%>
由于ASP代码由服务器解析，所以，显示的时间是服务器的系统时间，更改你的电脑的系统时间，可以看到页面时间没有随之变化。
|
| 请看实际效果：VB脚本显示时间 ASP显示时间 |
| FLASH版演示教案： |
| FLASH版演示教案 |
| FLASH |
| 在DW中照葫芦画，初识ASP |
| 在线测试： |
| 在线测试 |
| 实训作业： |
1、在Windows的记事本里编写一个简单的Web页面，在IE里该页面显示效果为：标题栏显示“ASP程序”，
页面区里显示“ASP是目前最受欢迎的动态网页制作技术”。
2、在记事本中，手工输入方式生成以下ASP页面，试运行并在浏览器端查看解析生成的HTML源代码。在作业本中抄写以下代码
页面1：
<html>
<head>
<title>ASP程序范例</title>
</head>
<body>
<H2 align="center">欢迎您光临</H2>
<p align="center">
<%
Response.Write "您来访的时间是：" & Year(date()) & "年" & Month(date()) & "月" & Day(date()) & "日"
%>
</body>
</html>
页面2：
<html>
<head>
<title>ASP程序范例</title>
</head>
<body>
<%For I=3 To 6 %>
<font size="<%=I%>">您好！盛达欢迎您~</font><br>
<%Next%>
</body>
</html> |
| 本章小结 |
本章介绍了Web 技术的一些基本概念，主要介绍了HTML的基本结构；静态网页和动态网页的特点；Web
服务器的设置情况；表单的基本知识；数据库的基本知识以及SQL语言的概况等，最后简单介绍了几种Web程序设计技术。 |
| 备注： |
上网多浏览一些交互式网站，并注意观察其交互页面的文件后缀。asp.net是一种新兴的WEB交互式技术，虽然目前交互式网站用的不多，但是未来的发展方向，同学们可以浏览微软和洪恩网站的交互式页面，并注意观察其页面文件后缀为aspx。 |
| |
教学前言
相关的基础知识
Web的基本概念及相关知识