HTML5与ASPNET程序设计教程第01章 概述

2017年6月29日星期四
5
1.1 应用程序的分类及特点
B/S和C/S开发模式的比较
从编程方式和软件部署的角度来看
从传输协议和速度上来看 从功能和程序依赖性这个角度来看
2017年6月29日星期四
6
1.1 应用程序的分类及特点
富互联网应用程序模型
富互联网应用程序（Rich Internet Application），简称RIA。 用RIA技术编写的应用程序既可以在浏览器中运行，也可以脱离 浏览器运行。如果脱离浏览器运行，其效果与 C/S模式的窗体应 用程序几乎没什么区别。
【例1-2】
2017年6月29日星期四
12
本章作业
习题 1、2、3、4
2017年6月29日星期四
13
第1章 概述
Ch1 概述
1.1 应用程序的分类及特点 1.2 W3C和ECMA标准 1.3 VS2010集成开发环境
1.4 网页分类与基本代码交互技术
ห้องสมุดไป่ตู้
2017年6月29日星期四
2
1.1 应用程序的分类及特点
从开发形式、采用的网络协议、部署方式以及业务逻辑处 理的复杂度这些方面来介绍目前的应用程序开发类型。
2017年6月29日星期四 4
1.1 应用程序的分类及特点
B/S编程模型
B/S（Browser/Server，浏览器/服务器）模式又称B/S结构， 是指以HTTP为传输协议的技术和体系结构。客户端使用一种通用 的应用程序，简称为浏览器。 B/S模式的开发人员只需要开发发布在Web服务器上的程序即 可，从而简化了客户端的部署。另外，在传统的 B/S模式下，不像 传统C/S模式那样采用建立连接后都能主动发送信息给对方的方式， 而是服务器被动地接收客户端浏览器发送的请求。
2017年6月29日星期四 10
1.4 网页分类与基本代码交互技术
静态网页与动态网页
静态网页：静态网页是指客户端从Web服务器获取网页后，该 网页与Web服务器没有任何交互的HTML页。
动态网页：动态网页是指网页与Web服务器协同工作，随不同 用户、不同时间的操作，返回不同信息的网页。
静态网页与动态网页的适用范围
C/S编程模型 B/S编程模型 富互联网应用程序模型
2017年6月29日星期四
3
1.1 应用程序的分类及特点
C/S编程模型
C/S（Client/Server，客户端/服务器），采用这种模式开发 的应用程序需要开发人员分别开发服务器端程序和客户端程序。
C/S模式的应用程序一般用TCP、UDP等网络协议编写网络应 用程序。在这种开发模式下，双方建立连接后，任意一方都可以 主动发送信息给对方，也都可以接收对方主动发送过来的信息。 由于这种模式是在客户端实现大多数的业务处理逻辑和界面操作， 而不是在服务器端实现，所以在传统概念上将其称为胖客户端。 注：P2P（peer-to-peer，对等互联网络技术）本质上也是一种 C/S应用程序
RIA模式的应用程序综合了传统C/S模式和传统B/S模式的优点， 使之既能像C/S那样在客户端完成复杂的企业级业务处理，又能 像B/S那样易于部署，所以受到广大开发人员的青睐。 RIA模型共同的特点是必须先在客户端安装一个插件，客户端才 能正常运行部署在Web服务器上的RIA程序。
2017年6月29日星期四 7
2017年6月29日星期四
8
1.2 W3C和ECMA标准
HTML
CSS
JavaScript和jQuery DOM C#语言
2017年6月29日星期四
9
1.3 VS2010集成开发环境
安装集成开发环境
VS2010开发工具+VS2010 SP1
安装扩展开发工具
安装jQuery、AJAX控件工具包、HTML Web Standards Update for VS2010 SP1
安装客户端浏览器
安装最新版IE浏览器、Chrome浏览器、Firefox浏览器
安装扩展管理工具
安装NuGet Package Manager；通过NuGet更新jQuery、 ASP.NET AJAX Control ToolKit；通过NuGet安装Web Standards Update for Microsoft Visual 2010 SP1
1.2 W3C和ECMA标准
W3C（World Wide Web Consortium，全球万维网联盟） 成立于1994年。像HTML、CSS、XML、XHTML和DOM （Document Object Model，文档对象模型）都属于W3C制定 的Web标准。
ECMA（European Computer Manufacturers Association，欧洲计算机制造联合会）是除了W3C之外另一 个比较有代表性的组织之一。 “标准JavaScript”实际上就是 指符合ECMA规定标准的JavaScript，也叫“ECMAScript”。
如果网站功能比较简单，内容更新量不是很大，采用静态网页的 方式会更简单，反之一般采用动态网页技术来实现。
2017年6月29日星期四
11
1.4 网页分类与基本代码交互技术
HTML页与Web窗体
HTML页模板：主要用途是设计与服务器交互比较少的网页。
【例1-1】
Web窗体模板：除了可以继续在页面中使用所有HTML5标记、 CSS、JavaScript、jQuery以外，还可以在网页中使用 ASP.NET服务器控件、母板页、内容页、AJAX以及AJAX扩展 等功能，同时也能使用C#编写后台代码。