第1章 Java Web概述

6．测试。 测试在Dreamweaver中编写的Web页面，在Eclipse中运行。 本例中为了方便演示，在Dreamweaver的JavaWebExample 站点的Chapter1文件夹创建一个简单的JSP页面 exam1_1_Hello.jsp，如图1-31。在Eclipse中刷新 JavaWebExample项目，然后运行exam1_1_Hello.jsp，效 果如图1-32所示。 图1- 31 在Dreamweaver中创建JSP页面



3．配置Eclipse开发环境 启动Eclipse初始界面如图1-22所示，在此处选择工作空间路径， 本例选择路径为D:\workspace。 启动后，配置Web项目测试服务器。打开 Window→Preferences菜单，选择Server→Runtime Environments选项，如图1-23，然后选择添加服务器，添加已 经安装的Tomcat v7.0。

3. 测试虚拟目录配置 打开浏览器，在地址栏中输 入”http://localhost:8080/JavaWebExample “，如图117所示效果，则说明Tomcat虚拟目录JavaWebExample配置 成功。
扩展——Tomcat帮助文档查阅

Tomcat在安装的同时用户可选择安装帮助文档，帮助文档的安 装目录在Tomcat目录下的webapps\docs下，打开 index.html即可看到如图1-18所示的Tomcat帮助文档首页。 在其中可查看关于Tomcat的相关配置与使用方法。
1．安装JDK


2．安装Tomcat Tomcat官方网站下载地址： http://tomcat.apache.org。本书采用的版本是 Tomcat-7.0.20。 下载后，双击安装，如图1-3所示。点击Next到第一 步，进行安装组件选择，如图1-4所示。第二步选择 路径，按照系统默认路径即可。第三步为配置 Tomcat端口信息和账号信息，如图1-5所示，按照实 际配置即可。第四步为选择JDK的安装路径，如图1-6 所示，选择在之前第1步操作中安装的JDK所在的位置。 之后单击“Next”开始安装。安装完毕后，提示安装 完成，如图1-7所示。单击“Finish”完成Tomcat的 安装。


配置JSP运行环境

实现过程：


安装Tomcat服务器前首先安装JDK(Java Development Kit)， 其包括了Java运行环境，Java工具和Java基础的类库。目前， 提供下载的最新版本为JDK7。读者可到官方网站下载，下载地 址为 http://www.oracle.com/technetwork/java/javase/dow nloads/index.html。
现有项目导入、导出、发布打包


4.项目导入 项目导入可直接将文件拷贝至相应文件夹中，也可导入War文件。 下面先来介绍第一种方法 1. 文件拷贝 2. 导入War文件

5.发布打包 选择要打包的项目，右键单击Export(导出)，选择WAR file— >Next，在Web project选项中默认为当前项目名称，也可自行 修改。在Destination选项中选择项目打包后的存储路径。如图 1-38所示。单击Finish完成打包，完成可在存储位置查看文件， 如图1-39所示。
新知识点——Eclipse、Dreamweaver工 具简介

1.Eclipse简介 Eclipse是著名的跨平台的自由集成开发环境(IDE)，最初主要用 于Java语言开发，目前也有人通过插件使其作为其他计算机语言 (如C++和Python)的开发工具。虽然Eclipse本身只是一个框架 平台，但是众多插件的支持使得Eclipse拥有其他功能相对固定 的IDE软件很难具有的灵活性。许多软件开发商以Eclipse为框架 开发自己的IDE。

5．在Dreamweaver中创建JavaWebExample站点 在Dreamweaver中创建站点时，其站点根目录指向在Eclipse 中创建的项目的WebContent目录，本例的根目录为 D:\workspace\ JavaWebExample\WebContent，如图129所示。此外，设置站点为JSP站点，并指定前缀。本例中测试 前缀为http://localhost: 8080/JavaWebExample，如图130所示。
虚拟目录配置

配置JavaWebExample的虚拟目录，方法如下：

1．前期准备工作

