JSP程序的设计的案例教程模块一语言基础模块(教学单元2Web技术概述)课件.ppt

1、第二讲 web技术概述授课课时：授课课时：4 4课时（课时（180180分钟）分钟）授课班级：软件授课班级：软件101101主讲教师：刘志成主讲教师：刘志成主要内容主要内容本讲目标任务1 认知静态网页和动态网页任务2 认知Web服务器和网络数据库任务3 比较JSP和ASP.NET任务4 比较C/S结构与B/S结构 课堂实践巩固与提高本课目标知识知识 了解静态网页中静态的概念了解静态网页中静态的概念 动态网页中动态的含义动态网页中动态的含义 JSP/ASP/ASP.NET/PHP的比较的比较 了解了解C/S模式与模式与B/S的特点的特点（重点、难点）（重点、难点）技能技能 能识别静态网页和动态网

2、页能识别静态网页和动态网页 能选择合适的能选择合适的Web服务器服务器 能选择合适的网络数据库能选择合适的网络数据库（重点）（重点）素质素质 严谨认真的工作态度严谨认真的工作态度语言表达和与人沟通能力语言表达和与人沟通能力团队合作精神团队合作精神任务1 认知静态网页和动态网页“网页设计与制作网页设计与制作”精品课程网站精品课程网站“JSP程序设计程序设计”精品课程网站精品课程网站“中国程序员中国程序员”csdn 案例案例教师展示网站信息任务1 认知静态网页和动态网页1.1.小组讨论分析静态网页和动态网页的异同。小组讨论分析静态网页和动态网页的异同。你认为静态网页和动态网页的不同点有哪些？你认为

3、静态网页和动态网页的不同点有哪些？你认为动态网页总是优于静态网页吗？你认为动态网页总是优于静态网页吗？2.2.选择小组代表汇报小组观点。选择小组代表汇报小组观点。小组活动小组活动静态网页 静态网页是指网页的静态网页是指网页的内容是固定内容是固定的，不会根据浏览者的不同需的，不会根据浏览者的不同需求而改变。求而改变。l 静态网页一般使用静态网页一般使用HTML（超文本标记语言）语言进行编写。（超文本标记语言）语言进行编写。l 静态网页通常静态网页通常.htm、.html、.shtml、.xml等为文件后缀名。等为文件后缀名。l 网页内容不会发生变化，除非网页内容不会发生变化，除非网页设计者网页设

4、计者修改了网页的内容。修改了网页的内容。l 不能实现和浏览网页的用户之间的交互。信息流向是单向的，不能实现和浏览网页的用户之间的交互。信息流向是单向的，即从服务器到浏览器。服务器不能根据用户的选择调整返回给用即从服务器到浏览器。服务器不能根据用户的选择调整返回给用户的内容。户的内容。l 在在HTML格式的网页上，也可以出现各种格式的网页上，也可以出现各种“动态效果动态效果”，如如.GIF格式的动画、格式的动画、FLASH、滚动字母等，但这些、滚动字母等，但这些“动态效果动态效果”只是视觉上的，而不是内容上的动态。只是视觉上的，而不是内容上的动态。动态网页是指在用户接到用户访问要求后动态生成的页

5、面，动态网页是指在用户接到用户访问要求后动态生成的页面，页面内容会随着访问时间和访问者发生变化。页面内容会随着访问时间和访问者发生变化。l 动态网页一般是在服务器端运行的程序、网页、组件。动态网页一般是在服务器端运行的程序、网页、组件。l 动态网页的内容只有当用户请求时服务器才返回一个完整动态网页的内容只有当用户请求时服务器才返回一个完整的网页。的网页。l 动态网页动态网页URL的后缀通常的后缀通常为为.asp、.jsp、.php、.perl、.cgi等形式。等形式。l 动态网页以数据库技术为基础，可以大大降低网站维护的动态网页以数据库技术为基础，可以大大降低网站维护的工作量。工作量。l 采用

