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

第二讲web技术概述授课课时：4课时（180分钟）授课班级：软件101主讲教师：刘志成第二讲web技术概述授课课时：4课时（180分钟）1主要内容本讲目标任务1–认知静态网页和动态网页任务2–认知Web服务器和网络数据库任务3–比较JSP和ASP.NET任务4

–比较C/S结构与B/S结构课堂实践巩固与提高主要内容本讲目标2本课目标知识了解静态网页中静态的概念动态网页中动态的含义JSP/ASP/ASP.NET/PHP的比较了解C/S模式与B/S的特点

（重点、难点）技能能识别静态网页和动态网页能选择合适的Web服务器能选择合适的网络数据库

（重点）素质严谨认真的工作态度语言表达和与人沟通能力团队合作精神本课目标知识了解静态网页中静态的概念技能能识别静态3任务1–认知静态网页和动态网页“网页设计与制作”精品课程网站“JSP程序设计”精品课程网站“中国程序员”csdn

案例教师展示网站信息任务1–认知静态网页和动态网页“网页设计与制作”精品课程4任务1–认知静态网页和动态网页1.小组讨论分析静态网页和动态网页的异同。

你认为静态网页和动态网页的不同点有哪些？你认为动态网页总是优于静态网页吗？2.选择小组代表汇报小组观点。小组活动任务1–认知静态网页和动态网页1.小组讨论分析静态网页5静态网页静态网页是指网页的内容是固定的，不会根据浏览者的不同需求而改变。静态网页一般使用HTML（超文本标记语言）语言进行编写。静态网页通常.htm、.html、.shtml、.xml等为文件后缀名。网页内容不会发生变化，除非网页设计者修改了网页的内容。不能实现和浏览网页的用户之间的交互。信息流向是单向的，即从服务器到浏览器。服务器不能根据用户的选择调整返回给用户的内容。在HTML格式的网页上，也可以出现各种“动态效果”，如.GIF格式的动画、FLASH、滚动字母等，但这些“动态效果”只是视觉上的，而不是内容上的动态。静态网页静态网页是指网页的内容是固定的，不会根据浏览6动态网页是指在用户接到用户访问要求后动态生成的页面，页面内容会随着访问时间和访问者发生变化。动态网页一般是在服务器端运行的程序、网页、组件。动态网页的内容只有当用户请求时服务器才返回一个完整的网页。动态网页URL的后缀通常为.asp、.jsp、.php、.perl、.cgi等形式。动态网页以数据库技术为基础，可以大大降低网站维护的工作量。采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、搜索查询、用户管理、订单管理等。动态网页

动态网页是指在用户接到用户访问要求后动态生成的页面，7静态网页VS动态网页

静态网页的浏览过程动态网页的工作原理图静态网页VS动态网页静态网页的浏览过程动态网页的工作原理8学生模仿1－体验静态网页和动态网页1.学生进入163网站，分析网站中的静态部分和动态部分。2.体验静态网页和动态网页的不同。学生活动学生模仿1－体验静态网页和动态网页1.学生进入163网站，9任务2–认知Web服务器和网络数据库WEB服务器也称为WWW(WORLDWIDEWEB)服务器，其作用是整理和储存各种WWW资源，并响应客户端软件的请求。

可以是物理上独立的一台机器，也可以是驻留于因特网上某种类型计算机的程序。任务2–认知Web服务器和网络数据库WE10任务2–认知Web服务器和网络数据库

一台普通的计算机要成为Web服务器，必须通过相应的程序（如IIS、PWS、APACHE和Tomcat等）来实现。当Web浏览器（客户端）连到服务器上并请求文件时，服务器将处理该请求并将文件发送到浏览器上，附带的信息会告诉浏览器如何查看该文件（即文件类型）。服务器使用HTTP（HypertextTransferProtocol，超文本传输协议）与客户端进行信息交流。在Windows操作系统中，如果采用ASP或ASP.NET进行Web程序开发，则需要通过IIS来搭建Web服务器；如果采用PHP进行Web程序开发，则需要通过APACHE来搭建Web服务器；如果采用JSP进行Web程序开发，则需要通过JDK和相关的应用服务器（如Tomcat、WebLogic等）来搭建Web服务器。

