Web技术基础-课件

1-Web技术基础

概念2015Spring,xi'an1-Web技术基础

概念2015Spring,xi'an1本章内容网站和网络应用Web1.02.03.0网络浏览器硬件服务器网络服务器客户端服务器架构3层/多层架构面向服务的架构(SOA)本章内容网站和网络应用2精品资料精品资料3你怎么称呼老师？如果老师最后没有总结一节课的重点的难点，你是否会认为老师的教学方法需要改进？你所经历的课堂，是讲座式还是讨论式？教师的教鞭“不怕太阳晒，也不怕那风雨狂，只怕先生骂我笨，没有学问无颜见爹娘……”“太阳当空照，花儿对我笑，小鸟说早早早……”Web技术基础-ppt课件4Web站点和Web应用Web站点和Web应用5WebPage网页适合于WideWeb)万维网的文档或信息资源能够通过Web浏览器访问并在显示器或移动设备上显示信息通常是HTML或XHTML格式，并且提供超文本链接的导航到其他页面网页经常引用其他资源，如样式表（CSS），脚本（Javascript）和图像到最终呈现上WebPage网页适合于WideWeb)万维网的文档或6WebSite网站相关网页的集合，包含了网络资源（网页，图像，视频，CSS文件，JS文件和其他数字资源）在网页间普通导航网站至少建立在一个webserver网络服务器上通过Network网络能够访问（如互联网）所有公开访问的网站共同构成了WWW万维网WebSite网站相关网页的集合，包含了网络资源（网页，图7WebApplication网络应用网站的下一个级别高交互高可访问性（Cloud云端）AJAX,Silverlight,Flash,Flex,等应用通常分解为逻辑块称为"层"，每一层都扮演一种角色在网络浏览器中，类桌面的应用程序在桌面的网络应用（Windows8）WebApplication网络应用网站的下一个级别8Web浏览器和布局引擎Web浏览器和布局引擎9WebBrowser网络浏览器这种程序被设计为让用户从网上获取，检索和查看文档及其他资源主要职责：将信息资源带给用户（发出请求给网络服务器，处理任何通过请求产生的结果）呈现网络内容（渲染HTML,CSS,JS）有能力在相一上下文中像查看文档一样处理应用（Flash）WebBrowser网络浏览器这种程序被设计为让用户从网上10LayoutEngine布局引擎软件组件，在屏幕上综合显示格式化内容：标记的内容（如HTML,XML,图像,文件,等）格式信息（如CSS,XSL等）其在窗体（可在屏幕或打印机显示）的内容区上"绘制"典型嵌入在网络浏览器，邮件客户端，在线帮助系统或其他需要显示（及编辑）网络内容的应用中LayoutEngine布局引擎软件组件，在屏幕上综合显示11布局引擎和网络浏览器基于TridentInternetExplorer,遨游,等基于GeckoFirefox,等基于BlinkChrome,Opera基于WebKitOldChrome,Safari,遨游,等基于PrestoOldOpera布局引擎和网络浏览器基于Trident12用户代理字符串标识出网络浏览器和它们的版本能够有一些如布局引擎每用户操作系统等的额外信息示例：网络浏览器：火狐Firefox/7.0.1渲染（布局）引擎：Gecko/20100101操作系统：64位Windows7WOW64=Windows-On-Windows64位WindowsNT6.1=Windows7Mozilla/5.0(WindowsNT6.1;WOW64;rv:7.0.1)Gecko/20100101Firefox/7.0.1用户代理字符串标识出网络浏览器和它们的版本Mozilla/513硬件服务器硬件服务器14硬件服务器物理电脑（一个硬件系统）用来运行一个或多个服务服务器托管在配置中心服务器可以是：数据库服务器文件服务器邮件服务器打印服务器VPS虚拟专用服务器硬件服务器物理电脑（一个硬件系统）用来运行一个或多个服务15网络服务器

Apache,IIS,nginx,lighttpd,等网络服务器

Apache,IIS,nginx,ligh16网络服务器做什么？所有的物理服务器都有硬件硬件被操作系统控制WebServer是软件产品，使用操作系统处理网络请求网络服务器服务于网络内容这些请求依靠网络服务器上的设置重定向到其他软件产品（ASP.NET,PHP,等）网络服务器做什么？所有的物理服务器都有硬件172014二月网络服务器市场份额Apache38.22%IIS(byMicrosoft)32.80%nginx(byIgorSysoev)15.00%GWS(byGoogle)2.30%2014二月网络服务器市场份额Apache18客户端-服务器架构

经典客户端-服务器模型客户端-服务器架构

经典客户端-服务器模型19客户端-服务器C/S架构客户端-服务器模型包括：Server服务器–单一机器或机器集群，为多用户提供了网络应用（或服务）示例：网络服务器运行PHP脚本或ASP.NET页面基于IIS网络服务器基于WCF服务云端服务客户端-服务器C/S架构客户端-服务器模型包括：20客户端-服务器架构客户端-服务器模型包括：Client客户端–软件应用，提供了用来访问服务器端服务的UI（前端）示例：网络浏览器WPF应用HTML5应用Silverlight应用ASP.NET消费服务