6、动态网页技术的网站可以实现更多的功能，如用户注采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、搜索查询、用户管理、订单管理等。册、用户登录、搜索查询、用户管理、订单管理等。动态网页 静态网页VS动态网页 静态网页的静态网页的浏览过程浏览过程 动态网页的动态网页的工作原理图工作原理图 学生模仿1体验静态网页和动态网页1.学生进入学生进入163网站，分析网站中的静态部分网站，分析网站中的静态部分和动态部分。和动态部分。2.体验静态网页和动态网页的不同。体验静态网页和动态网页的不同。学生活动学生活动任务2 认知Web服务器和网络数据库 WEB服务器也称为服务器也称为WWW(WORLD

7、 WIDE WEB)服务器服务器，其作用是，其作用是整理整理和和储存储存各种各种WWW资源，并资源，并响应响应客户端软件的客户端软件的请求。请求。可以是物理上独立的一台机器，也可以是驻留于因特可以是物理上独立的一台机器，也可以是驻留于因特网上某种类型计算机的程序。网上某种类型计算机的程序。任务2 认知Web服务器和网络数据库 l 一台普通的计算机要成为一台普通的计算机要成为Web服务器，必须通过相应的程序（如服务器，必须通过相应的程序（如IIS、PWS、APACHE和和Tomcat等）来实现。等）来实现。l 当当Web浏览器浏览器（客户端）连到服务器上并请求文件时，服务器将处（客户端）连到服务

8、器上并请求文件时，服务器将处理该请求并将文件发送到浏览器上，附带的信息会告诉浏览器如何查理该请求并将文件发送到浏览器上，附带的信息会告诉浏览器如何查看该文件（即文件类型）。看该文件（即文件类型）。l 服务器使用服务器使用HTTP（Hypertext Transfer Protocol，超文本传输协，超文本传输协议）与客户端进行信息交流。议）与客户端进行信息交流。l 在在Windows操作系统中，如果采用操作系统中，如果采用ASP或或ASP.NET进行进行Web程序程序开发，则需要通过开发，则需要通过IIS来搭建来搭建Web服务器；如果采用服务器；如果采用PHP进行进行Web程序程序开发，则需要

9、通过开发，则需要通过APACHE来搭建来搭建Web服务器；如果采用服务器；如果采用JSP进行进行Web程序开发，则需要通过程序开发，则需要通过JDK和相关的应用服务器（如和相关的应用服务器（如Tomcat、WebLogic等）来搭建等）来搭建Web服务器。服务器。WebWeb服务器特点服务器特点任务2 认知Web服务器和网络数据库 网络数据库系统是指在网络数据库系统是指在计算机网络环境计算机网络环境下运行的数据库系下运行的数据库系统，它的数据库分散配置在网络节点上，能够对网络用户提统，它的数据库分散配置在网络节点上，能够对网络用户提供远程数据访问服务。有人把它也称为分布式数据库系统，供远程数据

10、访问服务。有人把它也称为分布式数据库系统，但是它只能算是一种特定的分布式数据库系统，它驻留在各但是它只能算是一种特定的分布式数据库系统，它驻留在各个网络节点上的数据库仍然是集中式的数据库。个网络节点上的数据库仍然是集中式的数据库。任务2 认知Web服务器和网络数据库 l网络数据库系统可以按照客户机网络数据库系统可以按照客户机/服务器模式或浏览器服务器模式或浏览器/服务服务器模式建立，但无论采用那种计算模式，数据库都是驻留在器模式建立，但无论采用那种计算模式，数据库都是驻留在后后台服务器台服务器上，通过网络通信，为前端用户提供数据库服务。上，通过网络通信，为前端用户提供数据库服务。l网络数据库系

11、统可以与网络数据库系统可以与Web服务器服务器同一台物理计算机同一台物理计算机，也可，也可以分布在单独的物理计算机上，以分布在单独的物理计算机上，称之为称之为数据库服务器数据库服务器。l网络数据库是网络数据库是Web程序开发的核心，用来存储用户的各种资程序开发的核心，用来存储用户的各种资源。源。l流行的流行的SQL Server、MySQL和和Oracle都是网络数据库系统。都是网络数据库系统。网络数据库系统特点网络数据库系统特点学生模仿2使用网络数据库系统1.使用使用SQL Server 2019将将e_Buy系统的数据系统的数据库通过运行脚本的方式创建库通过运行脚本的方式创建ShopSys