Web服务器特点任务2–认知Web服务器和网络数据库Web服务11任务2–认知Web服务器和网络数据库网络数据库系统是指在计算机网络环境下运行的数据库系统，它的数据库分散配置在网络节点上，能够对网络用户提供远程数据访问服务。有人把它也称为分布式数据库系统，但是它只能算是一种特定的分布式数据库系统，它驻留在各个网络节点上的数据库仍然是集中式的数据库。任务2–认知Web服务器和网络数据库网络数据12任务2–认知Web服务器和网络数据库

网络数据库系统可以按照客户机/服务器模式或浏览器/服务器模式建立，但无论采用那种计算模式，数据库都是驻留在后台服务器上，通过网络通信，为前端用户提供数据库服务。网络数据库系统可以与Web服务器同一台物理计算机，也可以分布在单独的物理计算机上，称之为数据库服务器。网络数据库是Web程序开发的核心，用来存储用户的各种资源。流行的SQLServer、MySQL和Oracle都是网络数据库系统。网络数据库系统特点任务2–认知Web服务器和网络数据库网络数据库13学生模仿2－使用网络数据库系统1.使用SQLServer2019将e_Buy系统的数据库通过运行脚本的方式创建ShopSystem数据库。2.结合e_Buy电子商城体验Web服务器和网络数据库系统在动态网站开发中的主要作用。学生活动学生模仿2－使用网络数据库系统1.使用SQLServer14任务3–比较JSP和ASP.NETASP是ActiveServerPage的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是asp。PHP独特的语法混合了C、Java、Perl以及PHP自创的语法。它可以比CGI或者Perl更快速地执行动态网页。和其他的编程语言相比，PHP是将程序嵌入到HTML文档中去执行，执行效率要高；PHP还可以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行更快。ASP和PHP任务3–比较JSP和ASP.NETASP是Acti15任务3–比较JSP和ASP.NETASP.NET是ASP的.NET版本，可以创建动态Web页面。（1）ASP.NET方便快捷的从数据源（ADO.NET）访问数据。（2）ASP.NET能用被称为模板的编程代码集合来创建HTML文档。使用模板的优点是可以在HTML文档显示给用户之前，将从数据源检索到的内容动态插入HTML文档中。因此，在从数据源检索到的内容发生变化时不需要手动修改信息。（3）ASP.NET能将HTML的设计和数据检索机制分离。这样，改变HTML设计不会影响数据库应用程序。类似的，服务器脚本确保了对数据源进行修改时无需改动HTML文档。

ASP.NET

和JSP任务3–比较JSP和ASP.NETASP.NET是ASP16任务3–比较JSP和ASP.NETJSP是Sun公司推出的新一代动态网站开发语言，可以在Servlet和JavaBean的支持下，完成功能强大的动态网站程序的开发。（1）将内容的生成和显示进行分离。（2）强调可重用的组件。（3）采用标识简化页面开发。（4）相对C＃，JSP的脚本语言JAVA也是面向对象的、分布式的、解释的语言。（5）与C＃相似JAVA同样去掉了难以理解的指针等概念，取而代之的是类和对象。（6）JSP有一项全新的技术――Servlet（服务器端程序）很好的节约了服务器资源。（7）JavaBeans作为在Java（包括JSP）中使用可重复使用的Java组件的技术规范。（8）JSP对XML有十分广泛的支持。ASP.NET和JSP任务3–比较JSP和ASP.NETJSP是Sun公司推出17任务4–比较C/S结构与B/S结构

