《第1章 Java Web概述.ppt》由会员分享，可在线阅读，更多相关《第1章 Java Web概述.ppt（26页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第第1章章 Java Web概述概述n本章介绍进行本章介绍进行Java Web应用开发所使用的技术结构，以及应用开发所使用的技术结构，以及Java Web应用开发所需要的应用服务器环境搭建。应用开发所需要的应用服务器环境搭建。n本章任务：本章任务： n配置配置Java Web运行环境。运行环境。n利用开发工具制作利用开发工具制作Hello.jsp。n本章技能目标：本章技能目标：n掌握掌握JSP运行环境的搭建，能进行简单的运行环境的搭建，能进行简单的JSP程序编写与运行。程序编写与运行。配置JSP运行环境n实现过程：实现过程： n1安装安装JDK n安装安装Tomcat服务器前首先安装服务器前首
2、先安装JDK(Java Development Kit)，其包括了其包括了Java运行环境，运行环境，Java工具和工具和Java基础的类库。目前，基础的类库。目前，提供下载的最新版本为提供下载的最新版本为JDK7。读者可到官方网站下载，下载地。读者可到官方网站下载，下载地址为址为http:/ nTomcat官方网站下载地址：官方网站下载地址：http:/tomcat.apache.org。本书采用的版本是。本书采用的版本是Tomcat-7.0.20。n下载后，双击安装，如图下载后，双击安装，如图1-3所示。点击所示。点击Next到第一到第一步，进行安装组件选择，如图步，进行安装组件选择，如图
3、1-4所示。第二步选择所示。第二步选择路径，按照系统默认路径即可。第三步为配置路径，按照系统默认路径即可。第三步为配置Tomcat端口信息和账号信息，如图端口信息和账号信息，如图1-5所示，按照实所示，按照实际配置即可。第四步为选择际配置即可。第四步为选择JDK的安装路径，如图的安装路径，如图1-6所示，选择在之前第所示，选择在之前第1步操作中安装的步操作中安装的JDK所在的位置。所在的位置。之后单击之后单击“Next”开始安装。安装完毕后，提示安装开始安装。安装完毕后，提示安装完成，如图完成，如图1-7所示。单击所示。单击“Finish”完成完成Tomcat的的安装。安装。JSP概述、概述、
4、Tomcat目录结构、虚拟目录配置目录结构、虚拟目录配置nJSP概述概述n1. 动态网页动态网页n2B/S技术技术n3. JSP简介简介n4JSP的特点的特点n5. JSP开发及运行环境要求开发及运行环境要求Tomcat目录结构目录结构n Tomcat安装成功后，在安装成功后，在Tomcat的安装目录下存在若干个子的安装目录下存在若干个子目录如图目录如图1-15所示，所示，Tomcat不同版本的目录结构略有区别。不同版本的目录结构略有区别。虚拟目录配置n配置配置JavaWebExample的虚拟目录，方法如下：的虚拟目录，方法如下： n1前期准备工作前期准备工作n 在在D盘建立盘建立D:Wor
5、kSpaceJavaWebExample的文件夹的文件夹（也可以建立在其他磁盘）。（也可以建立在其他磁盘）。n 在在JavaWebExample文件夹中新建文件夹中新建index.html文件，输入文件，输入“欢迎欢迎”二字。二字。n2. 配置配置Tomcat虚拟目录虚拟目录n 打开打开Tomcat的安装目录下的安装目录下conf文件夹的文件夹的server.xml文件。文件。在在和和标签之间加上虚拟目录配置标签，即标签之间加上虚拟目录配置标签，即，其中，其中path属性值为虚拟目录名称，属性值为虚拟目录名称，docBase属性值为虚拟目录指向属性值为虚拟目录指向的物理目录。修改后如图的物理目
6、录。修改后如图1-16所示。这里所示。这里path保存的值是你在保存的值是你在浏览器中输入的值即虚拟目录，浏览器中输入的值即虚拟目录，docBase保存的值是你要访问的保存的值是你要访问的文件的物理绝对路径。文件的物理绝对路径。n3. 测试虚拟目录配置测试虚拟目录配置n打开浏览器，在地址栏中输打开浏览器，在地址栏中输入入”http:/localhost:8080/JavaWebExample “，如图，如图1-17所示效果，则说明所示效果，则说明Tomcat虚拟目录虚拟目录JavaWebExample配置配置成功。成功。扩展扩展Tomcat帮助文档查阅帮助文档查阅nTomcat在安装的同时用户
7、可选择安装帮助文档，帮助文档的安在安装的同时用户可选择安装帮助文档，帮助文档的安装目录在装目录在Tomcat目录下的目录下的webappsdocs下，打开下，打开index.html即可看到如图即可看到如图1-18所示的所示的Tomcat帮助文档首页。帮助文档首页。在其中可查看关于在其中可查看关于Tomcat的相关配置与使用方法。的相关配置与使用方法。利用开发工具制作利用开发工具制作Hello.jspn 任务描述与实现任务描述：任务描述与实现任务描述： n利用利用Dreamweaver、Eclipse搭配开发一个简单的搭配开发一个简单的JSP网页。网页。n开发过程采用开发过程采用Eclipse
8、和和Dreamweaver搭配开发，设计显示界搭配开发，设计显示界面部分用面部分用Dreamweaver实现，代码在界面制作自动生成基础上实现，代码在界面制作自动生成基础上在在Eclipse中编写，最后在中编写，最后在Eclipse中测试运行。测试效果如图中测试运行。测试效果如图1-19所示。所示。 n实现过程：实现过程： n1下载安装下载安装Eclipse n到到Eclipse的官方网站下载的官方网站下载Eclipse IDE for Java EE Developers，下载后解压即可使用。，下载后解压即可使用。Eclipse官方网站官方网站http:/www.eclipse.org。nE
9、clipse启动界面如图启动界面如图1-20所示。所示。n2下载并安装下载并安装DreamWeaver8 n3配置配置Eclipse开发环境开发环境n启动启动Eclipse初始界面如图初始界面如图1-22所示，在此处选择工作空间路径，所示，在此处选择工作空间路径，本例选择路径为本例选择路径为D:workspace。n启动后，配置启动后，配置Web项目测试服务器。打开项目测试服务器。打开WindowPreferences菜单，选择菜单，选择ServerRuntime Environments选项，如图选项，如图1-23，然后选择添加服务器，添加已，然后选择添加服务器，添加已经安装的经安装的Tom
10、cat v7.0。 n4在在Eclipse中创建中创建JavaWebExample项目项目n在新建项目选择对话框，选择在新建项目选择对话框，选择Dynamics Web Project，如图，如图1-24所示。单击所示。单击“Next”按钮后，出现如图按钮后，出现如图1-25所示的对话框，所示的对话框，填写项目名称填写项目名称JavaWebExample，选择与项目相关的信息。在，选择与项目相关的信息。在本例中，项目文件都置于本例中，项目文件都置于D:workspace JavaWebExample中，因此以默认选项配置；测试用服务器选择中，因此以默认选项配置；测试用服务器选择Tomcat7.
11、0，其它，其它部分按默认配置，之后单击部分按默认配置，之后单击“Finish”按钮。按钮。n5在在Dreamweaver中创建中创建JavaWebExample站点站点n在在Dreamweaver中创建站点时，其站点根目录指向在中创建站点时，其站点根目录指向在Eclipse中创建的项目的中创建的项目的WebContent目录，本例的根目录为目录，本例的根目录为D:workspace JavaWebExampleWebContent，如图，如图1-29所示。此外，设置站点为所示。此外，设置站点为JSP站点，并指定前缀。本例中测试站点，并指定前缀。本例中测试前缀为前缀为http:/localhos
12、t: 8080/JavaWebExample，如图，如图1-30所示。所示。n6测试。测试。n测试在测试在Dreamweaver中编写的中编写的Web页面，在页面，在Eclipse中运行。中运行。本例中为了方便演示，在本例中为了方便演示，在Dreamweaver的的JavaWebExample站点的站点的Chapter1文件夹创建一个简单的文件夹创建一个简单的JSP页面页面exam1_1_Hello.jsp，如图，如图1-31。在。在Eclipse中刷新中刷新JavaWebExample项目，然后运行项目，然后运行exam1_1_Hello.jsp，效，效果如图果如图1-32所示。所示。n图图
13、1- 31 在在Dreamweaver中创建中创建JSP页面页面 新知识点新知识点Eclipse、Dreamweaver工工具简介具简介n1.Eclipse简介简介nEclipse是著名的跨平台的自由集成开发环境是著名的跨平台的自由集成开发环境(IDE)，最初主要用，最初主要用于于Java语言开发，目前也有人通过插件使其作为其他计算机语言语言开发，目前也有人通过插件使其作为其他计算机语言(如如C+和和Python)的开发工具。虽然的开发工具。虽然Eclipse本身只是一个框架本身只是一个框架平台，但是众多插件的支持使得平台，但是众多插件的支持使得Eclipse拥有其他功能相对固定拥有其他功能相
14、对固定的的IDE软件很难具有的灵活性。许多软件开发商以软件很难具有的灵活性。许多软件开发商以Eclipse为框架为框架开发自己的开发自己的IDE。n2.Dreamweaver简介简介 nDreamweaver，简称，简称DW，是一款有着多年历史和良好口碑的，是一款有着多年历史和良好口碑的可视化网页编辑工具，它最大的优点就是所见即所得，对可视化网页编辑工具，它最大的优点就是所见即所得，对W3C网网页标准化支持十分到位。同时它还支持网站管理，包含页标准化支持十分到位。同时它还支持网站管理，包含HTML检检查、查、HTML格式控制、格式控制、HTML格式化选项、格式化选项、HomeSite/BBEd
15、it捆绑、图像编辑、全局查找替换、全捆绑、图像编辑、全局查找替换、全FTP功能、处理功能、处理Flash和和Shockwave等多媒体格式和动态等多媒体格式和动态HTML，以及支持，以及支持ASP、JSP、PHP、ASP.NET、XML等程序语言的编写与调试。等程序语言的编写与调试。n3.工具联合开发调试项目工具联合开发调试项目 n使用使用Eclipse开发程序时，虽然系统框架结构会给你带来方便，开发程序时，虽然系统框架结构会给你带来方便，但并不太适合于开发但并不太适合于开发Web显示界面，而显示界面，而Dreamweaver开发开发Web页面时可以实现所见即所得的效果，页面也遵循页面时可以实
16、现所见即所得的效果，页面也遵循W3C国际国际标准。因此，可以利用这些开发工具各自的优点，结合开发标准。因此，可以利用这些开发工具各自的优点，结合开发Web程序，从而提高开发效率。程序，从而提高开发效率。现有项目导入、导出、发布打包n4.项目导入项目导入 n项目导入可直接将文件拷贝至相应文件夹中，也可导入项目导入可直接将文件拷贝至相应文件夹中，也可导入War文件。文件。下面先来介绍第一种方法下面先来介绍第一种方法n1. 文件拷贝文件拷贝n2. 导入导入War文件文件n5.发布打包发布打包n选择要打包的项目，右键单击选择要打包的项目，右键单击Export(导出导出)，选择，选择WAR fileNe
17、xt，在，在Web project选项中默认为当前项目名称，也可自行选项中默认为当前项目名称，也可自行修改。在修改。在Destination选项中选择项目打包后的存储路径。如图选项中选择项目打包后的存储路径。如图1-38所示。单击所示。单击Finish完成打包，完成可在存储位置查看文件，完成打包，完成可在存储位置查看文件，如图如图1-39所示。所示。小结n本章介绍了进行本章介绍了进行Java Web应用开发的特点，应用开发的特点，B/S架构的优势，架构的优势，介绍了介绍了Java Web程序的服务器运行的安装配置及开发工具的搭程序的服务器运行的安装配置及开发工具的搭配使用，重点介绍了配使用，重点介绍了JDK、Tomcat的安装与配置，以及利用的安装与配置，以及利用DreamWeaver与与Eclipse搭配开发项目。搭配开发项目。n通过本章的学习，读者可以创建简单的通过本章的学习，读者可以创建简单的JSP文件，并且进行测试。文件，并且进行测试。