客户端-服务器架构客户端-服务器模型包括：21客户端-服务器模型服务器桌面

客户端移动

客户端客户端设备网络连接网络连接网络连接客户端-服务器模型服务器桌面

客户端移动

客户端客户端网络连22客户端-服务器模型-示例网络服务器(Apache,IIS)–网络浏览器FTP服务器(ftpd)–FTP客户端()邮件服务器(qmail)–邮件客户端(Outlook)SQLServer–SQLServerManagementStudioBT追踪器–BT客户端(μTorrent)DNS服务器(bind)–DNS客户端(resolver)DHCP服务器(无线路由固件)–DHCP客户端(手机/安卓DHCP客户端/)SMB服务器(Windows)–SMB客户端(Windows)

客户端-服务器模型-示例网络服务器(Apache,II23三层/多层架构

软件系统的经典层次结构三层/多层架构

软件系统的经典层次结构24三层架构三层架构由下列层次组成：前端（客户端层）客户端软件-提供系统的UI中间层（商业层）服务器软件–提供核心系统逻辑实现商业流程/服务后端（数据层）管理系统数据（数据库/云端）三层架构三层架构由下列层次组成：25三层架构模型商业逻辑桌面

客户端移动

客户端客户端设备网络网络网络数据库数据层(后端)中间层(商业层)客户端层(前端)三层架构模型商业逻辑桌面

客户端移动

客户端客户端网络网络网26典型中间层的层次中间层通常由前端，商业逻辑和后端组成：呈现逻辑实现应用的UI(HTML5,Silverlight,WPF,等)商业逻辑实现应用的核心流程/服务数据访问逻辑实现数据访问功能(通常用ORM框架)典型中间层的层次中间层通常由前端，商业逻辑和后端组成：呈现逻27多层架构多层架构28MVC(模型-视图-控制)

什么是MVC且如何运行？MVC(模型-视图-控制)

什么是MVC且如何运行？29模型-视图-控制(MVC)模型-视图-控制(MVC)架构分离商业逻辑，从应用数据和呈现中模型存储了应用状态（数据）视图显示数据给用户（显示UI）控制处理和用户的交互模型-视图-控制(MVC)模型-视图-控制(MVC)架构30MVC蓝图MVC蓝图31基于MVC的框架.NETASP.NETMVC,MonoRailJavaJavaServerFaces(JSF),Struts,SpringWebMVC,Tapestry,JBossSeam,SwingPHPCakePHP,Symfony,Zend,Joomla,Yii,MojaviPythonDjango,ZopeApplicationServer,TurboGearsRubyonRails基于MVC的框架.NET32MVC和多层架构Model(Data)DataAccessLogicViews

(Presentation)Controllers

(BusinessLogic)MVC并不能取代多层架构两者经常用于一起典型的多层架构使用MVC为了分离逻辑、数据和呈现

MVC和多层架构Model(Data)DataAcces33面向服务的架构(SOA)面向服务的架构(SOA)34什么是服务？在真实世界中，"服务"是：服务提供者完成的一系列工作通过输入参数，提供给用户（消费者）一些期望的结果需求和结果已知易于使用总是可用的有量的特性（价格，执行时间，常量，等）什么是服务？在真实世界中，"服务"是：35面向服务的应用面向服务的应用类似真实世界中的服务-消费者模型由服务提供者（服务器端）和服务消费者（客户端）组成典型示例为RIA富客户端应用服务提供者提供一些服务服务消费者访问服务标准协议用XML,JSON,SOAP,WSDL,RSS,HTTP,…面向服务的应用面向服务的应用类似真实世界中的服务-消费者模型36什么是SOA？SOA（面向服务架构）是开发软件系统的一种概念用于可重用的代码块（组件）称为"服务"服务在SOA中是：自制无状态的商业函数接受请求和返回响应使用良好定义的标准接口什么是SOA？SOA（面向服务架构）是开发软件系统的一种概念37SOA服务自制每个服务自制运行没有任何意识其他服务存在无状态没有记忆，无法记住状态易于伸缩请求-响应模型客户端询问，服务器返回答案SOA服务自制38SOA服务(2)通过标准协议通信XML,SOAP,JSON,RSS,...HTTP,FTP,SMTP,RPC,MSMQ,...不依赖于操作系统、平台、编程语言可发现服务注册SOA服务(2)通过标准协议通信39什么是"云"？什么是"云"？40什么是"云"？Cloud云=多台硬件机器合并它们的计算能力和资源在多个应用中共享节省成本，更有效的使用资源公有云按需提供计算资源互联网公开付费或免费（有限制）AmazonAWS,GoogleAppEngine,MicrosoftAzure,Rackspace,PHPFog,Heroku,AppHarbor什么是"云"？Cloud云=