C/S结构即Client/Server（客户机/服务器）结构，通过将任务合理分配到Client（客户）端和Server（服务器）端，最简单的C/S体系架构的数据库应用由两部分组成，即客户应用程序和数据库服务器程序，可分别称为前台程序与后台程序。C/S结构任务4–比较C/S结构与B/S结构C/S结构即Clien18任务4–比较C/S结构与B/S结构

（1）伸缩性差：客户机与服务器联系很紧密，在修改客户机或服务器时一般要修改另一个，这使软件不易伸缩、维护量大，软件互操作起来也很难。（2）性能较差：在将较多的数据从服务器端传送到客户机进行处理时，一方面会出现网络拥塞，另一方面会消耗客户机的主要系统资源，从而使整个系统的性能下降。（3）重用性差：数据库访问、业务规则等都固化在客户端应用程序中，如果客户另外提出的其他应用需求中也包含了相同的业务规则，程序开发者将不得不重新编写相同的代码。（4）移植性差：当某些处理任务是在服务器端由触发器或存储过程来实现时，其适应性和可移性较差。因为这样的程序可能只能运行在特定的数据库平台下，当数据库平台变化时，这些应用程序可能需要重新编写。

C/S结构任务4–比较C/S结构与B/S结构（1）伸缩性差：客户机19任务4–比较C/S结构与B/S结构

B/S软件体系结构即Browser/Server（浏览器/服务器）结构，是随着Internet技术的兴起，对C/S体系结构的一种变化或者改进的结构。在B/S体系结构下，用户界面完全通过WWW浏览器实现，一部分事务逻辑在前端实现，但是主要事务逻辑在服务器端实现。B/S结构任务4–比较C/S结构与B/S结构B/S软件体系结构即B20任务4–比较C/S结构与B/S结构

C/S与B/S对比（1）硬件环境不同C/S一般建立在专用的网络上，小范围里的网络环境，局域网之间再通过专门服务器提供连接和数据交换服务。B/S建立在广域网之上的，需要专门的网络硬件环境，例如电话上网，租用设备。信息自己管理，有比C/S更强的适应范围，一般只要有操作系统和浏览器就行。（2）对安全要求不同C/S一般面向相对固定的用户群，对信息安全的控制能力很强。一般高度机密的信息系统采用C/S结构适。可以通过B/S发布部分可公开信息。B/S建立在广域网之上，对安全的控制能力相对弱，面向是不可知的用户群。任务4–比较C/S结构与B/S结构C/S与B/S对比（121任务4–比较C/S结构与B/S结构

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

C/S与B/S对比（5）系统维护不同C/S程序由于整体性，必须整体考虑，处理出现的问题以及系统升级难。B/S构件组成，方面构件个别的更换，实现系统的无缝升级，系统维护开销减到最小。用户从网上自己下载安装就可以实现升级。（6）处理问题不同C/S程序可以处理用户面固定，并且在相同区域，安全要求高需求，与操作系统相关，应该是相同的系统。B/S建立在广域网上，面向不同的用户群，分散地域，与操作系统平台关系最小。任务4–比较C/S结构与B/S结构C/S与B/S对比（523任务4–比较C/S结构与B/S结构

C/S与B/S对比（7）用户接口不同C/S多是建立的Windows平台上，表现方法有限，对程序员普遍要求较高。B/S建立在浏览器上，有更加丰富和生动的表现方式与用户交流，并且大部分难度减低，减低开发成本。（8）信息流不同C/S程序一般是典型的集中式的处理，交互性相对低。B/S信息流向可变化，B-B、B-C、B-G等信息、流向的变化，更象交易中心。任务4–比较C/S结构与B/S结构C/S与B/S对比（724任务4–比较C/S结构与B/S结构

C/S与B/S融合任务4–比较C/S结构与B/S结构C/S与B/S融合25任务4–比较C/S结构与B/S结构

