web设计-第02章-概述.ppt
浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术(开发技术(.NET.NET)1 1信息学院 陈伟锋Web开发技术(.NET)浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术(开发技术(.NET.NET)2 概述第二章浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术(开发技术(.NET.NET)3 3C/SC/S与与B/SB/S模式介绍模式介绍C/SC/S与与B/SB/S模式模式 C/SC/S模式介绍模式介绍 1.1.客户端客户端(Client)/(Client)/服务器服务器(Server)(Server)模式。模式。2.2.主要业务逻辑集中在客户端,增加安全隐患。主要业务逻辑集中在客户端,增加安全隐患。3.3.客户端安装、调试、维护、升级比较困难。客户端安装、调试、维护、升级比较困难。B/SB/S模式介绍模式介绍 1.1.浏览器浏览器(Browns)/(Browns)/服务器服务器(Server)(Server)模式。模式。2.2.主要业务逻辑集中在服务器端,安全隐患小。主要业务逻辑集中在服务器端,安全隐患小。3.3.客户端安装、调试、维护、升级比较简单。客户端安装、调试、维护、升级比较简单。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术(开发技术(.NET.NET)4 4C/SC/S与与B/SB/S模式介绍模式介绍C/SC/S模式案例模式案例:浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术(开发技术(.NET.NET)5 5C/SC/S与与B/SB/S模式介绍模式介绍B/SB/S模式案例模式案例:浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术(开发技术(.NET.NET)6 6静态网页与动态页面静态网页与动态页面静态网页与动态页面静态网页与动态页面(1)(1)静态网页特点静态网页特点:uu静态网页的内容相对稳定,设计网页时静态网页的内容相对稳定,设计网页时,预先定义好的。预先定义好的。uu静态网页没有数据库的支持,交互性差。静态网页没有数据库的支持,交互性差。uu网页文件多以网页文件多以.htm.htm、.html.html等常见形式为后缀。等常见形式为后缀。uu可以出现各种动态的效果,如可以出现各种动态的效果,如.GIF.GIF格式的动画、格式的动画、FLASHFLASH、滚动字母等,但只是视觉上的。、滚动字母等,但只是视觉上的。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术(开发技术(.NET.NET)7 7静态网页与动态页面静态网页与动态页面静态网页与动态页面静态网页与动态页面(2)(2)动态网页特点动态网页特点uu一般有数据库的支持,交互性好。一般有数据库的支持,交互性好。uu可以实现更多的功能,如用户注册、用户登录、在线可以实现更多的功能,如用户注册、用户登录、在线调查、用户管理、订单管理等等。调查、用户管理、订单管理等等。uu动态网页实际上并不独立存在动态网页实际上并不独立存在,只有当用户请求时服务只有当用户请求时服务器才返回一个完整的网页。器才返回一个完整的网页。uu网页文件多以网页文件多以jspjsp、phpphp、aspasp等常见形式为后缀等常见形式为后缀,且且一般含有一般含有?。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术(开发技术(.NET.NET)8 8静态网页案例静态网页案例:静态网页与动态页面静态网页与动态页面浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术(开发技术(.NET.NET)9 9静态网页与动态页面静态网页与动态页面动态网页案例动态网页案例:浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术(开发技术(.NET.NET)1010动态网页技术介绍动态网页技术介绍动态网页技术介绍动态网页技术介绍(1)(1)早期动态网页技术早期动态网页技术-CGI-CGIuuCGICGI即即Common Gateway Interface(Common Gateway Interface(公用网关接口公用网关接口)。您。您可以使用不同的程序编写适合的可以使用不同的程序编写适合的CGICGI程序,如程序,如Visual Visual BasicBasic、DelphiDelphi或或C/CC/C等。等。uu编程困难、效率低下、修改复杂。编程困难、效率低下、修改复杂。uu逐渐被新技术逐渐被新技术(PHP/ASP(PHP/ASP、ASP.net/JSPASP.net/JSP等等)取代。取代。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术(开发技术(.NET.NET)1111动态网页技术介绍动态网页技术介绍动态网页技术介绍动态网页技术介绍(2)PHP(2)PHPuuPHPPHPHypertext Preprocessor(Hypertext Preprocessor(超文本预处理器超文本预处理器)uu语法借鉴了语法借鉴了C C、JavaJava、PerlPerl等语言等语言uu优点优点:1.:1.跨平台、良好的数据库交互能力。跨平台、良好的数据库交互能力。2.2.代码开源代码开源,良好的安全性。良好的安全性。3.3.支持很多的数据库。支持很多的数据库。uu缺点缺点:1.:1.数据库升级时数据库升级时,需要大量更改代码。需要大量更改代码。2.2.安装复安装复杂杂,需要许多外部的应用程序。需要许多外部的应用程序。3.3.自由软件,缺少正自由软件,缺少正规的商业软件的支持。规的商业软件的支持。4.4.源代码无法编译源代码无法编译,一般只能一般只能供内部使用供内部使用,无法实现商品化。无法实现商品化。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术(开发技术(.NET.NET)1212动态网页技术介绍动态网页技术介绍动态网页技术介绍动态网页技术介绍(3)JSP(3)JSPuuJSPJSPJava Server PagesJava Server Pagesuu它是由它是由Sun MicrosystemSun Microsystem公司于公司于19991999年年6 6月推出的新技月推出的新技术,是基于术,是基于Java ServletJava Servlet以及整个以及整个JavaJava体系的体系的WebWeb开发开发技术。技术。uu优点优点:1.:1.平台适应性广。平台适应性广。2.2.编译后运行,运行效率高。编译后运行,运行效率高。3 3、跨平台,一次编译,随处运行。、跨平台,一次编译,随处运行。4.4.免费且开源。免费且开源。uu缺点缺点:Java:Java体系庞大体系庞大,开发环境不如开发环境不如.net,.net,配置比较复杂,配置比较复杂,因此学习难度也大一些。因此学习难度也大一些。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术(开发技术(.NET.NET)1313动态网页技术介绍动态网页技术介绍动态网页技术介绍动态网页技术介绍(4)ASP(4)ASPuuASPASPActive Server PagesActive Server Pagesuu脚本语言有两种脚本语言有两种:VBScript:VBScript、Jscript(Jscript(与与JavaScriptJavaScript相似相似)uu优点优点:1.:1.简单易学、参考资料丰富。简单易学、参考资料丰富。2.2.安装方便。安装方便。uu缺点缺点:1.:1.无法跨平台无法跨平台,只能用在只能用在WindowsWindows下。下。2.2.安全性问题安全性问题突出。突出。3.3.它是被解释执行的,并不是被编译执行的,所它是被解释执行的,并不是被编译执行的,所以速度比较慢。以速度比较慢。4.4.不支持类,很难封装复杂的外理逻辑。不支持类,很难封装复杂的外理逻辑。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术(开发技术(.NET.NET)1414动态网页技术介绍动态网页技术介绍动态网页技术介绍动态网页技术介绍(5)ASP.net(5)ASP.netuuASPASP的升级平台的升级平台,但变化非常大。但变化非常大。uu脚本语言有两种脚本语言有两种:VB:VB、C#C#。uu优点优点:1.:1.简单易学、参考资料丰富。简单易学、参考资料丰富。2.2.安装方便。安装方便。3.3.被被编译后再执行的,所以效率较高。编译后再执行的,所以效率较高。4.4.支持类,支持面支持类,支持面向对象。向对象。5.5.厂商强大。厂商强大。uu缺点缺点:平台是收费的、且不开源。平台是收费的、且不开源。浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术(开发技术(.NET.NET)1515.NET Framework.NET Framework介绍介绍uu.NET Framework.NET Framework 中文简称中文简称框架,是一个多语言组框架,是一个多语言组件开发和执行环境,它提供了一个跨语言的统一编程环件开发和执行环境,它提供了一个跨语言的统一编程环境。境。uu其目的是便于开发人员更容易地建立其目的是便于开发人员更容易地建立WebWeb应用程序和应用程序和WebWeb服务,使得服务,使得InternetInternet上的各应用程序之间,可以使用上的各应用程序之间,可以使用WebWeb服务进行沟通。服务进行沟通。uu构成构成:公共语言运行库公共语言运行库 和和 .NET Framework.NET Framework 类库类库uu版本版本:1.0:1.0版版(00(00年年)-1.1)-1.1版版(03(03年年,第一个比较成熟版本第一个比较成熟版本)-2.0)-2.0版版(05(05年年)-3.0)-3.0版版(07(07年年)-3.5)-3.5版版(08(08年年)-4.0)-4.0版版(Beta2(Beta2测试版测试版,最新最新)支持的语言支持的语言:c#:c#、VB.netVB.net、VC+.netVC+.net、VJ#VJ#等等浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术(开发技术(.NET.NET)1616.NET Framework.NET Framework介绍介绍浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术(开发技术(.NET.NET)1717C#C#介绍介绍uuC#C#是微软公司在是微软公司在20002000年年7 7月发布的一种面向对象的、运月发布的一种面向对象的、运行于行于.NET Framework.NET Framework之上的高级程序设计语言。之上的高级程序设计语言。uu发音发音:意为意为C+,C+,专业人士一般读做专业人士一般读做 “C C sharpsharp“(sharp(sharp有利刃的含义有利刃的含义),),中文译音暂时没有中文译音暂时没有,但但很多非专业一般读很多非专业一般读“C C井井”。uuC#C#是一种安全的、稳定的、简单的,由是一种安全的、稳定的、简单的,由C C和和C+C+衍生出衍生出来的面向对象的编程语言,它综合了来的面向对象的编程语言,它综合了VBVB简单的可视化简单的可视化操作和操作和C+C+的高运行效率,是的高运行效率,是.NET.NET开发的首选语言。开发的首选语言。uu版本版本:1.0(2000:1.0(2000年年)-2.0(04)-2.0(04年年)-3.0(05)-3.0(05年年)浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术(开发技术(.NET.NET)1818Visual StudioVisual Studio介绍介绍uuVisual Studio(Visual Studio(简称简称vs)vs)是微软推出的一个完整的集成是微软推出的一个完整的集成开发环境开发环境(IDE)(IDE),它集成了,它集成了框架,可以快速开发出框架,可以快速开发出各种各种应用程序。应用程序。uu版本版本:vs6.0(98:vs6.0(98年年)-vs2002()-vs2002(内部版本号内部版本号7.0)-7.0)-vs2003(vs2003(内部版本号内部版本号7.1)-vs2005-vs2008-vs20107.1)-vs2005-vs2008-vs2010浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术(开发技术(.NET.NET)1919vs2008vs2008版本介绍版本介绍uu(速成版速成版)安装方便安装方便,适合学习用或单语言快速开发适合学习用或单语言快速开发,但功能有限但功能有限 uu(专业版专业版)功能完善,适合个人开发者。功能完善,适合个人开发者。uu(团队版团队版-用于开发人员用于开发人员)在专业版基础上提供了高级开发工具,使开发团队能够在专业版基础上提供了高级开发工具,使开发团队能够在软件开发过程早期或常常在整个生命周期中进行高质在软件开发过程早期或常常在整个生命周期中进行高质量的协作量的协作uu(团队版团队版-集成套件集成套件)最强大的版本最强大的版本,是一套高生产力的、集成的、可扩展的是一套高生产力的、集成的、可扩展的生命周期开发工具生命周期开发工具 浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术(开发技术(.NET.NET)2020vs2008vs2008界面介绍界面介绍浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术(开发技术(.NET.NET)2121ASP.NETASP.NET开发环境的搭建开发环境的搭建uuIISIIS:Internet Information ServerInternet Information ServerWindows XP proWindows XP pro:IIS 5.1IIS 5.1Windows 7Windows 7:IIS 7.0IIS 7.0uuVisual Studio 2008/2010Visual Studio 2008/2010浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术(开发技术(.NET.NET)2222主要文件夹主要文件夹文件夹文件夹说说 明明Bin包含程序所需的所有已编译程序集(.dll 文件)。应用程序中自动引用Bin文件夹中的代码所表示的任何类APP_Code包含页使用的类(如.cs、.vb和.jsl文件)的源代码App_GlobalResources包含编译到具有全局范围的程序集中的资源(.resx和.resources文件)App_LocalResources包含与应用程序中的特定页、用户控件或母版页关联的资源(.resx和.resources文件)App_WebReferences包含用于定义在应用程序中使用的 Web 引用的引用协定文件(.wsdl文件)、架构(.xsd文件)和发现文档文件(.disco和.discomap文件)App_Browsers包含ASP.NET用于标识个别浏览器并确定其功能的浏览器定义(.browser)文件主题包含用于定义ASP.NET网页和控件外观的文件集合(.skin和.css文件、图像文件及一般资源)浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术(开发技术(.NET.NET)2323主要扩展名主要扩展名文文 件件扩扩 展展 名名Web用户控件.ascxHTML页.htmXML页.xml母版页.masterWeb服务.asmx全局应用程序类.asaxWeb配置文件.config网站地图.sitemap外观文件.skin样式表.css浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术(开发技术(.NET.NET)2424ASP.NETASP.NET页面指令页面指令uuASP.NETASP.NET页面中的前几行一般是页面中的前几行一般是这样的代码,这样的代码,这叫做页面的指令,用来定义这叫做页面的指令,用来定义ASP.NETASP.NET页分析器和编译页分析器和编译器使用的特定于该页的一些定义。在器使用的特定于该页的一些定义。在.aspx.aspx文件中使用文件中使用的页面指令一般有以下几种的页面指令一般有以下几种。%Register%浙江财经大学信息学院浙江财经大学信息学院WebWeb开发技术(开发技术(.NET.NET)2525ASP.NETASP.NET页面基本语法页面基本语法uu服务器端服务器端注释注释%-%uu服务器端文件包含服务器端文件包含uuHTMLHTML服务器控件语法服务器控件语法 runat=serveruuASP.NETASP.NET服务器控件服务器控件语法语法/uu代码块和表达式代码块和表达式%,%=%