模块一语言基础模块(教学单元2Web技术概述)

《模块一语言基础模块(教学单元2Web技术概述)》由会员分享，可在线阅读，更多相关《模块一语言基础模块(教学单元2Web技术概述)（30页珍藏版）》请在金锄头文库上搜索。

1、第二讲 web技术概述授课课时：4课时（180分钟）授课班级：软件101主讲教师：刘志成主要内容 本讲目标 任务1 认知静态网页和动态网页 任务2 认知Web服务器和网络数据库 任务3 比较JSP和ASP.NET 任务4 比较C/S结构与B/S结构 课堂实践 巩固与提高本课目标知识 了解静态网页中静态的概念 动态网页中动态的含义 JSP/ASP/ASP.NET/PHP的比较 了解C/S模式与B/S的特点 （重点、难点）技能 能识别静态网页和动态网页 能选择合适的Web服务器 能选择合适的网络数据库 （重点）素质 严谨认真的工作态度 语言表达和与人沟通能力 团队合作精神任务1 认知静态网页和动态

2、网页“网页设计与制作”精品课程网站“JSP程序设计”精品课程网站“中国程序员” http:/案例教师展示 网站信息任务1 认知静态网页和动态网页1. 小组讨论分析静态网页和动态网页的异同。你认为静态网页和动态网页的不同点有哪些？你认为动态网页总是优于静态网页吗？2. 选择小组代表汇报小组观点。小组活动静态网页静态网页是指网页的内容是固定的，不会根据浏览者的不同需 求而改变。l 静态网页一般使用HTML（超文本标记语言）语言进行编写。l 静态网页通常.htm、.html、.shtml、.xml等为文件后缀名。l 网页内容不会发生变化，除非网页设计者修改了网页的内容。l 不能实现和浏览网页的用户之

3、间的交互。信息流向是单向的， 即从服务器到浏览器。服务器不能根据用户的选择调整返回给用 户的内容。 l 在HTML格式的网页上，也可以出现各种“动态效果”，如.GIF 格式的动画、FLASH、滚动字母等，但这些“动态效果”只是视觉 上的，而不是内容上的动态。动态网页是指在用户接到用户访问要求后动态生成的页面 ，页面内容会随着访问时间和访问者发生变化。l 动态网页一般是在服务器端运行的程序、网页、组件。l 动态网页的内容只有当用户请求时服务器才返回一个完整 的网页。 l 动态网页URL的后缀通常为.asp、.jsp、 .php、.perl、 .cgi等形式。l 动态网页以数据库技术为基础，可以大

4、大降低网站维护的 工作量。 l 采用动态网页技术的网站可以实现更多的功能，如用户注 册、用户登录、搜索查询、用户管理、订单管理等。动态网页 静态网页VS动态网页 静态网页的 浏览过程 动态网页的 工作原理图 学生模仿1体验静态网页和动态网页1. 学生进入163网站，分析网站中的静态部分和动态部分。2. 体验静态网页和动态网页的不同。学生活动任务2 认知Web服务器和网络数据库WEB服务器也称为WWW(WORLD WIDE WEB)服务器 ，其作用是整理和储存各种WWW资源，并响应客户端软件的 请求。 可以是物理上独立的一台机器，也可以是驻留于因特 网上某种类型计算机的程序。任务2 认知Web服

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

6、如果采用JSP进行 Web程序开发，则需要通过JDK和相关的应用服务器（如Tomcat、 WebLogic等）来搭建Web服务器。 Web服务器特点任务2 认知Web服务器和网络数据库网络数据库系统是指在计算机网络环境下运行的数据库系 统，它的数据库分散配置在网络节点上，能够对网络用户提 供远程数据访问服务。有人把它也称为分布式数据库系统， 但是它只能算是一种特定的分布式数据库系统，它驻留在各 个网络节点上的数据库仍然是集中式的数据库。任务2 认知Web服务器和网络数据库l网络数据库系统可以按照客户机/服务器模式或浏览器/服务器模式建立，但无论采用那种计算模式，数据库都是驻留在后 台服务器上，

7、通过网络通信，为前端用户提供数据库服务。l网络数据库系统可以与Web服务器同一台物理计算机，也可以分布在单独的物理计算机上， 称之为数据库服务器。l网络数据库是Web程序开发的核心，用来存储用户的各种资源。l流行的SQL Server、MySQL和Oracle都是网络数据库系统。网络数据库系统特点学生模仿2使用网络数据库系统1. 使用SQL Server 2005将e_Buy系统的数据库通过运行脚本的方式创建ShopSystem数据库。2. 结合e_Buy电子商城体验Web服务器和网络数据库系统在动态网站开发中的主要作用。学生活动任务3 比较JSP和ASP.NETASP是Active Serv

