Web应用引论.ppt

《Web应用引论.ppt》由会员分享，可在线阅读，更多相关《Web应用引论.ppt（41页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、L/O/G/O第第1章章 Web应用引论应用引论褚龙现褚龙现软件学院软件学院理论课要求理论课要求理论课要求理论课要求v上课期间要求上课期间要求关闭所携带的各类电子产品（关闭所携带的各类电子产品（不要发出任何声不要发出任何声音音影响上课）影响上课）严禁交头接耳（安排课堂讨论除外）严禁交头接耳（安排课堂讨论除外）不允许睡觉不允许睡觉有以上违纪者，将给予多种形式的批评教育有以上违纪者，将给予多种形式的批评教育鼓励回答问题鼓励回答问题软件学院软件学院实验课要求实验课要求实验课要求实验课要求v课堂要求除了满足理论课要求，还应该课堂要求除了满足理论课要求，还应该不许大声喧哗不许大声喧哗不许带、吃零食不许带

2、、吃零食严禁打游戏、看电影（一次课发现两次或者一严禁打游戏、看电影（一次课发现两次或者一学期累计三次，取消实验成绩）学期累计三次，取消实验成绩）下课时将凳子摆放整齐下课时将凳子摆放整齐软件学院软件学院作业要求作业要求作业要求作业要求v本周理论课布置的作业，下周上理论课时，学习本周理论课布置的作业，下周上理论课时，学习委员按学号由小到大排序后上交委员按学号由小到大排序后上交v实验课布置的作业要求下课前，交到指定位置，实验课布置的作业要求下课前，交到指定位置，实验报告下次上机课交，要求同理论课作业实验报告下次上机课交，要求同理论课作业v不交作业的同学按缺课处理不交作业的同学按缺课处理软件学院软件学

3、院课课课课 程程程程 介绍介绍介绍介绍v课程的地位、先修课程课程的地位、先修课程v课程设置的目的课程设置的目的v课程、课堂的要求以及考核方式课程、课堂的要求以及考核方式v课程主要介绍那些主要内容课程主要介绍那些主要内容v参考书参考书v课程解决的问题课程解决的问题vWebWeb应用基础应用基础软件学院软件学院课课课课 程程程程 地地地地 位位位位v本课程是一门本课程是一门专业方向专业方向课程，它主要讲授如课程，它主要讲授如何使用何使用JAVAJAVA（内容较多）技术开发基于（内容较多）技术开发基于B/SB/S架架构的应用程序。构的应用程序。v先修课程：要求学习者具备一定的先修课程：要求学习者具备

4、一定的javajava基础，基础，因此必须先修因此必须先修javajava程序设计程序设计。另外该课。另外该课程需要操作数据库，因此必须具备关系数据程需要操作数据库，因此必须具备关系数据库操作的基本技能库操作的基本技能软件学院软件学院课课课课 程程程程 目目目目 标标标标v学习学习JavaEE概念以及架构概念以及架构主要关注主要关注webweb层的编程层的编程v学习核心的学习核心的JavaEE技术技术HTML、Servlet,JSP、JDBC、MVC，JSTLv了解构建企业应用技术的流行技术了解构建企业应用技术的流行技术Struts2，Spring框架、Hibernate软件学院软件学院课程特

5、点和学习方法课程特点和学习方法课程特点和学习方法课程特点和学习方法v课程特点课程特点内容繁杂，记忆性东西偏多内容繁杂，记忆性东西偏多实践内容多，编码量大实践内容多，编码量大实用性强，对职业发展意义重大实用性强，对职业发展意义重大v学习方法学习方法认真听讲，做好笔记认真听讲，做好笔记多多练习，以编程为主来掌握知识和技巧多多练习，以编程为主来掌握知识和技巧软件学院软件学院课程要求及考核方式课程要求及考核方式课程要求及考核方式课程要求及考核方式v认真听讲、把握上课时的思路；认真完成作业、项认真听讲、把握上课时的思路；认真完成作业、项目以及实验。目以及实验。v考核方式：考核方式：平时成绩平时成绩+实验