ቤተ መጻሕፍቲ ባይዱ
① 在D盘建立D:\WorkSpace\JavaWebExample的文件夹 （也可以建立在其他磁盘）。 ② 在JavaWebExample文件夹中新建index.html文件，输入 “欢迎”二字。

2. 配置Tomcat虚拟目录 ① 打开Tomcat的安装目录下conf文件夹的server.xml文件。 在<Host>和</Host>标签之间加上虚拟目录配置标签，即 <Context path=”/JavaWebExample” docBase=”D:\WorkSpace\JavaWebExample”/>，其中 path属性值为虚拟目录名称，docBase属性值为虚拟目录指向 的物理目录。修改后如图1-16所示。这里path保存的值是你在 浏览器中输入的值即虚拟目录，docBase保存的值是你要访问的 文件的物理绝对路径。

2.Dreamweaver简介 Dreamweaver，简称DW，是一款有着多年历史和良好口碑的 可视化网页编辑工具，它最大的优点就是所见即所得，对W3C网 页标准化支持十分到位。同时它还支持网站管理，包含HTML检 查、HTML格式控制、HTML格式化选项、HomeSite/BBEdit 捆绑、图像编辑、全局查找替换、全FTP功能、处理Flash和 Shockwave等多媒体格式和动态HTML，以及支持ASP、JSP、 PHP、ASP.NET、XML等程序语言的编写与调试。



实现过程： 1．下载安装Eclipse 到Eclipse的官方网站下载Eclipse IDE for Java EE Developers，下载后解压即可使用。Eclipse官方网站 http://www.eclipse.org。 Eclipse启动界面如图1-20所示。 2．下载并安装DreamWeaver8

3.工具联合开发调试项目 使用Eclipse开发程序时，虽然系统框架结构会给你带来方便， 但并不太适合于开发Web显示界面，而Dreamweaver开发 Web页面时可以实现所见即所得的效果，页面也遵循W3C国际 标准。因此，可以利用这些开发工具各自的优点，结合开发Web 程序，从而提高开发效率。
小结

本章介绍了进行Java Web应用开发的特点，B/S架构的优势， 介绍了Java Web程序的服务器运行的安装配置及开发工具的搭 配使用，重点介绍了JDK、Tomcat的安装与配置，以及利用 DreamWeaver与Eclipse搭配开发项目。 通过本章的学习，读者可以创建简单的JSP文件，并且进行测试。
利用开发工具制作Hello.jsp

任务描述与实现任务描述： 利用Dreamweaver、Eclipse搭配开发一个简单的JSP网页。 开发过程采用Eclipse和Dreamweaver搭配开发，设计显示界 面部分用Dreamweaver实现，代码在界面制作自动生成基础上 在Eclipse中编写，最后在Eclipse中测试运行。测试效果如图119所示。
JSP概述、Tomcat目录结构、虚拟目录配置

JSP概述 1. 动态网页 2．B/S技术 3. JSP简介 4．JSP的特点 5. JSP开发及运行环境要求
Tomcat目录结构

Tomcat安装成功后，在Tomcat的安装目录下存在若干个子 目录如图1-15所示，Tomcat不同版本的目录结构略有区别。

4．在Eclipse中创建JavaWebExample项目 在新建项目选择对话框，选择Dynamics Web Project，如图124所示。单击“Next”按钮后，出现如图1-25所示的对话框， 填写项目名称JavaWebExample，选择与项目相关的信息。在 本例中，项目文件都置于D:\workspace\ JavaWebExample 中，因此以默认选项配置；测试用服务器选择Tomcat7.0，其它 部分按默认配置，之后单击“Finish”按钮。
第1章 Java Web概述

本章介绍进行Java Web应用开发所使用的技术结构，以及Java Web 应用开发所需要的应用服务器环境搭建。 本章任务： 配置Java Web运行环境。 利用开发工具制作Hello.jsp。 本章技能目标： 掌握JSP运行环境的搭建，能进行简单的JSP程序编写与运行。