C/S与B/S融合青果教务系统B端青果教务系统C端任务4–比较C/S结构与B/S结构C/S与B/S融合青果26学生模仿3－体验C/S和B/S系统1.打开你的电脑，分析哪些是C/S程序，哪些是B/S程序。2.如果一家酒店要求开发一个酒店管理系统，对于软件架构，请你提出建议（小组讨论完成）。学生活动学生模仿3－体验C/S和B/S系统1.打开你的电脑，分析哪27课堂实践1.各小组选择一名组员的机器充当服务器，安装教学软件“极域多媒体教学系统”教师机程序，其它组员安装“极域多媒体教学系统”学生机程序，记录安装和使用中的问题，体验C/S程序的特点。2.使用普通QQ和WebQQ或（本地迅雷和Web迅雷下载文件），体验C/S模式和B/S模式的异同。

3.如果学院图书馆拟开发一套图书管理系统，根据你对C/S架构和B/S架构的了解，请对该系统的架构提出一个解决方案

。实践要求课堂实践1.各小组选择一名组员的机器充当服务器，安装教学软件28本课小结1.静态网页与动态网页2.Web服务器和网络数据库系统3.动态网页开发语言的比较4.C/S模式与B/S的特点本课小结1.静态网页与动态网页29课外拓展如果您所在城市的新华书店需要建立一个名为eBook的网站来实现网上售书，请您根据新华书店图书销售情况从操作系统、Web服务器、数据库管理系统角度考虑，确定开发该网站的方案？并请说明理由。课外拓展如果您所在城市的新华书店需要建立一个名为eB30第二讲web技术概述授课课时：4课时（180分钟）授课班级：软件101主讲教师：刘志成第二讲web技术概述授课课时：4课时（180分钟）31主要内容本讲目标任务1–认知静态网页和动态网页任务2–认知Web服务器和网络数据库任务3–比较JSP和ASP.NET任务4

–比较C/S结构与B/S结构课堂实践巩固与提高主要内容本讲目标32本课目标知识了解静态网页中静态的概念动态网页中动态的含义JSP/ASP/ASP.NET/PHP的比较了解C/S模式与B/S的特点

（重点、难点）技能能识别静态网页和动态网页能选择合适的Web服务器能选择合适的网络数据库

（重点）素质严谨认真的工作态度语言表达和与人沟通能力团队合作精神本课目标知识了解静态网页中静态的概念技能能识别静态33任务1–认知静态网页和动态网页“网页设计与制作”精品课程网站“JSP程序设计”精品课程网站“中国程序员”csdn

案例教师展示网站信息任务1–认知静态网页和动态网页“网页设计与制作”精品课程34任务1–认知静态网页和动态网页1.小组讨论分析静态网页和动态网页的异同。

你认为静态网页和动态网页的不同点有哪些？你认为动态网页总是优于静态网页吗？2.选择小组代表汇报小组观点。小组活动任务1–认知静态网页和动态网页1.小组讨论分析静态网页35静态网页静态网页是指网页的内容是固定的，不会根据浏览者的不同需求而改变。静态网页一般使用HTML（超文本标记语言）语言进行编写。静态网页通常.htm、.html、.shtml、.xml等为文件后缀名。网页内容不会发生变化，除非网页设计者修改了网页的内容。不能实现和浏览网页的用户之间的交互。信息流向是单向的，即从服务器到浏览器。服务器不能根据用户的选择调整返回给用户的内容。在HTML格式的网页上，也可以出现各种“动态效果”，如.GIF格式的动画、FLASH、滚动字母等，但这些“动态效果”只是视觉上的，而不是内容上的动态。静态网页静态网页是指网页的内容是固定的，不会根据浏览36动态网页是指在用户接到用户访问要求后动态生成的页面，页面内容会随着访问时间和访问者发生变化。动态网页一般是在服务器端运行的程序、网页、组件。动态网页的内容只有当用户请求时服务器才返回一个完整的网页。动态网页URL的后缀通常为.asp、.jsp、.php、.perl、.cgi等形式。动态网页以数据库技术为基础，可以大大降低网站维护的工作量。采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、搜索查询、用户管理、订单管理等。动态网页