6、成绩实验成绩+期末试卷成绩期末试卷成绩v注意：注意：考试之前不给复习题、不划范围考试之前不给复习题、不划范围考试之前提交平时成绩、之后不可更改考试之前提交平时成绩、之后不可更改软件学院软件学院课程要求及考核方式课程要求及考核方式课程要求及考核方式课程要求及考核方式v考勤：考勤：考勤共考勤共100100分，每旷课分，每旷课1 1次扣次扣1010分，分，迟到迟到1 1次扣次扣5 5分；平时成绩扣光的不分；平时成绩扣光的不得参加期末考试得参加期末考试v实验：实验：实验共实验共100100分，每次实验报告成绩分，每次实验报告成绩等级为优等级为优(10)(10)良良(8)(8)中中(6)(6)差差(4)

7、(4)，每缺交一次实验报告扣每缺交一次实验报告扣5050分分软件学院软件学院课课课课 程程程程 内内内内 容容容容vWEB UIWEB UI（HTML+JavaScript+CSSHTML+JavaScript+CSS ）vServletServletvJSPJSP基本语法基本语法vJSPJSP常用内置对象常用内置对象vJDBCJDBCvJavaBeanJavaBeanvMVCMVCv自定义标记自定义标记vJSTLJSTL软件学院软件学院参参参参 考考考考 书书书书CSS网站布局实录网站布局实录(第第2版版)李超李超 编著编著 JavaScript权威指南（第四版）权威指南（第四版）Flana

8、gan,D.著著 Java Web开发详解开发详解孙鑫孙鑫 编著编著 软件学院软件学院vClient/Server Client/Server 结构结构vBrowser/Server Browser/Server 结构结构v两种结构优缺点两种结构优缺点常见应用程序结构常见应用程序结构常见应用程序结构常见应用程序结构软件学院软件学院常见应用程序结构常见应用程序结构常见应用程序结构常见应用程序结构v客户机客户机/服务器服务器(Client/Server,C/S)模式：模式：服务器只集中管理数据，计算任务分散在客户机上，客服务器只集中管理数据，计算任务分散在客户机上，客户机和服务器之间通过网络协议来

9、进行通讯户机和服务器之间通过网络协议来进行通讯;客户机向服客户机向服务器发出数据请求，服务器将数据传送给客户机进行计务器发出数据请求，服务器将数据传送给客户机进行计算，计算完毕，计算结果可返回给服务器。算，计算完毕，计算结果可返回给服务器。另外一种情形是，客户端先进行简单的预处理，然后将另外一种情形是，客户端先进行简单的预处理，然后将处理后的结果再提交给服务器进行进一步的处理。处理后的结果再提交给服务器进行进一步的处理。这种模式我们也通常成为这种模式我们也通常成为胖客户端模式胖客户端模式。软件学院软件学院v传统的两层客户传统的两层客户/服务器服务器v特点特点客户端程序自行开发客户端程序自行开发

10、(一般使用一般使用VBVB、C+)C+)它它负责与数据库的连接，负责处理本地的一些负责与数据库的连接，负责处理本地的一些业务逻辑。然后在每个客户端安装。业务逻辑。然后在每个客户端安装。C/S结构结构常见应用程序结构常见应用程序结构常见应用程序结构常见应用程序结构软件学院软件学院v优点优点很多工作在客户端处理后再提交服务器，因此很多工作在客户端处理后再提交服务器，因此客户端响应速度快客户端响应速度快v缺点缺点更新、部署麻烦，维护耗时更新、部署麻烦，维护耗时v应用场景应用场景开发管理信息系统，操作时间集中；要求系统开发管理信息系统，操作时间集中；要求系统有很好的响应速度和友好的操作界面。如医院有很

11、好的响应速度和友好的操作界面。如医院门诊系统挂号业务门诊系统挂号业务C/S结构结构常见应用程序结构常见应用程序结构常见应用程序结构常见应用程序结构软件学院软件学院常见应用程序结构常见应用程序结构常见应用程序结构常见应用程序结构v浏览器浏览器/服务器服务器(Browser/Server,B/S)模式：模式：客户端使用通用的浏览器客户端使用通用的浏览器(如：如：NetScapeNetScape、ExplorerExplorer或或FireWorkFireWork)代替各种应用软件，服务器则为代替各种应用软件，服务器则为WebWeb服务器。服务器。浏览器和服务器之间通过浏览器和服务器之间通过TCP/

