1 / 30

第二讲 web 技术概述

第二讲 web 技术概述. 主要内容. 本讲目标 任务 1 – 认知静态网页和动态网页 任务 2 – 认知 Web 服务器和网络数据库 任务 3 – 比较 JSP 和 ASP.NET 任务 4 – 比较 C/S 结构与 B/S 结构 课堂实践 巩固与提高. 本课目标. 了解静态网页中静态的概念 动态网页中动态的含义 JSP/ASP/ASP.NET/PHP 的比较 了解 C/S 模式与 B/S 的特点 （重点、难点）. 知识. 能识别静态网页和动态网页 能选择合适的 Web 服务器 能选择合适的网络数据库 （重点）. 技能.

gypsy
Download Presentation

第二讲 web 技术概述

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 第二讲 web技术概述

  2. 主要内容 • 本讲目标 • 任务1 – 认知静态网页和动态网页 • 任务2 – 认知Web服务器和网络数据库 • 任务3 – 比较JSP和ASP.NET • 任务4– 比较C/S结构与B/S结构 • 课堂实践 • 巩固与提高

  3. 本课目标 • 了解静态网页中静态的概念 • 动态网页中动态的含义 • JSP/ASP/ASP.NET/PHP的比较 • 了解C/S模式与B/S的特点（重点、难点） 知识 • 能识别静态网页和动态网页 • 能选择合适的Web服务器 • 能选择合适的网络数据库（重点） 技能 • 严谨认真的工作态度 • 语言表达和与人沟通能力 • 团队合作精神 素质

  4. 任务1 – 认知静态网页和动态网页 案例 “网页设计与制作”精品课程网站 “JSP程序设计”精品课程网站 “中国程序员” http://www.csdn.net 教师展示网站信息

  5. 任务1 – 认知静态网页和动态网页 小组活动 1. 小组讨论分析静态网页和动态网页的异同。 你认为静态网页和动态网页的不同点有哪些？ 你认为动态网页总是优于静态网页吗？ 2. 选择小组代表汇报小组观点。

  6. 静态网页 • 静态网页是指网页的内容是固定的，不会根据浏览者的不同需求而改变。 • 静态网页一般使用HTML（超文本标记语言）语言进行编写。 • 静态网页通常.htm、.html、.shtml、.xml等为文件后缀名。 • 网页内容不会发生变化，除非网页设计者修改了网页的内容。 • 不能实现和浏览网页的用户之间的交互。信息流向是单向的，即从服务器到浏览器。服务器不能根据用户的选择调整返回给用户的内容。 • 在HTML格式的网页上，也可以出现各种“动态效果”，如.GIF格式的动画、FLASH、滚动字母等，但这些“动态效果”只是视觉上的，而不是内容上的动态。

  7. 动态网页 • 动态网页是指在用户接到用户访问要求后动态生成的页面，页面内容会随着访问时间和访问者发生变化。 • 动态网页一般是在服务器端运行的程序、网页、组件。 • 动态网页的内容只有当用户请求时服务器才返回一个完整的网页。 • 动态网页URL的后缀通常为.asp、.jsp、 .php、.perl、.cgi等形式。 • 动态网页以数据库技术为基础，可以大大降低网站维护的工作量。 • 采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、搜索查询、用户管理、订单管理等。

  8. 静态网页VS动态网页 静态网页的浏览过程 动态网页的工作原理图

  9. 学生模仿1－体验静态网页和动态网页 学生活动 1. 学生进入163网站，分析网站中的静态部分和动态部分。 2. 体验静态网页和动态网页的不同。

  10. 任务2 – 认知Web服务器和网络数据库 WEB服务器也称为WWW(WORLD WIDE WEB)服务器，其作用是整理和储存各种WWW资源，并响应客户端软件的请求。可以是物理上独立的一台机器，也可以是驻留于因特网上某种类型计算机的程序。

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

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

  13. 任务2 – 认知Web服务器和网络数据库 网络数据库系统特点 • 网络数据库系统可以按照客户机/服务器模式或浏览器/服务器模式建立，但无论采用那种计算模式，数据库都是驻留在后台服务器上，通过网络通信，为前端用户提供数据库服务。 • 网络数据库系统可以与Web服务器同一台物理计算机，也可以分布在单独的物理计算机上， 称之为数据库服务器。 • 网络数据库是Web程序开发的核心，用来存储用户的各种资源。 • 流行的SQL Server、MySQL和Oracle都是网络数据库系统。

  14. 学生模仿2－使用网络数据库系统 学生活动 1. 使用SQL Server 2005将e_Buy系统的数据库通过运行脚本的方式创建ShopSystem数据库。 2. 结合e_Buy电子商城体验Web服务器和网络数据库系统在动态网站开发中的主要作用。

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

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

  17. 任务3 – 比较JSP和ASP.NET ASP.NET 和JSP 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有十分广泛的支持。

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

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

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

  21. 任务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建立在广域网之上，对安全的控制能力相对弱，面向是不可知的用户群。

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

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

  24. 任务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等信息、流向的变化，更象交易中心。

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

  26. 任务4 –比较C/S结构与B/S结构 C/S与B/S融合 青果教务系统 C 端 青果教务系统 B 端

  27. 学生模仿3－体验C/S和B/S系统 学生活动 1. 打开你的电脑，分析哪些是C/S程序，哪些是B/S程序。 2. 如果一家酒店要求开发一个酒店管理系统，对于软件架构，请你提出建议（小组讨论完成）。

  28. 课堂实践 实践要求 1.各小组选择一名组员的机器充当服务器，安装教学软件“极域多媒体教学系统”教师机程序，其它组员安装“极域多媒体教学系统”学生机程序，记录安装和使用中的问题，体验C/S程序的特点。 2. 使用普通QQ和Web QQ或（本地迅雷和Web迅雷下载文件），体验C/S模式和B/S模式的异同。 3.如果学院图书馆拟开发一套图书管理系统，根据你对C/S架构和B/S架构的了解，请对该系统的架构提出一个解决方案。

  29. 本课小结 1.静态网页与动态网页 2.Web服务器和网络数据库系统 3.动态网页开发语言的比较 4.C/S模式与B/S的特点

  30. 课外拓展 如果您所在城市的新华书店需要建立一个名为eBook的网站来实现网上售书，请您根据新华书店图书销售情况从操作系统、Web服务器、数据库管理系统角度考虑，确定开发该网站的方案？并请说明理由。

More Related