8、er Page的缩写，意为“动态 服务器页面”。ASP是微软公司开发的代替CGI脚本程 序的一种应用，它可以与数据库和其它程序进行交互 ，是一种简单、方便的编程工具。ASP的网页文件的 格式是asp。PHP 独特的语法混合了 C、Java、Perl 以及 PHP 自创的语法。它可以比 CGI或者Perl更快速地执 行动态网页。和其他的编程语言相比，PHP是将程序 嵌入到HTML文档中去执行，执行效率要高；PHP还 可以执行编译后代码，编译可以达到加密和优化代码 运行，使代码运行更快。ASP和PHP任务3 比较JSP和ASP.NETASP.NET是ASP的.NET版本，可以创建动态Web页面。（

9、1）ASP.NET方便快捷的从数据源（ADO.NET）访问数据。（2）ASP.NET能用被称为模板的编程代码集合来创建 HTML文档。使用模板的优点是可以在HTML文档显示给用户之 前，将从数据源检索到的内容动态插入HTML文档中。因此，在从数据源检索到的内容发生变化时不需要手动修改信息。（3）ASP.NET能将HTML的设计和数据检索机制分离。这 样，改变HTML设计不会影响数据库应用程序。类似的，服务器 脚本确保了对数据源进行修改时无需改动HTML文档。 ASP.NET 和JSP任务3 比较JSP和ASP.NETJSP是Sun公司推出的新一代动态网站开发语言，可以在Servlet和 Jav

10、aBean的支持下，完成功能强大的动态网站程序的开发。（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结

11、构即Client/Server（客户机/服务器）结构， 通过将任务合理分配到Client（客户）端和Server（ 服务器）端，最简单的C/S体系架构的数据库应用由 两部分组成，即客户应用程序和数据库服务器程序， 可分别称为前台程序与后台程序。C/S结构任务4 比较C/S结构与B/S结构 （1）伸缩性差：客户机与服务器联系很紧密，在修改客户机或服 务器时一般要修改另一个，这使软件不易伸缩、维护量大，软件互操 作起来也很难。 （2）性能较差：在将较多的数据从服务器端传送到客户机进行处 理时，一方面会出现网络拥塞，另一方面会消耗客户机的主要系统资 源，从而使整个系统的性能下降。 （3）重用性差：数

12、据库访问、业务规则等都固化在客户端应用程 序中，如果客户另外提出的其他应用需求中也包含了相同的业务规则 ，程序开发者将不得不重新编写相同的代码。 （4）移植性差：当某些处理任务是在服务器端由触发器或存储过 程来实现时，其适应性和可移性较差。因为这样的程序可能只能运行 在特定的数据库平台下，当数据库平台变化时，这些应用程序可能需 要重新编写。 C/S结构任务4 比较C/S结构与B/S结构 B/S软件体系结构即Browser/Server（浏览器/服务器）结构 ，是随着Internet技术的兴起，对C/S体系结构的一种变化或者 改进的结构。在B/S体系结构下，用户界面完全通过WWW浏览 器实现，一

13、部分事务逻辑在前端实现，但是主要事务逻辑在服务 器端实现。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建立在广域网之上， 对安全的控制能力相对

14、弱，面向是不可知的用户群。任务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程序由于整体性，必须整体考虑，处理出现的问

15、题以及系统升级难。B/S构件组成，方面构件个别的更换 ，实现系统的无缝升级，系统维护开销减到最小。用户从 网上自己下载安装就可以实现升级。（6） 处理问题不同C/S程序可以处理用户面固定，并且在相同区域，安 全要求高需求，与操作系统相关，应该是相同的系统。 B/S建立在广域网上，面向不同的用户群，分散地域，与 操作系统平台关系最小。任务4 比较C/S结构与B/S结构 C/S与B/S对比（7）用户接口不同C/S多是建立的Windows平台上，表现方法有限，对 程序员普遍要求较高。B/S建立在浏览器上，有更加丰富 和生动的表现方式与用户交流，并且大部分难度减低，减 低开发成本。（8）信息流不同C/

16、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.各小组选择一名组员的机器充当服务器，安装教 学软件“极域多媒体教学系统”教师机程序，其它组 员安装“极域多媒体教学系统”学生机程序，记录安 装和使用中的问题，体验C/S程序的特点。2. 使用普通QQ和Web QQ或（本地迅雷和Web迅雷下 载文件），体验C/S模式和B/S模式的异同。3.如果学院图书馆拟开发一套图书管