12、IPTCP/IP通信协议进行连接，浏通信协议进行连接，浏览器发出请求，由览器发出请求，由WebWeb服务器向后台取出数据进行计算，服务器向后台取出数据进行计算，并将结果返回给浏览器。并将结果返回给浏览器。这种模式，我们通常将其成为这种模式，我们通常将其成为瘦客户端模式瘦客户端模式。典型的系统：网上银行、网上书店、典型的系统：网上银行、网上书店、BlogBlog等等等等软件学院软件学院v浏览器浏览器/服务器结构服务器结构v特点特点不需要开发和安装客户端程序，通过浏览不需要开发和安装客户端程序，通过浏览WebWeb服务器上的服务器上的WebWeb应用程序，把程序的执行结果应用程序，把程序的执行结果

13、显示到客户端的浏览器上显示到客户端的浏览器上常见应用程序结构常见应用程序结构常见应用程序结构常见应用程序结构B/S结构结构软件学院软件学院v优点优点客户端零维护、应用范围广客户端零维护、应用范围广v缺点缺点客户端功能上会有所限制客户端功能上会有所限制v应用场景应用场景要求满足异地工作需求，对效率要求不是特要求满足异地工作需求，对效率要求不是特别高。别高。常见应用程序结构常见应用程序结构常见应用程序结构常见应用程序结构B/S结构结构软件学院软件学院B/SB/S基础知识基础知识基础知识基础知识v万万维网（网（WWW）是世界上最大的电子信息仓库，由众多的是世界上最大的电子信息仓库，由众多的WebWe

14、b站站点组成。每个点组成。每个WebWeb站点都包含一些特定的资源，站点都包含一些特定的资源，这些资源存放于一台或多台被称作这些资源存放于一台或多台被称作WebWeb服务器的服务器的计算机之上。正式大量的计算机之上。正式大量的WebWeb站点提供了丰富多站点提供了丰富多彩的资源，才能够使得用户能够通过网络快速高彩的资源，才能够使得用户能够通过网络快速高效地获取他们需要的资源。如电子商务网站（阿效地获取他们需要的资源。如电子商务网站（阿里巴巴等）、以及我们日常使用的教务管理系统里巴巴等）、以及我们日常使用的教务管理系统等等一些系统。等等一些系统。软件学院软件学院v静态网页静态网页用用HTMLHT

15、ML标记构造，网页一经制成，内容就不会再变化，标记构造，网页一经制成，内容就不会再变化，不管何时何人访问，显示的都是一样的内容，如果要不管何时何人访问，显示的都是一样的内容，如果要修改有关内容，必须修改源代码，然后重新上传到服修改有关内容，必须修改源代码，然后重新上传到服务器上务器上B/SB/S基础知识基础知识基础知识基础知识网页分类网页分类-静态网页静态网页软件学院软件学院B/SB/S基础知识基础知识基础知识基础知识网页分类网页分类-静态网页静态网页v静静态网网页及其及其执行行过程程首先用户在浏览器的地址栏中键入要访问的地址，首先用户在浏览器的地址栏中键入要访问的地址，并回车出发请求（或者通

16、过通过点击超级链接的方并回车出发请求（或者通过通过点击超级链接的方式触发）。式触发）。浏览器将请求发送到指定的浏览器将请求发送到指定的WebWeb服务器上。服务器上。WebWeb服务器接收请求并根据服务器接收请求并根据htmhtm或或htmlhtml后缀判断所请后缀判断所请求的静态网页求的静态网页WebWeb服务器从硬盘或者内存中读取正确的服务器从硬盘或者内存中读取正确的htmhtm页面，页面，然后将其送回用户浏览器。然后将其送回用户浏览器。软件学院软件学院B/SB/S基础知识基础知识基础知识基础知识网页分类网页分类-动态网页动态网页v动态网网页：是指能：是指能够根据用根据用户的的请求而求而动

17、态生成生成显示的示的结果果不需要维护人员经常手动更新，它能够根据不同的时间，不需要维护人员经常手动更新，它能够根据不同的时间，不同的人产生不同的页面。不同的人产生不同的页面。目前绝大多数的网站采用的都是动态网页技术如目前绝大多数的网站采用的都是动态网页技术如JSPJSP、ASPASP、ASP.netASP.net、PHPPHP以及以及CGICGI技术等。技术等。动态网页技术根据实现的不同还可以分为：动态网页技术根据实现的不同还可以分为：客户端动态网页技术客户端动态网页技术服务器端动态网页技术服务器端动态网页技术软件学院软件学院B/SB/S基础知识基础知识基础知识基础知识网页分类网页分类-动态网

