Web应用开发简介.ppt

第1章 Web应用开发简介 1.2 使用Java开发Web应用 1.3 集成开发环境 1.1 Web应用介绍 1.1.1 Web的概念及发展 Web介绍 w 概念 World Wide Web简称为Web，中文译为万维网，是Internet上的一种服务。 w 历史 1980年：Tim Berners-Lee负责的Enquire项目具有了Web类似思想。 1990年：直到1990年，第一台Web服务器开始运行 。 1991年：CERN正式发布了Web技术标准 。 w 组成 服务器：物理设备指远程计算机，软件指根据用户的请求将信息资源传递给用户的 应用程序。 客户端：物理设备指本地计算机，软件指接受并显示服务器上传递过来的信息资源 的应用程序 w 发展 Web 1.0 ：称为互联网第一代，指的是2003年以前的互联网模式。 Web 2.0 ：以用户为灵魂，它允许多人参与，以可读可写的模式成为了互联网新的 发展趋势。 1.1.2 Web应用程序 Web应用程序介绍 w 概念 Web应用程序是一种使用HTTP作为核心通信协议、通过互 联网让Web浏览器和服务器通讯的计算机程序。 w 技术组成 客户端开发技术 ：HTML 、CSS 、DOM 、ActiveX 、JavaScript 、VBScript 、Applet等 。 服务器端开发技术 ：JSP/Servlet 、PHP 、ASP 、CGI、Perl、 ISAPI等。 w 层次结构 表示层：采用Web浏览器实现。 业务逻辑层：由位于Web服务器上的各种服务器端程序实现。 数据服务层：由数据库服务器提供，数据库服务器例如MySQL、SQL Server等。 返回 1.2.1 面向对象的编程语言 面向过程与面向对象 w 面向过程 面向过程是一种以事件为中心的编程思想，它将重点围绕在 数据的使用上，在程序设计过程中通过流程图的方式辅助程 序设计，然后用结构化的编程语句来编写程序。例如C、 Cobol、Pascal等语言。 w 面向对象 面向对象将将要解决的问题分解成各个对象，建立对象的目 的不是为了完成一个步骤，而是为了描叙解决问题中的各个 步骤中的行为。面向对象编程方式是建立在面向过程编程方 式基础上，其最重要的改变在于面向对象编程中，程序将围 绕被操作的对象来设计，而不是操作本身。面向对象编程方 式以类作为构造程序的基本单位，具有封装、抽象、继承、 多态性等特点。如Java、C+、Self等。 1.2.2 丰富的框架技术 框架技术 w框架介绍 面向对象的一个突出优点就是复用，面向对象系统获得的最大的复用方式就是使用框 架。框架其实就是可重用的设计架构，应用框架强调的是软件的设计重用性和系统的可 扩充性，以缩短大型应用软件系统的开发周期，提高开发质量。 wJava中常用的框架 l Struts：一个基于Sun J2EE平台的MVC框架，它将Servlet和JSP标签作为实现自身功 能的一部分。 l WebWork：一个基于Web的MVC框架。它在运行时通过Interceptor（拦截器）自动 应用，因此脱离了Action类。 l Struts 2：它建立在Struts框架与WebWork框架基础之上，继承了二者的优点，是目 前非常流行的一个Web框架。 l Spring：一个以IoC和AOP为核心的轻量级容器框架。它提供了一系列的Java EE开 发解决方案，包括表示层的Spring MVC、持久层的Spring JDBC以及业务层事务管 理等众多的企业级应用技术。 l Hibernate：一个ORM（对象关系映射）框架，它对JDBC进行了轻量级的封装。通 过使用Hibernate框架，开发人员能够以面向对象的思维方式来操作数据库。 l Ibatis：相对于Hibernate而言，Ibatis是一个“半自动化”的ORM实现框架，它主要致 力于POJO与SQL之间的映射关系，是对“全自动化”ORM框架的一种有益补充。 l EasyJWeb：EasyJWeb是一个核心基于模板技术实现的MVC框架，主要致力于Java Web应用程序的快速开发。 1.2.3 XML、CSS的应用（1） XML w简介 XML中文称为可扩展标记语言，它是由W3C（万维网协会）推出的新一代数据交互的 标准，主要用于定义Web网页上的文档元素和商业文档。 w语言特点 XML是一种数据存储语言，它使用一系列简单的标记（或者称为元素）来描述数据， 包含XML语言的文件称为XML文件，它通常以“.xml”结尾，例如： 张三 09213班 w用途 l 实现不同应用程序之间的数据交互 l 对一种数据实现多种样式 l 实现数据的分布式处理 1.2.3 XML、CSS的应用（2） CSS w简介 CSS中文称为层叠样式表单，由W3C的CSS工作组设置和维护，它是一种用来表现 HTML或XML等文件式样的计算机语言，属于浏览器解释型语言，不需要编译，就可以 直接由浏览器执行。 w语言特点 CSS语法非常简单，组成CSS语法的元素只有CSS选择符与CSS属性。每个CSS选择符 可以包含一个或多个CSS属性。将下面的XML文件使用CSS设置样式： 张三 09213班 CSS的代码： #studentName color:blue .studentClass color:red 1.2.4 JavaScript与Ajax（1） JavaScript w简介 JavaScript是由Netscape公司开发的一种客户端脚本语言，它允许在HTML基础上进行 交互式Web网页的开发。JavaScript的出现使网页与用户之间实现了一种实时性的、动态 的、交互性的关系，使网页包含更多的活跃元素。JavaScript很多情况下用在客户端数据 校验方面，一定程度上减轻了服务器的负载量，为客户提供更流畅的浏览效果。 w语言特点 在页面中直接使用： 引用外部文件： 问候页面 1.2.4 JavaScript与Ajax（2） Ajax w简介 Ajax可以解决传统的Web应用中页面刷新的问题。Ajax全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种结合了XML以及JavaScript等编程技术， 用于创建交互式网页应用的Web开发技术。 w语言特点 包含的技术： l XMLHttpRequest：是由微软开发的可以在不刷新页面的情况下直接进行脚本与服务器通信的技术 。在Ajax中，XMLHttpRequest用于完成异步向服务器进行数据传输的功能。 l JavaScript：一种客户端脚本语言。在Ajax中，JavaScript起到了一个纽带的作用，将其它技术进 行有机结合，同时其自身又发挥着客户端校验的作用。 l CSS：层叠样式表单。在Ajax中，CSS提供了从内容中分离应用样式和设计的机制。 l DOM：文档对象模型，它是一种与浏览器、平台、语言无关的接口，可以访问页面其他的标准 组件。在Ajax中，DOM用于在不刷新页面的情况下对已载入页面进行动态更新，实现数据的动态 显示和交互。 l XML：可扩展标记语言，是当前处理结构化文档信息的有力工具。在Ajax中，XML用于处理数 据交互格式。 l XHTML：XHTML称为可扩展超文本标识语言，它结合了部分XML的强大功能及大多数HTML的 简单特性。在Ajax中，XHTML用于结合CSS实现页面的外观表示。 l XSLT：用于将XML文档转换为XHTML文档或其他XML文档的语言。在Ajax中，XSLT用于结合 XML进行数据交换及相关操作。 返回 1.3.1 集成开发环境简介 集成开发环境 w用途 集成开发环境，英文名称为Integrated Development Environment，简称为IDE，它是一种 用于辅助开发人员开发应用程序的应用软件。 w开发Java应用常用的IDE l IntelliJ IDEA：IntelliJ IDEA是JetBrains公司的产品，它是Java语言开发的集成环境 ，官方下载网址为 /idea/download/index.html。 IntelliJ IDEA具有的突出功能包括智能代码助手、代码自动提示、重构、J2EE支持 、Ant、JUnit、CVS整合、代码审查等。 l JBuilder：JBuilder最初是由Borland公司开发的产品，目前已归Embarcadero公司所 有，它是针对Java的开发工具，官方下载网址为 /products/jbuilder。 JBuilder具有专业化的图形调试介面，支持远程调试和多线程调试，它能够简化团 队合作，适合企业的J2EE开发。 l Eclipse：Eclipse最初是由IBM公司开发的IDE，目前由非营利软件供应商联盟 Eclipse基金会（Eclipse Foundation）管理。官方下载网址为 /downloads/。 Eclipse是开放源代码的软件开发项目，它的最大的特点就是其扩展性，几乎能够集 成开发人员编写的任何开放源代码插件。 1.3.2 Web应用服务器说明 Web应用服务器 w用途 Web应用服务器是为创建、部署、运行以及管理Web应用提供多种运行时服务（如事务 、安全等等）的分布式系统，它是应用程序运行的一个基本环境。 wJava应用中常用的Web应用服务器 l Tomcat：Tomcat是由Apache软件基金会（Apache Software Foundation）的提供的。 Tomcat服务器是一个免费的、开放源代码的Web应用服务器。Tomcat服务器在运行 时占用的系统资源小、扩展性好、支持负载平衡与邮件服务等开发应用系统常用的 功能，因此目前许多Web服务器都是采用的To