12、tem数数据库。据库。2.结合结合e_Buy电子商城体验电子商城体验Web服务器和网络服务器和网络数据库系统在动态网站开发中的主要作用。数据库系统在动态网站开发中的主要作用。学生活动学生活动任务3 比较JSP和ASP.NET ASP是是Active Server Page的缩写，意为的缩写，意为“动态动态服务器页面服务器页面”。ASP是是微软公司微软公司开发的代替开发的代替CGI脚本程脚本程序的一种应用，它可以与数据库和其它程序进行交互，序的一种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。是一种简单、方便的编程工具。ASP的网页文件的格的网页文件的格式是式是asp。PH

13、P 独特的语法混合了独特的语法混合了 C、Java、Perl 以及以及 PHP 自创的语法。它可以比自创的语法。它可以比 CGI或者或者Perl更更快速快速地执地执行动态网页。和其他的编程语言相比，行动态网页。和其他的编程语言相比，PHP是将程序是将程序嵌入到嵌入到HTML文档中去执行，执行文档中去执行，执行效率要高效率要高；PHP还还可以执行编译后代码，编译可以达到加密和优化代码可以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行更快。运行，使代码运行更快。ASPASP和和PHPPHP任务3 比较JSP和ASP.NETASP.NET是是ASP的的.NET版本，可以创建动态版本，可以

14、创建动态Web页面。页面。（1）ASP.NET方便快捷的从数据源（方便快捷的从数据源（ADO.NET）访问数）访问数据。据。（2）ASP.NET能用被称为能用被称为模板模板的编程代码集合来创建的编程代码集合来创建HTML文档。使用模板的优点是可以在文档。使用模板的优点是可以在HTML文档显示给用户之文档显示给用户之前，将从数据源检索到的内容动态插入前，将从数据源检索到的内容动态插入HTML文档中。因此，在文档中。因此，在从数据源检索到的内容发生变化时不需要手动修改信息。从数据源检索到的内容发生变化时不需要手动修改信息。（3）ASP.NET能将能将HTML的设计和数据检索机制的设计和数据检索机制

15、分离分离。这。这样，改变样，改变HTML设计不会影响数据库应用程序。类似的，服务器设计不会影响数据库应用程序。类似的，服务器脚本确保了对数据源进行修改时无需改动脚本确保了对数据源进行修改时无需改动HTML文档。文档。ASP.NET 和和JSP任务3 比较JSP和ASP.NETJSP是是Sun公司公司推出的新一代动态网站开发语言，可以在推出的新一代动态网站开发语言，可以在Servlet和和JavaBean的支持下，完成功能强大的动态网站程序的开发。的支持下，完成功能强大的动态网站程序的开发。（1）将内容的生成和显示进行分离。）将内容的生成和显示进行分离。（2）强调可重用的组件。）强调可重用的组件

16、。（3）采用标识简化页面开发。）采用标识简化页面开发。（4）相对）相对C，JSP的脚本语言的脚本语言JAVA也是面向对象的、分布式的、也是面向对象的、分布式的、解释的语言。解释的语言。（5）与）与C相似相似JAVA同样去掉了难以理解的指针等概念，取而代同样去掉了难以理解的指针等概念，取而代之的是类和对象。之的是类和对象。（6）JSP有一项全新的技术有一项全新的技术Servlet（服务器端程序）很好的（服务器端程序）很好的节约了服务器资源。节约了服务器资源。（7）JavaBeans作为在作为在Java（包括（包括JSP）中使用可重复使用的）中使用可重复使用的Java组件的技术规范。组件的技术规范

17、。（8）JSP对对XML有十分广泛的支持。有十分广泛的支持。ASP.NET ASP.NET 和和JSPJSP任务4 比较C/S结构与B/S结构 C/S结构即结构即Client/Server（客户机（客户机/服务器）结构，服务器）结构，通过将任务合理分配到通过将任务合理分配到Client（客户）端和（客户）端和Server（服务器）端，最简单的（服务器）端，最简单的C/S体系架构的数据库应用体系架构的数据库应用由两部分组成，即由两部分组成，即客户应用程序客户应用程序和和数据库服务器程序数据库服务器程序，可分别称为前台程序与后台程序。可分别称为前台程序与后台程序。C/SC/S结构结构任务4 比较C

