Web应用程序开发能力培养.ppt

《Web应用程序开发能力培养.ppt》由会员分享，可在线阅读，更多相关《Web应用程序开发能力培养.ppt（38页珍藏版）》请在三一办公上搜索。

1、本章学习目标,Web应用程序的框架结构 当前主流的Web服务器和浏览器 Web动态网页中包含的动态要素 脚本语言的功能、特点 常用的网页制作工具及功能、特点 Web应用程序开发涉及到哪些相关技术,引言,随着Internet、电子商务的发展，网站或者说网页日益成为政府、企业及个人宣传自己的十分重要的手段，网页制作已成为一个热门职业。Web应用程序开发指的就是网页制作以及网站软件构建。一个成功的网站必须具备强大的实现功能，需要很多开发工具和技术。总之，一个功能强大的企业网站，不是仅用一种开发工具就可以完成的，必然需要综合地使用各项技术。,本章目录,8.1 浏览器/服务器应用框架 8.2 网页设计语

2、言 8.3 网页制作工具 8.4 脚本语言 8.5 相关技术,8.1 浏览器/服务器应用框架,8.1.1 Web应用框架浏览器/服务器结构 8.1.2 Web服务器 8.1.3 Web浏览器 8.1.4 Web动态网页要素,8.1.1 Web应用框架浏览器/服务器结构,Web应用程序一般采用浏览器/服务器结构（Browser/Server，B/S），它是由客户/服务器（Client/Server，C/S）结构转化而来的。随着Web技术的发展，由于HTTP协议为所有的应用提供了统一的基础，解决了通信层的问题。在基于Web的Browser/Server下，将Web应用划分为以下四层。第一层是人机界

3、面，第二层是业务规则层，第三层由服务器来完成将业务数据向技术数据转换，第四层为应用服务器。,8.1.1 Web应用框架浏览器/服务器结构,浏览器/服务器结构的主要优点如下：1.由于Web支持底层的TCP/IP协议，使Web网与目前使用的几乎所有局域网都可以做到无缝连接，从而彻底解决了异构系统间的连接问题。2.由于Web采用了“瘦客户端”，使系统开放性得到很大改善，系统对将要访问系统的用户数的限制有所放松。,8.1.1 Web应用框架浏览器/服务器结构,3.系统的相对集中性使得系统的维护和扩展变得更加容易。比如，数据库存储空间不够，可再加一个数据库服务器；系统要增加功能，可以新增一个应用服务器来

4、运行新功能。4.界面统一（全部为浏览器方式），操作相对简单。5.业务规则和数据捕获的程序容易分发。,8.1.2 Web服务器,Web服务器是Web站点的心脏和灵魂。Web服务器不仅可以按HTML文档形式提供静态Web页，而且能够执行一些可极大地增加站点内容的应用程序。执行Web服务器上内容的构想并不是一个新思路。以前，Web服务器使用通用网关接口（Common Gateway Interface，CGI）来获取站点内容。,8.1.2 Web服务器,图8.1 Web服务的框架结构：使用CGI等技术,CGL，ISAPI或NSAPI程序,请示服务,回应,远程数据库,8.1.2 Web服务器,动态服务

5、器网页技术（Active Server Pages，ASP）,WWW服务器,执行脚本程序,生成HTML,填充ASP模板,8.1.2 Web服务器,常用的Web服务器软件系统主要有以下几种。（1）Internet信息服务器。（2）个人Web服务器。（3）FrontPage服务器扩展。（4）Netscape Enterprise Server。（5）Apache。,8.1.3 Web浏览器,市场上的Web浏览器主要有Microsoft公司的Internet Explorer（IE）和Netscape公司的Netscape Navigator。,8.1.4 Web动态网页要素,依赖浏览器技术的动态要

6、素有：（1）页面描述语言：HTML，DHTML和CSS。（2）脚本语言：VBScript和JavaScript。（3）对象技术：ActiveX控件，JavaBeans，JavaApplet和Plug-ins。服务器端的动态要素有：（1）ASP。（2）脚本语言：VBScript和JavaScript。（3）ASP内置对象，ActiveX组件，Enterprise JavaBeans。（4）数据库接口支持：ODBC，JDBC，OLE DB，ADO等。,8.1.4 Web动态网页要素,图8.3 网页请求和应答,8.2 网页设计语言,8.2.1 HTML语言简介。8.2.2 XML,8.2.1 HTM

