1Java Web应用概述学习目标理解web应用程序的工作原理，能够静态网站和动态网站。了解C/S和B/S结构的区别、web应用发展历程及w
eb开发技术。了解Java Web应用程序的组成及开发模式。学会Java Web开发环境搭建。掌握创建、部署并运行一个Java W
eb应用程序的方法。1.1 认识Web应用一个Web应用（Web Application）通常是指响应用户请求而生成的一些Web页
面。一个网站由大量的页面组成，每个页面通常由一个或多个文件组成，组成一个网站的大量文件之间必须通过特定的方式连接在一起，并且需要一
个系统来管理这些文件。 1.1.1 Web应用程序的工作原理Web应用程序大体可以分为两种，即静态网站和动态网站。图1-1 静态
网站的工作流程1.1.1 Web应用程序的工作原理随着网络的发展，很多线下业务开始向网上发展，基于Internet的Web应用也变
得越来越复杂，用户访问的资源已不能仅仅局限于服务器上保存的静态网页，更多的内容需要根据用户的请求动态生成页面信息，即动态网站。1.
1.1 Web应用程序的工作原理图 1-2 动态网站的工作流程1.1.2 C/S和B/S结构C/S（Client/Server）即
客户端/服务器结构。在这种结构下，需要分别写服务器端程序和客户端程序，应用于服务器和客户机。服务器端程序负责管理和维护数据资源，并
接受客户机的服务请求，向客户机提供所需的数据或服务。客户机安装客户端程序后，也能接受用户请求，具备大量处理功能，因此称为“胖客户端
”。C/S 开发模式能够充分利用两端硬件环境的优势，将任务合理分配到服务器和客户端，从而降低了系统的通信开销。在2000年以前，C
/S开发模式占网络程序开发的主流。1.1.2 C/S和B/S结构B/S(Browser/Server) 即浏览器/服务器结构。在这
种结构中，客户端不需要开发任何应用程序，而统一采用如IE和火狐等浏览器，通过浏览器向Web服务器发送请求，所以，这样的客户端也称瘦
客户端。Web服务器是安装了Web服务软件的计算机，能够处理客户端发过来的Web请求，并将处理结果返回给客户端。1.1.2 C/S
和B/S结构B/S结构和C/S结构的比较如表1-1 所示：1.1.3 Web的发展历程自从1990年，英国计算机科学家Tim Be
rners-Lee发明了World Wide Web并成功通过Internet实现了HTTP代理与服务器的第一次通讯以来，Web发
展主要经历了三个阶段：Web1.0阶段、Web2.0阶段及Web3.0阶段。1.1.3 Web的发展历程1.Web1.0阶段网络是
信息的提供者，通过静态网页把信息单向提供给用户。用户通过客户端的Web浏览器可以访问Internet上各个Web站点，而在每个We
b站点上，保存着提前编写好的HTML格式的Web页面和Web 之间可以实现跳转的超文本链接。这时的Web页面只能包括单纯的文本信息
，用户也只能阅读，不能交流，实现了信息的分享。1.1.3 Web的发展历程2.Web2.0阶段网络成为了平台，更注重用户的交流。用
户既是网站内容的浏览者，也是网站内容的制造者。因此，Web2.0是以用户为核心的互联网，随着P2P、Blog、Ajax及XML等技
术的快速发展，促进了网络用户的信息交换和协同合作。1.1.3 Web的发展历程3.Web3.0阶段在这个阶段网络已经成为用户需求理
解者和提供者，网络对于用户了如指掌，知道用户的行为习惯和需求，能够进行资源筛选、智能匹配，进而直接给用户解决方案。Web3.0是互
联网价值重新分配的必然趋势，体现了用户网络互动及个性化体验的互联网技术的完善。1.1.4 Web应用开发技术在开发Web应用程序时
，通常需要应用客户端和服务器两方面的技术。客户端应用技术主要用于接收与返回用户信息内容展现，服务器应用技术主要用于业务逻辑的处理、
与数据库的交互及内部控制等。下面分别介绍比较常用的应用技术。1.1.4 Web应用开发技术1.客户端应用技术目前，比较常用的客户端
应用技术包括HTML（Hypertext Markup Language）、CSS（Cascading Style sheet）样
式和JavaScript等。其中，HTML即超文本标记语言，用于描述网页文档的一种标记语言，主要用于显示网页信息，不需要编译，由浏
览器解释执行。CSS样式也称为层叠样式表技术，可以有效对网页进行布局并精确控制字体、颜色和背景等效果，不仅可以美化页面，而且还能优
化网页速度。JavaScript是客户端脚本技术，通过脚本语言以编程方式对页面元素进行控制，增加页面的灵活性，并且浏览器可以解释执
行。1.1.4 Web应用开发技术2.服务器端应用技术（1）ASP（2）PHP（3）JSP1.1.4 Web应用开发技术（1）AS
PASP（Active Server Pages）是微软公司开发的一种动态网站开发技术，类似HTML、Script(脚本)与CGI
(公用网关接口)的结合体。ASP允许用户在网页代码中嵌入VBScript或JavaScript脚本语言来生成动态的内容，Web服务
器必须安装适当的解释器后，才可以解释执行脚本程序，然后将执行结果与静态内容结合起来，以HTML格式传送到客户端浏览器。对于一些复杂
的操作，ASP还可以调用后台的ActiveX控件来无限扩充其能力。ASP技术有很多优点，简单易学，但是它基本上局限于微软公司的操作
系统平台，很难在跨平台Web服务器上工作。1.1.4 Web应用开发技术（2）PHPPHP最早是Personal Home Pag
e的缩写，后来理解为超文本预处理器，是一种通用开源脚本语言。PHP语言风格与C语言类似，又混合了Java、Perl以及PHP自创的
语法，比较容易学习。PHP也是一种HTML内嵌式的语言，在服务器端执行，具有非常强大的功能和较高的效率，还提供了标准的数据库接口，
数据库连接方便，兼容性好、扩展性强。PHP能够被多个平台支持，广泛应用于UNIX/Linux平台，代码对外开放，被许多网站编程人员
运用。1.1.4 Web应用开发技术（3）JSPJSP（Java Server Pages）是由Sun公司（现已被甲骨文公司收购）
推出的服务器端开发技术。JSP技术是在传统网页HTML文件中插入Java代码，从而形成JSP文件。JSP以Java为基础，沿用了J
ava强大的API功能。JSP页面中的HTML代码用来显示静态内容；嵌入的Java代码与JSP标记用来生成动态的内容。Web服务器
在遇到访问JSP页面的请求时，首先执行其中的Java程序段，然后将执行结果连同JSP文件中的HTML代码一起返回给客户，实现动态网
页所需要的功能。JSP可以被预编译，提高运行速度。并且JSP应用程序一次编译后，便可随时随地运行。1.2 Java Web应用Ja
va Web应用开发主要涉及表现层（JSP技术、JQuery技术）、控制层（Servlet技术）、业务逻辑层（JavaBean技术
）和数据访问层（JDBC技术），除了学习JSP语法和常用对象之外，还要熟练运用Java语言编程实现业务逻辑和控制功能等。1.2.1
Java Web与Java的关系Java平台分成如下三个版本：（1）Java SE：标准版，主要用于桌面应用的开发，同时也是其它
版本的基础。（2）Java EE：企业版，主要用于企业级应用的开发。（3）Java ME：微版本或称为嵌人式版本，占用内存较少，主
要用于嵌入式应用的开发。Java EE采用分层思想进行应用程序架构，一般分为3层（表现层、业务逻辑层和数据访问层）或4 层（表现层
、控制层、业务逻辑层和持久层），以提高软件开发效率。1.2.2 Java Web应用程序Java Web应用程序就是采用Java语
言编写的Web应用程序，通过互联网能够让Web浏览器和服务器进行通信。Java Web应用程序由一组JSP页面、Servlet、J
avaBean以及其它可以绑定的资源构成，可以在实现Servlet规范的Web 容器中运行。Java Web应用的组成如图1-3所
示。1.2.2 Java Web应用程序图1-3 Java Web应用的组成1.2.2 Java Web应用程序一个Java W
eb应用程序的具体执行过程如下：第一，客户端向Web服务器发起HTTP请求。第二，Web服务器接收客户端发来的请求，根据请求的类型
确定处理的对象。如果请求的是静态资源，则Web服务器直接处理；如果请求的是Servlet或JSP，则转交给Web容器，Web容器根
据Servlet的配置文件（web.xml）确定调用的具体Servlet类，并把请求(request)对象传给该Servlet类。
第三，Servlet处理完请求后，把要返回的信息放入响应（response）对象通过Web服务器返回客户端。这时Web容器把控制权
返回给Web服务器。1.2.3 Java Web应用开发模式Java实现Web编程的第一代和第二代技术分别是Servlet和JSP
。随着Web应用的复杂度增大，Sun公司推广Java Web开发的时候，提出了两个不同的开发架构模型，又称为JSP Model 1
和JSP Model 2。而JSP Model 2模型就是简单的MVC架构模式。下面对于Servlet与JSP技术、几种开发架构模
式进行简要介绍。1.2.3 Java Web应用开发模式1．Servlet与JSPServlet是Java技术中最早的Web解决方
案，它与普通Java类的编写非常类似。使用Servlet技术，页面中的所有信息需要通过输出语句来生成，这是一件烦琐的事情。如果采用
HTML 语言直接生成相同功能的界面将非常简单。因此，Java推出了JSP技术，可以有效地解决Servlet生成页面比较困难的问题
。JSP技术是Servlet更高级的扩展，通过JSP可以让开发人员把普通的Java代码嵌入到HTML页面中，最终JSP文件会通过W
eb服务器的Web容器编译成一个Servlet，用来处理各种请求，实现了快速地开发动态的Web页面。1.2.3 Java Web应
用开发模式2．JSP Model1模型（JSP+JavaBean）JSP Model 1模型主要使用JSP和JavaBean技术来
开发Web应用。JavaBean是特殊的Java类，封装数据库的操作和部分业务逻辑的代码，JSP页面中既包含输出效果的HTML、C
SS代码，也会包含表示业务逻辑的Java代码。这种架构模型非常适合小型Web项目的快速开发，对Java Web开发人员的技术水平要
求也不高。缺点是Java代码和HTML揉合在一起，不利于Java程序员和前台美工人员分工合作，项目后期维护也会造成很大的困难。1.
2.3 Java Web应用开发模式3．JSP Model2模型（MVC架构模式）为了解决JSP Model1的弊端，把JSP页面
中的Java代码取出来，放到Servlet、JavaBean等Java文件中，专门由Java程序员单独开发维护，JSP页面就变得很
“干净”，美工人员只负责显示。JSP Model2模型使用了三种技术：JSP、Servlet和JavaBean。JSP负责数据的最
终显示，Servlet用来处理各种请求的分派，JavaBean主要负责对数据库的操作等业务。1.3 Java web运行环境在进行
Java Web应用开发前，需要把整个开发环境搭建好。通过前面对Web 应用运行过程的学习，我们已经知道Web应用的运行需要Web
服务器和Java开发工具包（JDK）的支持，同时为了高效率地进行软件开发，还需要安装Java Web的集成开发环境（IDE—Int
egrated Development Enviroment）。1.3.1 运行环境简介Java Web服务器主要是与Servle
t、JSP兼容的Web应用的容器，比较常用的有Tomcat、JBoss、Resin、WebSphere和WebLogic等。本书选
择小型轻量级的Tomcat7.0作为Web服务器，它性能稳定、扩展性好、源码开放，是初学Java Web开发和中小企业应用的最佳选
择。Java Web应用服务器在管理运行JSP程序时需要编译Java源文件、加载并执行Java文件，需要JDK的支持。所以搭建Ja
va Web开发环境必须安装好JDK，本书选择JDK7.0版，与Tomcat7.0较好兼容。1.3.1 运行环境简介Java We
b集成开发环境有Eclipse、MyEclipse、NetBeans、IntelliJ IDEA等。Eclipse是一个开放的开发
平台，需要安装Eclipse插件，才能进行Java Web开发, MyEclipse是在Eclipse基础上增加自己的插件开发而成
的功能强大的企业级集成开发环境，支持十分广泛，本书选择MyEclipse9.0作为开发环境，1.3.2 JDK的安装与配置JDK可
以在Oracle公司的官方网站（https://www.oracle.com/java/technologies/javase/j
avase7-archive-downloads.html）下载，进入下载页面后，选择合适自己操作系统平台的安装文件。下载了Win
dows 操作系统的JDK安装文件，文件名为jdk-7u80-windows-x64.exe,就可以双击安装文件进行安装。1.3.
2 JDK的安装与配置2.配置环境变量在Win10操作系统中配置环境变量的方法如下：（1）在桌面上右击“此电脑”图标，在弹出的快捷
菜单中选择“属性”命令，会打开“系统”窗口，单击“系统”窗口左侧的“高级系统设置”命令。（2）在“高级”选项卡中，单击“环境变量（
N）…”按钮，将弹出“环境变量”对话框，单击系统变量下方的“新建（W）…按钮”，新建系统变量。1.3.2 JDK的安装与配置（3）
在 “新建系统变量”对话框，分别输入变量名“JAVA_HOME”和变量值（JDK的安装路径），读者需要根据自己安装JDK时的安装路
径进行相应修改。填写好后，单击“确定”按钮。（4）在 “环境变量”对话框中，双击Path变量修改其值，即在原变量值后面添加“%JA
VA_HOME%\bin;”变量值。单击“确定”按钮完成环境变量的设置。（5）在Windows系统中测试JDK环境配置是否正确。
在控制台提示符后输入“javac”命令并按Enter键，1.3.3 Tomcat的安装与配置本书使用Tomcat7.0版本，
读者可以到Tomcat官方网站下载，网址为https://tomcat.apache.org/download-70.cgi。
双击下载后的文件（pache-tomcat-7.0.75.exe）进入Apache Tomcat安装的初始界面，单击“Next”按
钮，开始安装。1.3.3 Tomcat的安装与配置安装完成后，当在任务栏右侧出现绿色三角形图标，表示Tomcat7服务器已经在后台
启动运行了。我们也可以在“所有应用”中找到“configure Tomcat”选项，打开Tomcat属性对话框，在该对话框中，单击
停止（stop）、启动（start）、暂停（Pause）或重启（Restart）按钮，管理Tomcat服务器。 测试服务器。打开浏
览器，输入http://localhost:8080/，如果能看到Tomcat的首页，表示服务器正常运行，否则需要查看日志，寻找错
误原因。1.3.4 MyEclipse的安装与配置从MyEclipse官方网站http://www.myeclipseide.co
m获得免费试用版软件。本书选择MyEclipse9.0版本。双击下载的安装文件myeclipse.9.0，根据提示接受协议、选择安
装路径、安装内容等进行安装即可，这里不再详细描述安装过程。安装完成后，通常会启动MyEclipse，弹出 “选择工作空间”对话框。
Workspace(工作空间)就是指定一个存储项目的文件夹，通过单击“Browse…”按钮可以进行选择。1.4 使用MyEclip
se进行Java Web 开发开发环境搭建好了，本节将介绍如何开发一个简单的Web 应用程序。1.4.1 在MyEclipse中创
建Web工程通过双击桌面上的MyEclipse应用程序图标或者单击“所有应用”中的MyEclipse 9，就可以进入MyEclip
se工作界面，新建Web 工程，具体步骤如下：第一步：选择菜单栏中的“File” “New” “Web Project”,打开 “
New Web Project”对话框。1.4.1 在MyEclipse中创建Web工程第二步：在“Project Name”文本
框中输入Web工程的名称，如：first_project。一般将该工程文件存放在默认的工作空间，如果想改变存储位置，不再勾选“Us
e default location”选项，然后单击“Browse…”按钮进行设置。 “Source folder”文本框用来指明
存储项目源文件的文件夹；“Web root folder”文本框用来指明Web工程文件的存放文件夹；“Context root U
RL”文本框用于指明访问该Web站点的根路径。以上三项可以采用默认设置。1.4.1 在MyEclipse中创建Web工程第三步:单
击“Finish”按钮，完成first_project工程创建。在左侧“Package Explorer”中能够看到该项目的名称
及结构。Java Web工程文件结构中包含了类文件、类库、配置文件web.xml以及JSP文件等，这些组件协同工作。1.4.2 在
MyEclipse中新建JSP页面新创建的first_project工程还是一个空项目，本小节我们在该项目中添加一个JSP页面。首
先，在first_project工程中找到WebRoot文件夹并右击，在弹出的快捷菜单上选择“New” “JSP”,弹出对话框。我
们可以在File Name文本框内输入文件名：比如firstJsp.jsp,单击“Finish”按钮即可完成JSP页面创建，同时M
yEclipse自动打开firstJsp页面。接着，我们通过MyEclipse提供的JSP页面编辑器来编辑firstJSP页面。将
中的内容修改为“Welcome to my first JSP”并保存。1.4.3 在MyEclipse中配置Tomc
at服务器为了能在MyEclipse中直接使用Tomcat7服务器，需要对其进行配置。单击工具栏上的“Run/stop/Resta
rt MyEclipse Servers”按钮右侧的下三角，在弹出的菜单中选择“configure server”选项。 展开左侧
的“Servers”，找到“Tomcat”，选择其中的Tomcat7.x进行配置。在“Tomcat home directory”
文本框中输入Tomcat的安装目录，指定正确的安装目录后，下面两个文本框会自动输入，无需再设置；1.4.3 在MyEclipse中
配置Tomcat服务器然后，单击左侧Tomcat7.x，展开下拉框，单击“JDK”选项，右侧框显示 “JDK”相关内容，在“Tom
cat JDK name”下的文本框右侧输入刚安装的JDK的名称，也可以单击右侧“Add …”按钮直接找到JDK安装路径，自动会填
入JDK名称；最后，单击“OK”按钮，Tomcat7服务器就整合至MyEclipse集成开发环境中了。1.4.4 在MyEclip
se中部署Java Web项目将新建的first_project项目部署到Web服务器并运行的步骤如下：第一步：在MyEclips
e主界面中单击部署Web项目的工具按钮“Deploy MyEclipse J2ee project to server”，弹出对话
框，在“Project”下拉列表框中选择要部署的Web应用。单击右侧的“Add”按钮将打开选择Web服务器窗口。1.4.4 在My
Eclipse中部署Java Web项目第二步：在 “Server”下拉列表框中选择“Tomcat 7.x”，其它选项默认设置，单
击“Finish”按钮完成服务器的选择。页面回到项目部署界面，此时会发现“Deployments”下面多了一行first_proj
ect项目部署到Tomcat 7.x服务器的信息，并且最下面“Deployments Status”（部署状态）下面显示“Succ
essfully deployed”(部署成功)。1.4.4 在MyEclipse中部署Java Web项目第三步：单击工具栏“R
un/stop/Restart MyEclipse Servers”按钮右侧的下三角，弹出下拉菜单，选择“Tomcat7.x”选项
中的“Start”,启动服务器；第四步：运行first_project项目。打开MyEclipse中的浏览器或外部浏览器，在地址栏中输入http://loacalhost:8080/first_project/firstJsp.jsp，按回车后运行。小 结本章主要介绍了web应用程序的工作原理、开发模式、发展历程及web应用开发技术、Java Web应用的程序组成及开发模式等。通过图示的方式，详细介绍了Java Web开发环境的安装与配置并创建、部署、运行了第一个Java Web项目，为后续章节学习奠定了基础。习 题一、填空题( 请在括号内填入正确答案)1.Tomcat服务器的默认端口是（ 8080 ）。2.在Tomcat成功安装和启动后，可以在浏览器中输入（ http://localhost:8080 ）来测试安装配置是否正常。3.网络应用程序开发的两种结构是（ C/S ）和（ B/S ）4.Java Web应用开发的MVC架构模式的M表示（ Model ），V表示 （ View ），C表示（ Control ）。习 题二、上机实训题 1.安装并配置Java Web开发环境。(略)2. 使用MyEclipse创建一个Java Web工程，存储在工作空间D盘javaweb文件夹里，新建一个简单的.jsp文件，能够在浏览器中输出“Hello World”。（略）? |
|