18、/S结构与B/S结构（1）伸缩性差伸缩性差：客户机与服务器联系很紧密，在：客户机与服务器联系很紧密，在修改修改客户机或服客户机或服务器时一般要修改另一个，这使软件不易伸缩、维护量大，软件互操务器时一般要修改另一个，这使软件不易伸缩、维护量大，软件互操作起来也很难。作起来也很难。（2）性能较差性能较差：在将：在将较多的数据较多的数据从服务器端传送到客户机进行处从服务器端传送到客户机进行处理时，一方面会出现网络拥塞，另一方面会消耗客户机的主要系统资理时，一方面会出现网络拥塞，另一方面会消耗客户机的主要系统资源，从而使整个系统的性能下降。源，从而使整个系统的性能下降。（3）重用性差重用性差：数据库访

19、问、业务规则数据库访问、业务规则等都固化在客户端应用程等都固化在客户端应用程序中，如果客户另外提出的其他应用需求中也包含了相同的业务规则，序中，如果客户另外提出的其他应用需求中也包含了相同的业务规则，程序开发者将不得不重新编写相同的代码。程序开发者将不得不重新编写相同的代码。（4）移植性差移植性差：当某些处理任务是在服务器端由触发器或存储过：当某些处理任务是在服务器端由触发器或存储过程来实现时，其适应性和可移性较差。因为这样的程序可能只能运行程来实现时，其适应性和可移性较差。因为这样的程序可能只能运行在特定的数据库平台下，当数据库平台变化时，这些应用程序可能需在特定的数据库平台下，当数据库平台

20、变化时，这些应用程序可能需要重新编写。要重新编写。C/SC/S结构结构任务4 比较C/S结构与B/S结构 B/S软件体系结构即软件体系结构即Browser/Server（浏览器浏览器/服务器服务器）结构，）结构，是随着是随着Internet技术的兴起，对技术的兴起，对C/S体系结构的一种变化或者改体系结构的一种变化或者改进的结构。在进的结构。在B/S体系结构下，用户界面完全通过体系结构下，用户界面完全通过WWW浏览器浏览器实现，一部分事务逻辑在前端实现，但是主要事务逻辑在服务器实现，一部分事务逻辑在前端实现，但是主要事务逻辑在服务器端实现。端实现。B/SB/S结构结构任务4 比较C/S结构与B

21、/S结构 C/SC/S与与B/SB/S对比对比（1）硬件环境不同）硬件环境不同 C/S一般建立在一般建立在专用的网络专用的网络上，小范围里的网络环境，上，小范围里的网络环境，局域网之间再通过专门服务器提供连接和数据交换服务。局域网之间再通过专门服务器提供连接和数据交换服务。B/S建立在建立在广域网广域网之上的，之上的，需要专门的网络硬件环境，需要专门的网络硬件环境，例如电话上网，租用设备。信息自己管理，有比例如电话上网，租用设备。信息自己管理，有比C/S更强更强的适应范围，一般只要有操作系统和浏览器就行。的适应范围，一般只要有操作系统和浏览器就行。（2）对安全要求不同对安全要求不同 C/S一般

22、面向相对一般面向相对固定的用户群固定的用户群，对，对信息安全的控制信息安全的控制能力很强能力很强。一般高度机密的信息系统采用。一般高度机密的信息系统采用C/S结构适。可结构适。可以通过以通过B/S发布部分可公开信息。发布部分可公开信息。B/S建立在广域网之上，建立在广域网之上，对对安全的控制能力相对弱安全的控制能力相对弱，面向是不可知的用户群。，面向是不可知的用户群。任务4 比较C/S结构与B/S结构 C/SC/S与与B/SB/S对比对比（3）对程序架构不同对程序架构不同 C/S程序可以更加程序可以更加注重流程注重流程，可以对权限多层次校验，可以对权限多层次校验，对系统对系统运行速度可以减少考

23、虑运行速度可以减少考虑。B/S对对安全以及访问速度安全以及访问速度的多重的考虑，建立在需要更加优化的基础之上。的多重的考虑，建立在需要更加优化的基础之上。（4）软件重用不同软件重用不同 C/S程序可以不可避免的整体性考虑，构件的重用性程序可以不可避免的整体性考虑，构件的重用性不如在不如在B/S要求下的构件的要求下的构件的重用性重用性好。好。B/S对的多重结构，对的多重结构，要求构件相对独立的功能。能够相对较好的重用。就如买要求构件相对独立的功能。能够相对较好的重用。就如买来的餐桌可以再利用，而不是做在墙上的石头桌子。来的餐桌可以再利用，而不是做在墙上的石头桌子。任务4 比较C/S结构与B/S结

