高级Web应用开发

3第1章 Web应用开发概述 31.1 Web应用与B/S体系结构 31.1.1 从桌面应用程序到Web应用程序 41.1.2 B/S体系结构 41.1.3 网页设计与Web程序设计 41.2 动态网页与动态网站 41.2.1 Web服务器与Web站点 41.2.2 动态网页及其主要特征 51.2.3 网站工作模式 51.2.4 三种高级Web技术比较 61.3 高级Web程序设计技术基础 61.3.1 CSS样式技术 71.3.2 客户端脚本技术——JavaScript 71.3.3 面向对象编程 71.3.4 脚本编程语言 71.3.5 MVC开发模式 81.3.6 Ajax技术简介 101.3.7 XML基础 101.4 含有数据库访问的Web程序设计 111.4.1 文件型数据库 111.4.2 数据库服务器 121.4.3 数据库访问技术 13习 题 快递公司问题件快递公司问题件货款处理关于圆的周长面积重点题型关于解方程组的题及答案关于南海问题 1 14实验1 高级Web应用开发技术基础 15第2章 ASP.NET网站及其集成开发环境 152.1 ASP.NET与ASP比较 152.1.1 .NET框架体系 152.1.2 ASP.NET功能介绍 162.1.3 ASP.NET网站与ASP网站的区别 16*2.1.4 .NET项目与ASP.NET网站的关系 172.2 VS 2008集成开发工具介绍 172.2.1 Visual Studio 2008概述 182.2.2 代码窗口与设计窗口同步显示 192.2.3 VS 2008的联机帮助 202.3 使用VS 2008开发ASP.NET网站的一般 步骤 新产品开发流程的步骤课题研究的五个步骤成本核算步骤微型课题研究步骤数控铣床操作步骤 202.3.1 新建ASP.NET网站 202.3.2 新建Web窗体页 212.3.3 在VS 2008中浏览网站与网页 212.4 ASP.NET窗体模型 212.4.1 单文件页模型 222.4.2 代码隐藏页模型 232.5 ASP.NET窗体页面语法 232.5.1 页面指令与属性 242.5.2 Web窗体前台和后台代码注释 242.5.3 代码块语法<% %> 262.5.4 数据绑定语法<%#%> 262.5.5 表达式语法<%$:%> 272.6 ASP.NET网站配置文件 272.6.1 网站配置文件Web.config 282.6.2 Global.asax保存用于整个站点设置的代码 29习题2 30实验2 ASP.NET网站集成开发环境的使用 第1章 Web应用开发概述 随着Web时代的到来，诞生了许多Web上的新兴应用及其相关软件，而许多传统的应用软件也往往需要改造成为Web上的应用软件。Web 开发是一个指代网页或网站编写过程的广义术语。本章主要介绍Web上的应用软件开发的原理和相关概念，介绍了高级Web程序设计的若干基础技术，并对几种主要的Web编程技术进行了对比。本章学习要点如下： · 掌握B/S体系结构； · 几种常用的动态网站开发技术比较； · 掌握Web应用开发的主要内容； · 数据库技术与Web编程； · Ajax技术简介； · 掌握面向对象方法在高级Web编程中的应用。 1.1 Web应用与B/S体系结构 1.1.1 从桌面应用程序到Web应用程序 Web应用程序是相对于传统的桌面应用程序而言的。桌面应用程序安装到本地计算机后，在本地运行应用程序的代码，而Web应用程序则运行在某处的Web服务器上，要借助于网络并通过Web浏览器访问这种应用程序。Web应用程序具有如下特点。 1. Web是图形化的和易于导航的 Web 非常流行的一个很重要的原因就在于它可以在一页上同时显示色彩丰富的图形和文本，因为在Web之前Internet上的信息只有文本形式。Web具有将图形、音频、视频信息集合于一体的特性。同时，Web是非常易于导航的，只需要从一个连接跳到另一个连接，就可以在各页各站点之间进行浏览了。 2. Web与平台无关 无论你什么样的系统平台，你都可以通过Internet访问WWW。无论Windows平台、UNIX平台、Macintosh，还是别的什么平台，我们都可以访问WWW。对WWW的访问是通过一种叫做浏览器（Browser）的软件实现的。Netscape 的Navigator、Microsoft的Explorer等都是浏览器。 3. Web是分布式的 大量的图形、音频和视频信息会占用相当大的磁盘空间，我们甚至无法预知信息的多少。对于Web，没有必要把所有信息都放在一起，信息可以放在不同的站点上。只需要在浏览器中指明这个站点就可以了。使在物理上并不一定在一个站点的信息在逻辑上一体化，从用户来看这些信息是一体的。 4. Web 是动态的 由于各Web站点的信息包含站点本身的信息，信息的提供者可以经常对站上的信息进行更新。Web站点上信息的动态特性是由信息的提供者来保证的。 5. Web是交互的 Web的交互性首先表现在它的超连接上，用户的浏览顺序和所到站点完全由他自己决定。另外，通过FORM的形式可以从服务器方获得动态的信息。用户通过填写FORM可以向服务器提交请求，服务器可以根据用户的请求返回相应信息。 1.1.2 B/S体系结构 B/S即Browser/Server，代表浏览器/服务器。对于B/S结构，只要在客户机上安装一个浏览器，在服务器端安装SQL Server等数据库软件，客户端应能访问网站里的数据库资源。B/S结构的最大优点是客户端不需要安装其他专门的软件，即实现了客户端软件的零维护。 1.1.3 网页设计与Web程序设计 一个简单的静态页面，可能不会包含程序。但是，动态网页设计，往往会包含程序设计。例如，设计ASP网站中访问数据库的页面时，需要先使用ADO组件提供的连接对象建立连接，然后使用记录集对象创建查询得到的记录集，最后对记录集进行输出，这就是Web程序设计。 1.2 动态网页与动态网站 1.2.1 Web服务器与Web站点 Web服务器也称为WWW服务器，主要功能是提供网上信息浏览服务。目前，使用比较广泛的Web服务器是IIS服务器和Apache服务器。 Web服务器是指驻留于因特网上某种类型计算机内的一种被动程序。当Web浏览器（客户端）连到服务器上并请求文件时，服务器将处理该请求并将文件发送到该浏览器上，服务器使用HTTP（超文本传输协议）进行信息交流。Web服务器不仅能够存储信息，还能在用户通过Web浏览器提供的信息的基础上运行脚本和程序。 Web站点由一系列逻辑上可以视为一个整体的多个页面组成，这些页面之间存在链接关系。此外，网站还指页面中用到的素材文件（如图像、动画等）和访问的数据库文件。 Web站点是以超文本标注语言HTML（Hyper Text Markup Language）与超文本传输协议HTTP（Hyper Text Transfer Protocol）为基础，能够提供面向Internet服务的、一致的用户界面的信息浏览系统。 URL是Universal Resource Locator的英文缩写，即统一资源定位器。URL是表示Web上资源的一种方法，可以理解为资源的地址。一个URL通常包括协议代码、主机地址、文件在主机中的路径和文件名（含扩展名）等。 1.2.2 动态网页及其主要特征 动态网页的共同特征是含有只能在Web服务器端执行的服务器代码；而浏览静态网页时，Web服务器是直接将页面代码发送给客户端并由浏览器程序解释执行。动态网页的具体特征如下： · 动态网页能实现动态效果和交互效果。如数据库查询页面； · 数据程序设计是动态网页设计的核心，用于表示业务逻辑； · 具有Response与Request、Session与Application等常用内置对象； · 运行环境差异较大。例如，JSP和PHP还具有跨平台特性； · 代码分层与代码复用。例如界面代码与业务代码相分离，通过定义类实现代码复用。 1.2.3 网站工作模式 网站工作模式分为解释型和编译型两种，这如同计算机程序设计语言。 早期的ASP网站，使用IIS服务器，对于服务器端执行的脚本是通过脚本引擎解释执行的；而后来的ASP.NET网站，采用编译模式。ASP.NET采用立在公共语言运行库上的编程框架，各种编程语言共享公共类库，运行时先要将源代码转换成称为MSIL的中间代码后，再在通用语言运行时CLR（Common Language Runtime）环境上执行，即CLR为Microsoft.NET应用程序提供了一个托管的代码执行环境。 JSP网站也是编译型的。JSP网站通常使用称为Tomcat的服务器来处理JSP页面中的服务脚本代码，Tomcat除了具有Web服务器的功能外，还作为JSP/Servlet容器，每个JSP页面最终被转译为一个具有响应用户请求的特别的Java Web应用程序—Servlet。 1.2.4 三种高级Web技术比较 ASP.NET是微软公司推出的Web开发平台，尤其是推出配套的集成开发工具Viusal Sdudio 2008（以下简称VS 2008或VS）后，使得动态网站开发变得很容易。 PHP技术为是影响网页内容及其显示格式的标记符的集合。浏览器打开一个网页的过程，也就是浏览器程序解释该文档内的所有标记的过程。 JSP技术配套的集成开发工具是MyEclipse，JSP网站的运行需要构建Web服务器（通常使用Tomcat）。Tomcat是Apache 软件基金会（Apache Software Foundation）的Jakarta 项目中的一个核心项目，由Apache、Sun 和其他一些公司及个人共同开发而成。Tomcat 技术先进、性能稳定，而且免费，因而深受Java 爱好者的喜爱，成为目前比较流行的Web 应用服务器。 表1-1 三种高级Web开发技术比较简表 技术 指标 ASP.NET PHP JSP/Servlet 适用Web项目 大中小型项目 中小型项目 大中小型项目 面向对象 支持 最新的版本支持 支持 运行平台 Windows Windows/Unix 大多数平台 数据库支持 多 多 多 对XML的支持 支持 支持 支持 对组件的支持 支持 不支持 支持 安全性 一般 高 高 扩展性 较好 差 好 服务器空间价格 便宜 便宜 较贵 运行速度 较快 较快 快 难易程序 简单 简单 容易 使用的Web服务器 IIS Apache Tomcat 脚本处理模式 编译 解释 编译 1.3 高级Web程序设计技术基础 高级Web程序设计与简单的ASP程序设计相比，涉及更多的技术，下面简要介绍之。 1.3.1 CSS样式技术 CSS样式技术本身并不是Web程序设计的内容，他只是控制HTML元素的外观，如文本、表格等。CSS样式分为基于元素的样式、基于类的样式和外部样式三种。 基于元素的样式也称内联样式，是在定义HTML元素时通过style属性引入CSS样式。例如： 文字 基于类的样式可以应用不同的HTML元素，在页面头部的