18、页动态网页v客客户端端动态网网页技技术客户端动态网页技术与静态网页非常类似，只是客户端动态网页技术与静态网页非常类似，只是客户端的浏览器在接收到服务器端传送而来的资客户端的浏览器在接收到服务器端传送而来的资源时，还需要负责对其中的源时，还需要负责对其中的javaScriptjavaScript或或 VBSriptVBSript脚本进行解释执行，并产生动态效果。脚本进行解释执行，并产生动态效果。实现语言：实现语言：JavaScriptJavaScript和和VBScriptVBScript脚本语言。脚本语言。软件学院软件学院B/SB/S基础知识基础知识基础知识基础知识网页分类网页分类-动态网页动

19、态网页软件学院软件学院B/SB/S基础知识基础知识基础知识基础知识网页分类网页分类-动态网页动态网页v服服务器端器端动态网网页技技术首先用户在浏览器的地址栏中键入要访问的地址，并首先用户在浏览器的地址栏中键入要访问的地址，并回车出发请求（或通过通过点击超级链接方式触发）回车出发请求（或通过通过点击超级链接方式触发）浏览器将请求发送到指定的浏览器将请求发送到指定的WebWeb服务器上服务器上WebWeb服务器接收请求并根据后缀（如服务器接收请求并根据后缀（如.jspjsp、phpphp）判断）判断所请求的动态网页所请求的动态网页WebWeb服务将这个动态网页文件从头到尾执行，并根据执服务将这个动

20、态网页文件从头到尾执行，并根据执行的结果生成相应的行的结果生成相应的HTMLHTML文件文件将生成的将生成的HTMLHTML文件送回浏览器文件送回浏览器用户端的浏览器对这些用户端的浏览器对这些HTMLHTML文件进行解析并显示文件进行解析并显示软件学院软件学院v浏览器是一个用于文档检索和显示的客户浏览器是一个用于文档检索和显示的客户应用程序，并通过超文本传输协议应用程序，并通过超文本传输协议HTTPHTTP（HyperTextHyperText Transfer Protocol Transfer Protocol）与）与WebWeb服务器相连服务器相连 v常见的浏览器常见的浏览器IEIE、N

21、etscapeNetscape、MozillaMozilla FirefoxFirefox等等等等浏览器浏览器浏览器浏览器软件学院软件学院vHypertext Transfer ProtocolHypertext Transfer Protocol工作原理工作原理软件学院软件学院HTTPvURLURL的组织方式的组织方式 http:/http:/ vHTTPHTTP协议是基于请求协议是基于请求/响应模式响应模式超文本传输协议超文本传输协议服务器域名或站服务器域名或站点服务器的名称点服务器的名称服务器的子目录服务器的子目录文件夹中的一个文件夹中的一个页面文件页面文件软件学院软件学院本课程要解决的

22、问题本课程要解决的问题本课程要解决的问题本课程要解决的问题v解决基于解决基于B/S架构中架构中动态页面（含面（含业务处理）理）v典型的典型的应用有：用有：博客博客网上商店网上商店电子政务电子政务网上教务网上教务 软件学院软件学院主流服务器端动态网页技术主流服务器端动态网页技术主流服务器端动态网页技术主流服务器端动态网页技术vCGI公共网关接口，公共网关接口，common gatewaycommon gatewayv微微软的的.net平台（平台（ASP.net）vPHP原名为原名为Personal Home Page,Personal Home Page,现名为：现名为：Hypertext Pr

23、eprocessorHypertext PreprocessorvJava系列服系列服务器端技器端技术JavaEEJavaEE平台平台,本课程主要涉及本课程主要涉及web web 层层软件学院软件学院主流服务器端动态网页技术主流服务器端动态网页技术主流服务器端动态网页技术主流服务器端动态网页技术vCGI是早期用来建立是早期用来建立动态网网页的技的技术。v工作原理：工作原理：客户端项服务器上指定的客户端项服务器上指定的CGICGI程序发送请求程序发送请求WebWeb服务器启动一个新的进程执行此服务器启动一个新的进程执行此CGICGI程序程序程序执行后将结果以网页的形式发送给客户端程序执行后将结果