24、构 C/SC/S与与B/SB/S对比对比（5）系统维护不同）系统维护不同 C/S程序由于整体性，必须程序由于整体性，必须整体考虑整体考虑，处理出现的问，处理出现的问题以及系统升级难。题以及系统升级难。B/S构件组成，方面构件个别的更换，构件组成，方面构件个别的更换，实现系统的无缝升级，系统实现系统的无缝升级，系统维护开销减到最小维护开销减到最小。用户从网。用户从网上自己下载安装就可以实现升级。上自己下载安装就可以实现升级。（6）处理问题不同处理问题不同 C/S程序可以处理程序可以处理用户面固定用户面固定，并且在相同区域，安，并且在相同区域，安全要求高需求，全要求高需求，与操作系统相关与操作系统

25、相关，应该是相同的系统。，应该是相同的系统。B/S建立在广域网上，面向建立在广域网上，面向不同的用户群不同的用户群，分散地域，与，分散地域，与操作系统平台关系最小。操作系统平台关系最小。任务4 比较C/S结构与B/S结构 C/SC/S与与B/SB/S对比对比（7）用户接口不同）用户接口不同 C/S多是建立的多是建立的Windows平台上，平台上，表现方法有限表现方法有限，对，对程序员普遍要求较高。程序员普遍要求较高。B/S建立在浏览器上，有建立在浏览器上，有更加丰富更加丰富和生动的表现方式和生动的表现方式与用户交流，并且大部分难度减低，减与用户交流，并且大部分难度减低，减低开发成本。低开发成本

26、。（8）信息流不同）信息流不同 C/S程序一般是典型的集中式的处理，程序一般是典型的集中式的处理，交互性相对低交互性相对低。B/S信息流向可变化信息流向可变化，B-B、B-C、B-G等信息、流向的变等信息、流向的变化，更象交易中心。化，更象交易中心。任务4 比较C/S结构与B/S结构 C/SC/S与与B/SB/S融合融合任务4 比较C/S结构与B/S结构 C/SC/S与与B/SB/S融合融合青果教务系统青果教务系统 B B 端端青果教务系统青果教务系统 C C 端端学生模仿3体验C/S和B/S系统1.打开你的电脑，分析哪些是打开你的电脑，分析哪些是C/S程序，哪些是程序，哪些是B/S程序。程序

27、。2.如果一家酒店要求开发一个酒店管理系统，对于软件架如果一家酒店要求开发一个酒店管理系统，对于软件架构，请你提出建议（构，请你提出建议（小组讨论完成小组讨论完成）。）。学生活动学生活动课堂实践1.1.各小组选择一名组员的机器充当服务器，安装教各小组选择一名组员的机器充当服务器，安装教学软件学软件“极域多媒体教学系统极域多媒体教学系统”教师机程序教师机程序，其它组，其它组员安装员安装“极域多媒体教学系统极域多媒体教学系统”学生机程序学生机程序，记录安，记录安装和使用中的问题，体验装和使用中的问题，体验C/SC/S程序的特点。程序的特点。2.2.使用使用普通普通QQQQ和和Web QQWeb Q

28、Q或（或（本地迅雷和本地迅雷和WebWeb迅雷迅雷下下载文件），体验载文件），体验C/SC/S模式和模式和B/SB/S模式的异同。模式的异同。3.3.如果学院图书馆拟开发一套如果学院图书馆拟开发一套图书管理系统图书管理系统，根据，根据你对你对C/SC/S架构和架构和B/SB/S架构的了解，请对该系统的架构提架构的了解，请对该系统的架构提出一个解决方案出一个解决方案。实践要求实践要求 本课小结1.1.静态网页与动态网页静态网页与动态网页 2.Web2.Web服务器和网络数据库系统服务器和网络数据库系统3.3.动态网页开发语言的比较动态网页开发语言的比较4.C/S4.C/S模式与模式与B/SB/S的特点的特点 课外拓展 如果您所在城市的新华书店需要建立一个如果您所在城市的新华书店需要建立一个名为名为eBookeBook的网站来实现网上售书，请您根据的网站来实现网上售书，请您根据新华书店图书销售情况从操作系统、新华书店图书销售情况从操作系统、WebWeb服务服务器、数据库管理系统角度考虑，确定开发该网器、数据库管理系统角度考虑，确定开发该网站的方案？并请说明理由。站的方案？并请说明理由。