动态网页是指在用户接到用户访问要求后动态生成的页面，37静态网页VS动态网页

静态网页的浏览过程动态网页的工作原理图静态网页VS动态网页静态网页的浏览过程动态网页的工作原理38学生模仿1－体验静态网页和动态网页1.学生进入163网站，分析网站中的静态部分和动态部分。2.体验静态网页和动态网页的不同。学生活动学生模仿1－体验静态网页和动态网页1.学生进入163网站，39任务2–认知Web服务器和网络数据库WEB服务器也称为WWW(WORLDWIDEWEB)服务器，其作用是整理和储存各种WWW资源，并响应客户端软件的请求。

可以是物理上独立的一台机器，也可以是驻留于因特网上某种类型计算机的程序。任务2–认知Web服务器和网络数据库WE40任务2–认知Web服务器和网络数据库

一台普通的计算机要成为Web服务器，必须通过相应的程序（如IIS、PWS、APACHE和Tomcat等）来实现。当Web浏览器（客户端）连到服务器上并请求文件时，服务器将处理该请求并将文件发送到浏览器上，附带的信息会告诉浏览器如何查看该文件（即文件类型）。服务器使用HTTP（HypertextTransferProtocol，超文本传输协议）与客户端进行信息交流。在Windows操作系统中，如果采用ASP或ASP.NET进行Web程序开发，则需要通过IIS来搭建Web服务器；如果采用PHP进行Web程序开发，则需要通过APACHE来搭建Web服务器；如果采用JSP进行Web程序开发，则需要通过JDK和相关的应用服务器（如Tomcat、WebLogic等）来搭建Web服务器。

Web服务器特点任务2–认知Web服务器和网络数据库Web服务41任务2–认知Web服务器和网络数据库网络数据库系统是指在计算机网络环境下运行的数据库系统，它的数据库分散配置在网络节点上，能够对网络用户提供远程数据访问服务。有人把它也称为分布式数据库系统，但是它只能算是一种特定的分布式数据库系统，它驻留在各个网络节点上的数据库仍然是集中式的数据库。任务2–认知Web服务器和网络数据库网络数据42任务2–认知Web服务器和网络数据库

网络数据库系统可以按照客户机/服务器模式或浏览器/服务器模式建立，但无论采用那种计算模式，数据库都是驻留在后台服务器上，通过网络通信，为前端用户提供数据库服务。网络数据库系统可以与Web服务器同一台物理计算机，也可以分布在单独的物理计算机上，称之为数据库服务器。网络数据库是Web程序开发的核心，用来存储用户的各种资源。流行的SQLServer、MySQL和Oracle都是网络数据库系统。网络数据库系统特点任务2–认知Web服务器和网络数据库网络数据库43学生模仿2－使用网络数据库系统1.使用SQLServer2019将e_Buy系统的数据库通过运行脚本的方式创建ShopSystem数据库。2.结合e_Buy电子商城体验Web服务器和网络数据库系统在动态网站开发中的主要作用。学生活动学生模仿2－使用网络数据库系统1.使用SQLServer44任务3–比较JSP和ASP.NETASP是ActiveServerPage的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是asp。PHP独特的语法混合了C、Java、Perl以及PHP自创的语法。它可以比CGI或者Perl更快速地执行动态网页。和其他的编程语言相比，PHP是将程序嵌入到HTML文档中去执行，执行效率要高；PHP还可以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行更快。ASP和PHP任务3–比较JSP和ASP.NETASP是Acti45任务3–比较JSP和ASP.NETASP.NET是ASP的.NET版本，可以创建动态Web页面。（1）ASP.NET方便快捷的从数据源（ADO.NET）访问数据。（2）ASP.NET能用被称为模板的编程代码集合来创建HTML文档。使用模板的优点是可以在HTML文档显示给用户之前，将从数据源检索到的内容动态插入HTML文档中。因此，在从数据源检索到的内容发生变化时不需要手动修改信息。（3）ASP.NET能将HTML的设计和数据检索机制分离。这样，改变HTML设计不会影响数据库应用程序。类似的，服务器脚本确保了对数据源进行修改时无需改动HTML文档。

