Web应用开发技术教学课件第1章绪论.ppt

web应用开发技术,信息管理系 xxx,2019年2月5日,主要内容,客户端技术javascript,3,2019年2月5日,web应用开发技术,这既是技术发展的必然，也是企业管 理需求的必要。 信息系统转型是应用领域的革命，企业 应用模式和开发方式将发生重大变革。 产生大量的相关应用。物联网也是web 应用的延伸。,web信息系统将取代桌面应用成为未来信息系统的主流,信息系统从桌面向web的迁移将产生大量的web开发人才需求,web应用是云计算、移动商务和供应链管理的基础和前提,一个新的信息系统时代即将来临从桌面应用到web信息系统,1,课程的背景与意义,2019年2月5日,web应用开发技术,网络将成为每个企业的数据中心和计算中心，使企业从以桌面为核心各项应用转移到以web为核心的云计算和移动商务。web信息系统是云计算和移动商务的基础和核心。,未来企业web应用是怎样的？,“不再需要在每个员工的计算机上安装诸如财务、办公等业务系统，而在任何地方都可以方便地进入企业的应用系统。,企业运行的经营数据均可实时、准确地送到数据中心，并且能充分发挥每台计算机的能力进行相应的业务计算”。,web将改变未来企业应用的模式,2019年2月5日,web应用开发技术,web应用开发技术是随着web应用的普及和深入而形成的研究web信息系统开发理论与方法的综合性技术课程。 本课程主要研究基于web的应用系统的开发的理论、方法与技术。包括服务器端技术、客户端技术、基于组件的软件开发技术等。 目前应用系统开发有两种主要模式 一种是基于c/s结构的桌面应用 另一种就是基于b/s结构的web应用 近年来，web应用模式所占的比重在逐年增长，尽管在近期内不可能完全取代桌面应用，但它必将是未来企业应用系统的主流和发展方向。,3,课程内容与研究对象,2019年2月5日,web应用开发技术,通过本课程的学习，使学生认识信息系统的发展动态与未来的趋势；掌握常用的web应用开发的基础知识、常用的技术与方法，能独立开发小型的、中等复杂程度的web应用，并了解最新的web技术及其应用。,3,教学目的,2019年2月5日,web应用开发技术,第一部分包括第14章，主要介绍web应用与开发的基本概念、c#语言基础知识与面向对象特性以及web开发的背景知识等。 第二部分包括第511章，全面介绍了microsoft asp.net的框架、控件和数据库开发技术。按照由浅入深的顺序，分别阐述了asp.net页面程序结构、web服务器控件、asp.net中的数据绑定以及控件与代码分离技术。 第三部分包括第1215章，作为高级应用部分，重点介绍作为客户端开发的主流技术javascript 及其对象，融入最新ajax技术的原理和常用的框架与控件，如microsoft asp.net ajax。,实验指导 与 课计设计,本书结构,1.html和css； 2.c#; 3.; 4.课程设计.,2019年2月5日,web应用开发技术,培养兴趣 多动脑勤动手 模仿-吸收-创新,学习方法,开发工具,客户端工具：dreamweaver，flash，firework，photoshop 服务器端工具：visual studio2005/2008/2010 数据库：sqlserver2005 其他：editplus ，firefox,2019年2月5日,第 1 章 绪论,2,2019年2月5日,1.1 web应用及其特征,web应用(web application),也称web应用系统。是利用各种动态web技术开发的基于浏览器/服务器（browser/server，b/s)模式的事务处理系统。其事务逻辑处理和数据的逻辑运算由web服务器、数据库服务器和客户端共同提供，用户借助浏览器在客户端运行，运行结果通过浏览器返回给用户。 web应用程序首先是“应用程序”，与用标准的程序语言，如c、c+、c#、powerbuilder和vb等语言编写出来的程序没有什么本质上的区别。然而web应用程序又有自己的独特之处：它是基于b/s架构，能够很好地应用在广域网上，成为越来越多的企业的理想选择。,1. 什么是web应用,2019年2月5日,1.1 web应用及其特征,相对于早前广泛使用的客户端服务器（client /server，c/s）应用程序体系结构， b/s架构主要具有如下优点： 这种架构采用internet上标准的通信协议作为客户端与服务器通信的协议，使位于internet任意位置的用户都可以访问服务器，可实现数据的远程共享与实时处理。 将浏览器作为客户端的应用程序，以实现对数据的显示。不再需要为客户端单独安装其他类型的应用程序。这样，在客户端只需要安装一套内置浏览器的操作系统，就可以实现服务器上数据的访问，简化了客户端的配置与管理，也便于应用系统的维护和更新。,常见的网络计算器、留言板、聊天室和论坛bbs等，都是web应用程序，不过这些应用相对比较简单，而web应用的真正核心和动力应该是对企业的业务进行处理。,2019年2月5日,1.1 web应用及其特征,在谈论 web 应用程序时，很多人首先会想到web网站(web site)。其实， web应用与web网站是两个既有交叉也有区别的概念。,web网站是伴随internet技术而出现的一种由web页面组成的、用于图文信息发布的网络媒体。每个web页面是一个由各种文字、图片等信息组成的页面文档(document) 它是作为静态视图存储在服务器中，并通过浏览器下载到客户端显示，这些页面文档通过链接(links)形成一个web网站。,web应用是一种经由internet或intranet、以web方式访问的应用程序，属于软件工程的范畴。它应具有以下显著的特点： 它是作为单一实体、具有特定功能的计算机软件应用程序； 它是通过网络浏览器来运行的，并通过服务器处理数据以提供业务计算或信息服务。,2. web网站与web应用,2019年2月5日,1.1、web应用及其特征,web网站与web应用,早期的web 网站就是一个电子布告栏。为满足媒体的互动性，通过表单和简单的编 程与后台的数据库连接，使得web页面具有了一定的交互功能。随着web技术和开发 工具的日益成熟，具有很少软件工程技术知识的人也可以很容易地使他们的网页具 有的交互性.不过，在web上创建内容并不等于部署了web应用。,共同点： 基于b/s模式，都要求有好的可用性和用户体验。都是由页面(page)组成的。 区别： 对于一个网站，用户关注的是它的内容、查询的效率和界面的效果。而对于一个 web应用，用户更关心的是它的功能，也就是它所能提供的服务，并对其交互性有 更高的要求。,2. web网站与web应用（续）,2019年2月5日,1.2、web应用的相关技术,一个页面包括3种基本元素，即： 结构(structure) 表现(presentation) 行为(behavior) 通常用结构化标记语言html来定义页面结构，用css样式来控制页面外观，而用javascript等脚本来规定客户端的操作行为。 一个完整的web应用还包括web服务器和数据库服务。web服务器接收和处理客户端的请求，并提供计算服务；而数据库服务器则负责数据的存储、检索和控制等。服务器端的编程语言主要有java、c#和php等。,web页面构成,2019年2月5日,1.2、web应用的相关技术,可见，web应用涉及的技术非常多，而且这些技术是相互关联的，需要 组合使用。这些技术包括： html/xhtml css xml dom javascript java asp.net 下面对这些技术及作用做一个简要的介绍,2019年2月5日,1.2、web应用的相关技术,html(hypertext markup language，超文本标记语言)是一种用于制作超文本文档的简单标记语言。 html是最基本的web网页面设计语言，用html编写的超文本文档叫html文档。自1990年以来html就一直被用做world wide web（www，万维网）的信息表示语言，它是所有web网站和web应用的基础。 使用html描述的文件，需要通过浏览器来显示。所谓超文本，是因为它可以从一个文件跳到另一个文件，与世界各地主机中的文件连接，并且可以加入图片、声音、动画和视频等内容。html文档的扩展名通常是html或htm。 xhtml（the extensible hypertext markup language，可扩展超文本标记语言)是对html的扩展。xhtml中可以使用xml的语义功能，是一个基于xml的置标记标语言。本质上说，xhtml是一个过渡技术，结合了部分xml的强大功能及大多数html。,html/xhtml,2019年2月5日,1.2、web应用的相关技术,css（cascading style sheets，层叠样式表）负责控制页面的外观表现，如布局、颜色和字体等。css提供了网页页面结构内容与表现形式的分离机制，大大简化了html页面的管理与维护工作，也提高了其开发的工作效率。css可用于控制任何html和xml内容的表现形式。,css,2019年2月5日,1.2、web应用的相关技术,dom（document object model，文档对象模型）为html、xml等数据载体和信息载体在内存中的处理提供的一种基本的对象模型，即用对象来描述页面上的所有元素，是页面结构及组成元素的对象化表示方法，可提供连接到文件的结构、格式、事件等。dom不依赖于任何程序设计语言和网页面描述语言，它为处理html和xml数据提供了一种标准的、独立的接口。,dom,2019年2月5日,1.2、web应用的相关技术,javascript是为适应动态网页的交互性而诞生的一种新的脚本(script)语言。 javascript是由 netscape公司开发的一种脚本语言，借助javascript等脚本语言，可以在web页面实现客户端与服务器的动态交互，javascript的出现使得网页和用户之间实现了实时的动态交互。 javascript短小精悍，又是在客户机上执行，大大提高了网页的浏览速度和交互能力。 它是专门为制作web网页面而量身定做的一种简单的编程语言，如今javascript越来越广泛地使用于web开发上。,javascript可以被应用为一种客户端或者服务器端技术。当应用在客户端时，javascript被嵌入到发送给web浏览器的html中，并且直接被浏览器解释。javascript也可以被应用为一种创建动态内容时使用的服务器端技术，其他的服务器端技术(如微软的asp.net)对javascript提供相应的支持。,javascript,2019年2月5日,1.2、web应用的相关技术,java是sun microsystems公司于1995年5月推出的程序设计语言(java语言)和java平台的总称。它最初的名字是oak，被设计用来在嵌入式系统中运行，后来被用做了基于web的技术。 java平台由java虚拟机和java 应用编程接口(java api)构成。java api为java应用提供了一个独立于操作系统的标准接口，使得java具备了平台无关性。 跨平台、动态的web、internet计算是java的主要特征，它经常被web服务器使用以发布复杂的交互式应用。,java,2019年2月5日,1.2、web应用的相关技术,.net是一种开发平台，而不是一种语言。微软于2002年引入了.net，并将其作为包括web应用在内的许多应用程序的开发平台。 .net平台主要包括4个部分的内容：底层操作系统、.net服务器、.net框架和集成开发工具visual studio.net。在visual studio.net中可以用c#、c+、basic、j#语言开发。可以开发桌面应用程序、web应用程序和智能设备应用程序等。 在.net平台上，c#语言是开发的主要语言。c#是由microsoft开发的一种新型编程语言，它是从c和c+ 中派生出来的，具有c+的功能。对于web开发而言，c#类似java开发语言。所以，c#是开发.net框架应用程序的最好语言。.net平台将c#作为其固有语言。,asp.net,2019年2月5日,1.2、web应用的相关技术,当前和未来的web开发不得不提到近几年最流行的一个词语ajax。ajax是 当前非常流行的web开发技术。 ajax并不是什么新的技术，只不过是javascript中一些相对比较高级的特性的综合应用。一般来说，ajax所涉及的javascript特性主要包括： 通过javascript的xmlhttprequest对象实现异步请求与调用。 通过javascript对xml进行解析和处理。 通过javascript操作dom来实现客户端的动态显示。 典型应用：百度搜索建议，谷歌地图,ajax,2019年2月5日,web应用的目的是通过网络为用户提供信息和计算服务。 按照服务的对象不同，web应用分为面向消费者的公众型web应用(customer-facing public application)和企业web应用(enterprise web application)两大领域。 公众型web应用和企业web应用并没有明确的定义和明显的界限。 公众型web应用是为大众网络用户提供简单的公用计算和信息服务 （如google地图、google搜索建议、google讨论组和gmail等） 企业web应用则是为企业提供业务计算和远程信息处理等服务。,1.3、web应用的分类及其差异,2019年2月5日,1.3、web应用的分类及其差异,公众型web应用的用户群体一般为未知的客户，即最终消费者，具有不可预知性。比如，google公司不会预知到什么类型的用户将要使用搜索功能，它的用户可能遍布世界各地。 随着经济的不断发展，功能相似的公众web应用越来越多，比如在搜索引擎领域，有google、百度、雅虎等多种，用户可以随意选择。并且，由于功能相近，用户就会更加看重界面质量是否完美和可用性的高低。公众型web应用必须提供更好的用户体验以吸引更多的用户。,企业web应用的用户一般局限在企业内部，包括企业员工或企业的客户和供应商等。企业应用可以预知用户的类型，根据用户的职位和职责不同，来设置不同的使用权限和工作流。当用户登录时，系统自动会检测其角色，根据角色设置节点和流程。企业web应用对用户的使用产生一定的强制性，企业日常业务的进行将依赖该web应用系统。在企业应用中，尽管界面的美观也很重要，但用户更关注业务应用的业务功能与使用的方便性。,用户群体与使用行为的差异,2019年2月5日,1.3、web应用的分类及其差异,交互设计之父alan cooper认为，软件的两种主要的使用模式(usage pattern)是瞬态的(transient)和独占的(sovereign)。,瞬态使用模式是指用户可能每天突发性地使用一会儿，是作为辅助性的使用(如计算器、电子邮件、聊天软件等)，是作为次要的任务，amazon、ebay google 等大多数的公众型web都属于瞬态应用。,独占使用模式是指用户使用频繁，并且每天持续使用的时间很长，用户对软件的使用是作为工作的主要任务，软件的故障对用户的工作流程影响大。企业web应用都属于独占应用。,尽管瞬态应用也需要提供良好的可用性和用户体验，但使用中的一些瑕疵仍然是可以接受的。而独占应用是为长时间、密集应用设计的。如果web应用系统的可用性不高或者使用不方便，直接影响到用户的工作流程持续性和工作效率，会遭到用户的抵制或者拒绝。,用户使用模式的差异,2019年2月5日,1.3、web应用的分类及其差异,在公众型web应用中，业务处理的复杂性较低，而对于大量用户并发访问的承受能力则要求较高。公众web应用要想提供较高的用户体验，就必须具有强大的数据的并发处理能力。 公众型应用的功能相对单一，大部分的功能可以包含在一个页面中，页面之间的信息不要求有内在联系。,企业级web应用涉及大量的数据录入、数据的实时编辑与频繁更新、形式多样的数据报表和复杂的业务处理逻辑。 同时要求高度的数据准确性和完整性，对某些重要交易数据的错误处理可能带来包括法律诉讼在内的严重后果。,业务处理模式的差异,2019年2月5日,1.3、web应用的分类及其差异,基于c/s 结构的桌面应用的业务逻辑和数据模型是在一个封闭的环境中运行的 。 基于internet网的web应用能使得企业分布于不同地域的所有员工能共享相同的信息资源，并在一个统一的平台上协调工作，使用者无需考虑所在的物理位置。 传统的web应用在响应速度、数据处理能力和用户体验方面与原有的桌面应用还有很大的差距，尤其是涉及到大量数据录入时糟糕的用户体验与桌面应用还有很大差距。 现在ajax技术的使用，大大改善了web应用的用户体验和可用性。d上的一份研究显示，ajax可以减少73%的网络流量和32%的总体传输时间 。,企业级web应用与桌面应用的差异性,2019年2月5日,1.4 企业级web应用及关键问题,现代企业最显著的特征是跨区域(甚至跨国界)、多地域经营所导致的经营信息的分散性和无边界性。因此，在封闭的环境中运行桌面应用已无法满足现代企业对信息实时管理的要求，而借助互联网和浏览器在广域网上运行的web应用则不受地域限制，能使企业中分布于不同地域的所有员工实时地分享企业的经营信息，并在统一的平台上协调工作。 由于其开放性和实时性，web应用为供应链节点企业间信息共享提供了最佳模式。 ajax技术的发展成熟大大提升了web应用程序的性能。 一方面，通过客户端技术、微请求和异步通信，ajax从根本上改变了客户端和服务器的数据通信方式，显著减少了服务器的工作负荷和网络中的通信量。 另外，通过使用异步方式与服务器通信，不需要中断用户的操作，从而使得页面具有更迅速的响应能力和更强的交互能力,企业应用