7、L语言简介,HTML是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档 HTML文档的一个重要特性就是能通过一系列标记把多种媒体的信息综合在一起。HTML文档经由浏览器解释，并由浏览器将这些信息取出来放到自身的窗口中，就形成了内容丰富多彩的网页。Web浏览器自身不能解释声音和视像文件，但它能通过其他辅助工具的帮助来播放声音和视像文件。,8.2.2 XML,XML（eXtensible Markup Language，可扩展标记语言）XML是互联网联合组织（W3C）创建的一组规范，以便于软件开发人员和内容创作者在网页上组织信息，与HTML一样，XML也源自SGML

8、（Standard Generalize Markup Language，通用标记语言）突破了HTML固定标记集合的约束，使文件的内容更丰富更复杂，并组成一个完整的信息体系 良好的数据存储格式、可扩展性、高度结构化、便于网络传输是XML的四大主要特点,8.3 网页制作工具,精通HTML语言当然最好，但HTML语言语法较为烦琐，现在也出现了众多的HTML编辑工具，有的实现了“所见即所得”。采用这些工具，不必再考虑HTML语言本身，而只把精力集中到页面风格和内容的设计上。8.3.1 FrontPage 8.3.2 Visual InterDev 8.3.3 Dreamweaver 8.3.4 Fi

9、reworks 8.3.5 Flash,8.3.1 FrontPage,微软推出FrontPage以来，制作网页已不再是专业人员的专利 FrontPage 2003 对 Web 开发的促进作用主要体现在三个方面。1.设计更漂亮的站点 2.更快捷、简便地生成代码 3.扩展网站的功能和覆盖范围,8.3.2 Visual InterDev,Visual InterDev是Microsoft公司所推出的Web应用程序开发工具，它类似于 Visual Basic和Visual C+这样传统的应用程序开发工具。Visual InterDev是一个功能强大的用于Internet和 Intranet领域创建和

10、维护动态Web站点的工具。,8.3.3 Dreamweaver,Dreamweaver 是美国Macromedia公司开发的集网页制作和网站管理于一身的所见即所得网页编辑器 Dreamweaver基本实现了两者的结合，既产生干净、准确的HTML代码，又具备所见即所得的高效率、直观性。Dreamweaver是一个可视化的网页设计和网站管理工具，全FTP功能，能处理Flash和Shockwave等多媒体格式和动态HTML，适于基于团队的Web创作；在编辑上可以选择喜欢的源码编辑方式，快速的HTML Tag编辑器，Fireworks中元素导入功能，新的对象包括DAT、E-mai1、导航条等。,8.3

11、.4 Fireworks,Fireworks是第一个完全为网页制作者设计的图像软件。Fireworks给Web设计带来的革命性的变化表现在下述几方面。1强大的Web作图功能 2大大简化主页设计的流程 3跨越了图形与HTML之间的障碍,8.3.5 Flash,网页制作新宠Flash是一种交互式矢量多媒体技术，是Web发展的一个大流派。它是基于矢量的图形系统，各元素都是矢量的 它使用插件方式工作 它还提供其他的一些增强功能。比如，支持位图、声音、渐变色、Alpha透明等 Flash影片其实是一种“准”流（Stream）形式文件,8.4 脚本语言,8.4.1 脚本语言简介 8.4.2 JavaScr

12、ipt,8.4.1 脚本语言简介,脚本语言的出现为在网页中使用各种技术提供了有力的支持。Microsoft的 VBScript（Visual Basic Scripting Edition）、JScript和Netscape公司的JavaScript（一种类似C、Java的面向对象语言）是几种典型的脚本语言。现在的开发工具（如Visual InterDev）能够帮助我们比较轻松地完成复杂的脚本语言程序的编写。可以在HTML文件中直接嵌入VBScript脚本，从而能够扩展HTML，使它不仅仅是一种页面格式语言。VBScript也可以作为服务器端编程语言。,8.4.2 JavaScript,Jav

13、aScript是Web上第一个直叙语言（Scripting Language），由Netscape公司开发并随Navigator 2.0导航者一起发布的、介于Java与HTML之间、基于对象事件驱动的编程语言。JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言。JavaScript具有以下几个基本特点。（1）简单性。（2）动态性。（3）跨平台性。（4）节省CGI的交互时间。,8.4.2 JavaScript,JavaScript程序的引入 JavaScript最好写在HTML文件中的标记之间，这样可以让JavaScript的程序代码在触发任何事件之前第一个被载入。JavaSc