ASP.NET

和JSP任务3–比较JSP和ASP.NETASP.NET是ASP46任务3–比较JSP和ASP.NETJSP是Sun公司推出的新一代动态网站开发语言，可以在Servlet和JavaBean的支持下，完成功能强大的动态网站程序的开发。（1）将内容的生成和显示进行分离。（2）强调可重用的组件。（3）采用标识简化页面开发。（4）相对C＃，JSP的脚本语言JAVA也是面向对象的、分布式的、解释的语言。（5）与C＃相似JAVA同样去掉了难以理解的指针等概念，取而代之的是类和对象。（6）JSP有一项全新的技术――Servlet（服务器端程序）很好的节约了服务器资源。（7）JavaBeans作为在Java（包括JSP）中使用可重复使用的Java组件的技术规范。（8）JSP对XML有十分广泛的支持。ASP.NET和JSP任务3–比较JSP和ASP.NETJSP是Sun公司推出47任务4–比较C/S结构与B/S结构

C/S结构即Client/Server（客户机/服务器）结构，通过将任务合理分配到Client（客户）端和Server（服务器）端，最简单的C/S体系架构的数据库应用由两部分组成，即客户应用程序和数据库服务器程序，可分别称为前台程序与后台程序。C/S结构任务4–比较C/S结构与B/S结构C/S结构即Clien48任务4–比较C/S结构与B/S结构

（1）伸缩性差：客户机与服务器联系很紧密，在修改客户机或服务器时一般要修改另一个，这使软件不易伸缩、维护量大，软件互操作起来也很难。（2）性能较差：在将较多的数据从服务器端传送到客户机进行处理时，一方面会出现网络拥塞，另一方面会消耗客户机的主要系统资源，从而使整个系统的性能下降。（3）重用性差：数据库访问、业务规则等都固化在客户端应用程序中，如果客户另外提出的其他应用需求中也包含了相同的业务规则，程序开发者将不得不重新编写相同的代码。（4）移植性差：当某些处理任务是在服务器端由触发器或存储过程来实现时，其适应性和可移性较差。因为这样的程序可能只能运行在特定的数据库平台下，当数据库平台变化时，这些应用程序可能需要重新编写。

C/S结构任务4–比较C/S结构与B/S结构（1）伸缩性差：客户机49任务4–比较C/S结构与B/S结构

B/S软件体系结构即Browser/Server（浏览器/服务器）结构，是随着Internet技术的兴起，对C/S体系结构的一种变化或者改进的结构。在B/S体系结构下，用户界面完全通过WWW浏览器实现，一部分事务逻辑在前端实现，但是主要事务逻辑在服务器端实现。B/S结构任务4–比较C/S结构与B/S结构B/S软件体系结构即B50任务4–比较C/S结构与B/S结构

C/S与B/S对比（1）硬件环境不同C/S一般建立在专用的网络上，小范围里的网络环境，局域网之间再通过专门服务器提供连接和数据交换服务。B/S建立在广域网之上的，需要专门的网络硬件环境，例如电话上网，租用设备。信息自己管理，有比C/S更强的适应范围，一般只要有操作系统和浏览器就行。（2）对安全要求不同C/S一般面向相对固定的用户群，对信息安全的控制能力很强。一般高度机密的信息系统采用C/S结构适。可以通过B/S发布部分可公开信息。B/S建立在广域网之上，对安全的控制能力相对弱，面向是不可知的用户群。任务4–比较C/S结构与B/S结构C/S与B/S对比（151任务4–比较C/S结构与B/S结构

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

C/S与B/S