24、以网页的形式发送给客户端CGI软件学院软件学院主流服务器端动态网页技术主流服务器端动态网页技术主流服务器端动态网页技术主流服务器端动态网页技术CGIv优点是可以使用多种点是可以使用多种语言言进行行编制制,如如C，,VB,Perl,甚至是甚至是Javav缺点是缺点是:CGICGI应用程序的运行依赖于服务器的支持，对服务应用程序的运行依赖于服务器的支持，对服务器的要求很高。器的要求很高。CGICGI程序是以独立进程的方式进行运行的，所以比程序是以独立进程的方式进行运行的，所以比较耗费资源，降低系统的性能较耗费资源，降低系统的性能CGICGI不是长驻内存的因此增加了磁盘操作不是长驻内存的因此增加了磁

25、盘操作CGICGI编写起来不容易编写起来不容易不同的操作系统很少进行通用，移植很复杂不同的操作系统很少进行通用，移植很复杂软件学院软件学院主流服务器端动态网页技术主流服务器端动态网页技术主流服务器端动态网页技术主流服务器端动态网页技术 ASP/ASP.netvASP.netASP.net是微软提出的是微软提出的webweb应用程序解决方案，应用程序解决方案，用于用于开发的服务器端动态网页技术开发的服务器端动态网页技术vASP.NET ASP.NET 是统一的是统一的 Web Web 应用程序平台，它提供了应用程序平台，它提供了为建立和部署企业级为建立和部署企业级 Web Web 应用程序所必需

26、的服务。应用程序所必需的服务。ASP.NET ASP.NET 为能够面向任何浏览器或设备的更安全的、为能够面向任何浏览器或设备的更安全的、更强的可升级性、更稳定的应用程序提供了新的编更强的可升级性、更稳定的应用程序提供了新的编程模型和基础结构。程模型和基础结构。软件学院软件学院主流服务器端动态网页技术主流服务器端动态网页技术主流服务器端动态网页技术主流服务器端动态网页技术J2EEvJ2EE的任的任务是提供一个平台独立的、便携式、多用是提供一个平台独立的、便携式、多用户、安全以及、安全以及标准的企准的企业级平台，服平台，服务器端部署用器端部署用Java技技术来完成。来完成。J2EE主要用于主要用

27、于创建可建可扩展的展的企企业应用，包括用，包括13种核心技种核心技术规范：范：v1、JDBC（Java Database Connectivity，Java数据数据库连接）接）v2、JNDI（Java Naming and Directory Interface，Java命名和目命名和目录接口）接口）v3、EJB（Enterprise Java Bean，企，企业级JavaBean）v4、RMI（Remote Method Invocation，远程方法程方法调用）用）v5、JSP（Java Server Pages，Java服服务器端器端页面）面）v6、Servlet（服（服务器端小程序）器

28、端小程序）v7、XML（eXtensible Markup Language）v8、JMS（Java Messaging Service，Java消息服消息服务）v9、IDL（Interface Description Language，接口描述，接口描述语言）言）v10、JTA（Java Transaction Architecture，Java事事务框架）框架）v11、JTS（Java Transaction Service，Java事事务服服务）v12、JavaMail（Java邮件）件）v13、JAF（JavaBean Activation Framework，JavaBean活活动框

29、架）框架）软件学院软件学院J2EE总体结构图总体结构图软件学院软件学院J2EE的的N层体系结构层体系结构软件学院软件学院JSPJSP应用项目结构应用项目结构应用项目结构应用项目结构v浏览器端用户界面的开发：浏览器端用户界面的开发：HTMLHTML，开发静态网页，开发静态网页JavaScriptJavaScript，简单的事件响应，输入验证。，简单的事件响应，输入验证。CSSCSS，浏览页面的美观，浏览页面的美观AppletApplet，应用于客户端，应用于客户端数据库浏览器浏览器HTTPWeb 容器容器JDBC软件学院软件学院JSPJSP应用项目结构应用项目结构应用项目结构应用项目结构数据库浏

30、览器浏览器HTTPWeb 容器容器JDBCv服务器端业务逻辑处理的开发：服务器端业务逻辑处理的开发：JavaJava语言基础语言基础 JSPJSP知识知识ServletServlet知识知识 JavaBeansJavaBeans知识知识MVC MVC 自定义标记自定义标记 JSTLJSTL 流行流行WebWeb开发框架开发框架软件学院软件学院JSPJSP应用项目结构应用项目结构应用项目结构应用项目结构数据库浏览器浏览器HTTPWeb 容器容器JDBCv数据库的开发：数据库的开发：数据库的原理和设计数据库的原理和设计数据库的创建及维护数据库的创建及维护SQLSQL语言以及存储过程等语言以及存储过程等L/O/G/O下次课程内容下次课程内容HTML概述概述