14、ript代码由说明。在编写JavaScript脚本时，可以像编辑HTML文档一样，在字符编辑器或HTML文档编辑器中输入JavaScript脚本的代码。,8.5 相关技术,8.5.1 CGI程序 8.5.2 ASP技术 8.5.3 ASP.NET 8.5.4 ActiveX 8.5.5 Java和JavaApplet,8.5.1 CGI程序,在物理上，CGI是一段程序，它运行在服务器上，提供同客户端HTML页面的接口。CGI就像一座桥，把网页和Web服务器中的执行程序连接起来，CGI就像一个邮差，把HTML接收的指令传递给服务器，再把服务器执行的结果返还给HTML页面。用CGI可以实现表格处理

15、、数据库查询和电子邮件收发等许多操作。CGI程序被称为脚本，可以用任何一种自己熟悉的语言去编写，如C/C+，Visual Basic，Perl，Java，JavaScript，VBScript等。现在主流的开发工具是Perl，其前身是UNIX专用的高级语言。,8.5.2 ASP技术,ASP即ActiveX Server Page，是微软公司的新一代开发动态网页的技术，ASP属于服务器端技术。当浏览器向Web服务器请求调用ASP文件时，就启动了ASP。Web服务器开始调用ASP，将被请求的.asp文件从头读到尾，执行每一个命令，然后动态生成一个HTML页面并送到浏览器。ASP实际上是将标准的HT

16、ML文件拓展了一些附加特征。,8.5.3 ASP.NET,ASP.NET是活动服务器页面ASP的最新版本，可以编译用包括Visual Basic在内的任一种.NET语言编写的应用程序。可以利用公共语言运行库和托管代码的优点。ASP.NET使得Web开发变得更为容易，因为它可以为Web窗体和Web服务提供同Windows应用程序一样的调试支持。,8.5.4 ActiveX,ActiveX是从Microsoft的复合文档技术OLE成长起来的。ActiveX包括：l独立于语言的组件对象模型COM。l组件软件规范ActiveX控件/组件。l分布式组件对象模型。ActiveX的元素有：ActiveX控件

17、、ActiveX文档、ActiveX脚本、Java虚拟机以及ActiveX服务器构架。,8.5.5 Java和JavaApplet,1Java Java基本上是一个虚拟机和解释型动态语言 JDBC大致基于ODBC标准 JavaBeans是JavaSoft公司为建立动态和可交互的Java组件提供的模型,8.5.5 Java和JavaApplet,2JavaApplet JavaApplet又称Java小应用程序。当浏览器下载Java的类别文件时，浏览器的内置Java虚拟机会读出字节代码，并运行适合于操作系统的本地指令，这就是Java获得操作系统独立性的过程。Java小应用程序受制于严格的安全方法

18、，所以它常常被限制在一个安全的处理区域，这被称为“沙盒”。,本章小结,Web应用程序一般采用浏览器/服务器应用框架结构（B/S），它是由客户机/服务器结构（C/S）转化而来的。在B/S结构中有两大要素：Web服务器和Web浏览器。Web动态网页中的“动态”既包含了浏览器端动态的要素，也包含了服务器端动态的成分。依赖浏览器技术的动态要素有：页面描述语言HTML、DHTML和CSS；脚本语言 VBScript和JavaScript；对象技术 ActiveX控件、JavaBeans、JavaApplet和Plug-ins。,本章小结,服务器端的动态要素有：ASP；ASP.NET；脚本语言VBScri

19、pt和JavaScript；ASP内置对象、ActiveX组件、Enterprise JavaBeans；数据库接口支持：ODBC、JDBC、OLE DB、ADO等。网页制作工具有FrontPage，Dreamweaver，Fireworks，Flash，Visual InterDev等。,习题八,8-1 简述B/S结构中，Web服务器的工作方式。8-2 试画出使用CGI技术的Web服务的框架结构图。8-3 试画出使用ASP技术的Web服务的框架结构图。8-4 当前主流的Web服务器和浏览器分别有哪几种？8-5 Web动态网页中依赖浏览器技术的动态要素主要有哪些？,习题八,8-6 Web动态网页中服务器端的动态要素主要有哪些？8-7 试谈谈你对HTML语言和XML语言的认识。8-8 当前主流的网页制作工具主要有哪些，它们分别有什么功能特点？8-9 试谈谈对脚本语言的认识。8-10 Web应用程序开发中涉及到哪些相关技术？,