资源描述
第二讲web技术概述,授课课时：4课时（180分钟）授课班级：软件101主讲教师：刘志成,主要内容,本讲目标任务1认知静态网页和动态网页任务2认知Web服务器和网络数据库任务3比较JSP和ASP.NET任务4比较C/S结构与B/S结构课堂实践巩固与提高,本课目标,任务1认知静态网页和动态网页,“网页设计与制作”精品课程网站“JSP程序设计”精品课程网站“中国程序员”,案例,教师展示网站信息,任务1认知静态网页和动态网页,1.小组讨论分析静态网页和动态网页的异同。你认为静态网页和动态网页的不同点有哪些？你认为动态网页总是优于静态网页吗？2.选择小组代表汇报小组观点。,小组活动,静态网页,静态网页是指网页的内容是固定的，不会根据浏览者的不同需求而改变。静态网页一般使用HTML（超文本标记语言）语言进行编写。静态网页通常.htm、.html、.shtml、.xml等为文件后缀名。网页内容不会发生变化，除非网页设计者修改了网页的内容。不能实现和浏览网页的用户之间的交互。信息流向是单向的，即从服务器到浏览器。服务器不能根据用户的选择调整返回给用户的内容。在HTML格式的网页上，也可以出现各种“动态效果”，如.GIF格式的动画、FLASH、滚动字母等，但这些“动态效果”只是视觉上的，而不是内容上的动态。,动态网页是指在用户接到用户访问要求后动态生成的页面，页面内容会随着访问时间和访问者发生变化。动态网页一般是在服务器端运行的程序、网页、组件。动态网页的内容只有当用户请求时服务器才返回一个完整的网页。动态网页URL的后缀通常为.asp、.jsp、.php、.perl、.cgi等形式。动态网页以数据库技术为基础，可以大大降低网站维护的工作量。采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、搜索查询、用户管理、订单管理等。,动态网页,静态网页VS动态网页,静态网页的浏览过程,动态网页的工作原理图,学生模仿1体验静态网页和动态网页,1.学生进入163网站，分析网站中的静态部分和动态部分。2.体验静态网页和动态网页的不同。,学生活动,任务2认知Web服务器和网络数据库,WEB服务器也称为WWW(WORLDWIDEWEB)服务器，其作用是整理和储存各种WWW资源，并响应客户端软件的请求。可以是物理上独立的一台机器，也可以是驻留于因特网上某种类型计算机的程序。,任务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服务器和网络数据库,网络数据库系统是指在计算机网络环境下运行的数据库系统，它的数据库分散配置在网络节点上，能够对网络用户提供远程数据访问服务。有人把它也称为分布式数据库系统，但是它只能算是一种特定的分布式数据库系统，它驻留在各个网络节点上的数据库仍然是集中式的数据库。,任务2认知Web服务器和网络数据库,网络数据库系统可以按照客户机/服务器模式或浏览器/服务器模式建立，但无论采用那种计算模式，数据库都是驻留在后台服务器上，通过网络通信，为前端用户提供数据库服务。网络数据库系统可以与Web服务器同一台物理计算机，也可以分布在单独的物理计算机上，称之为数据库服务器。网络数据库是Web程序开发的核心，用来存储用户的各种资源。流行的SQLServer、MySQL和Oracle都是网络数据库系统。,网络数据库系统特点,学生模仿2使用网络数据库系统,1.使用SQLServer2005将e_Buy系统的数据库通过运行脚本的方式创建ShopSystem数据库。2.结合e_Buy电子商城体验Web服务器和网络数据库系统在动态网站开发中的主要作用。,学生活动,任务3比较JSP和ASP.NET,ASP是ActiveServerPage的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是asp。PHP独特的语法混合了C、Java、Perl以及PHP自创的语法。它可以比CGI或者Perl更快速地执行动态网页。和其他的编程语言相比，PHP是将程序嵌入到HTML文档中去执行，执行效率要高；PHP还可以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行更快。,ASP和PHP,任务3比较JSP和ASP.NET,ASP.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.NET,JSP是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,任务4比较C/S结构与B/S结构,C/S结构即Client/Server（客户机/服务器）结构，通过将任务合理分配到Client（客户）端和Server（服务器）端，最简单的C/S体系架构的数据库应用由两部分组成，即客户应用程序和数据库服务器程序，可分别称为前台程序与后台程序。,C/S结构,任务4比较C/S结构与B/S结构,（1）伸缩性差：客户机与服务器联系很紧密，在修改客户机或服务器时一般要修改另一个，这使软件不易伸缩、维护量大，软件互操作起来也很难。（2）性能较差：在将较多的数据从服务器端传送到客户机进行处理时，一方面会出现网络拥塞，另一方面会消耗客户机的主要系统资源，从而使整个系统的性能下降。（3）重用性差：数据库访问、业务规则等都固化在客户端应用程序中，如果客户另外提出的其他应用需求中也包含了相同的业务规则，程序开发者将不得不重新编写相同的代码。（4）移植性差：当某些处理任务是在服务器端由触发器或存储过程来实现时，其适应性和可移性较差。因为这样的程序可能只能运行在特定的数据库平台下，当数据库平台变化时，这些应用程序可能需要重新编写。,C/S结构,任务4比较C/S结构与B/S结构,B/S软件体系结构即Browser/Server（浏览器/服务器）结构，是随着Internet技术的兴起，对C/S体系结构的一种变化或者改进的结构。在B/S体系结构下，用户界面完全通过WWW浏览器实现，一部分事务逻辑在前端实现，但是主要事务逻辑在服务器端实现。,B/S结构,任务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对比,（3）对程序架构不同C/S程序可以更加注重流程，可以对权限多层次校验，对系统运行速度可以减少考虑。B/S对安全以及访问速度的多重的考虑，建立在需要更加优化的基础之上。（4）软件重用不同C/S程序可以不可避免的整体性考虑，构件的重用性不如在B/S要求下的构件的重用性好。B/S对的多重结构，要求构件相对独立的功能。能够相对较好的重用。就如买来的餐桌可以再利用，而不是做在墙上的石头桌子。,任务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对比,（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融合,任务4比较C/S结构与B/S结构,C/S与B/S融合,青果教务系统B端,青果教务系统C端,学生模仿3体验C/S和B/S系统,1.打开你的电脑，分析哪些是C/S程序，哪些是B/S程序。2.如果一家酒店要求开发一个酒店管理系统，对于软件架构，请你提出建议（小组讨论完成）。,学生活动,课堂实践,本课小结,1.静态网页与动态网页2.Web服务器和网络数据库系统3.动态网页开发语言的比较4.C/S模式与B/S的特点,课外拓展,如果您所在城市的新华书店需要建立一个名为eBook的网站来实现网上售书，请您根据新华书店图书销售情况从操作系统、Web服务器、数据库管理系统角度考虑，确定开发该网站的方案？并请说明理由。,
展开阅读全文