第二章 JSP 开发环境搭建知识目标 : 1. 了解 JSP 的运行环境 ; 2. 熟悉 JSP 环境的搭建 ; 3. 能独立搭建出 JSP 环境教学目标 : 1.JDK 的安装 ; 2.Tomcat 的安装 ; 3.MyEclipse 的使用 ; 4. 第一个 JSP 程序内容框架 : JS

Size: px

Start display at page:

Download "第二章 JSP 开发环境搭建知识目标 : 1. 了解 JSP 的运行环境 ; 2. 熟悉 JSP 环境的搭建 ; 3. 能独立搭建出 JSP 环境教学目标 : 1.JDK 的安装 ; 2.Tomcat 的安装 ; 3.MyEclipse 的使用 ; 4. 第一个 JSP 程序内容框架 : JS"

还吏霍
5 years ago
Views:

1 第二章 JSP 开发环境搭建知识目标 : 1. 了解 JSP 的运行环境 ; 2. 熟悉 JSP 环境的搭建 ; 3. 能独立搭建出 JSP 环境教学目标 : 1.JDK 的安装 ; 2.Tomcat 的安装 ; 3.MyEclipse 的使用 ; 4. 第一个 JSP 程序内容框架 : JSP 环境搭建 JSP 的运行环境第一个 JSP 项目安装与配置 JDK 安装与配置 Tomcat JSP 开发工具 Eclipse MyEclipse 编写 Web JSP 文件项目运行 JSP 文件运行新建 Web JSP 文件项目知识准备 : 2.1 JSP 的运行环境用 JSP 开发的 Web 应用是跨平台的, 既能在 Linux 系统中运行, 也能在其他操作系统中运行,JSP 运行需要 JDK+ 服务器 (Tomcat) 运行环境配置 :JDK+Tomcat/WebLogic 开发环境 :MyEclipse 或者 JBuilder 下载安装和配置 JDK 本书的 JDK 版本为 jdk 8u51 windows x64.exe, 操作系统为 64 位的 Windows 7 系统在浏览器内输入 JDK 官网下载地址 : downloads/index jsp html, 进入如图 2 1 所示页面

$51 windows x64.exe, 出现如图 2 3 所示的界面点击下一步, 更改安装路径为 D:\Java\jdk1.8.$

2 图 2 1 JDK 下载页面点击 Java DOWNLOAD ( 当前版本为 Java SE 8u51) 图标, 跳转到图 2 2 所示页面图 2 2 具体下载页面点击 Accept License Agreement 同意许可协议, 再点击对应当前系统的版本 ( 笔者的系统为 Windows 7 64 位, 所以下载的 jdk 8u51 windows x64.exe) 下载完成后双击安装 jdk 8u51 windows x64.exe, 出现如图 2 3 所示的界面点击下一步, 更改安装路径为 D:\Java\jdk1.8.0_51( 当然最好为默认路径, 因为 JDK 安装在 C 盘, 更新 JDK 时可避免因路径问题导致无法更新 ), 如图 2 4 所示点击确定, 本书默认安装所列选项, 如图 2 5 所示第二章 JSP 开发环境搭建 21

3 22 移动终端服务器管理与开发图 2 3 安装向导图 2 4 修改安装路径图 2 5 默认安装界面安装完成后, 点击下一步, 进入 JDK 的安装界面, 如图 2 6 所示

$D:\Java\jre1.8.$ 0_51, 如图 2 7 所示图 2 7 jre 安装路径修改

4 图 2 6 JDK 安装界面点击更改, 修改安装路径为 D:\Java\jre1.8.0_51, 如图 2 7 所示图 2 7 jre 安装路径修改修改完成后点击下一步, 弹出如图 2 8 所示界面, 点击关闭,JDK 安装完成图 2 8 JDK 安装完成界面第二章 JSP 开发环境搭建 23

5 24 移动终端服务器管理与开发 2. 配置系统环境变量安装完成后, 还需配置环境变量, 首先打开计算机属性窗口, 如图 2 9 所示图 2 9 计算机属性窗口点击左侧高级系统设置, 打开系统属性对话框, 如图 2 10 所示图 2 10 系统属性对话框点击最下面的环境变量, 打开环境变量对话框, 进行系统环境变量设置, 如图 2 11 所示, 具体操作步骤如下 (1) 点击系统变量列表框下方的新建按钮, 添加系统变量, 如图 2 12 所示变量名 :JAVA_HOME 变量值 :D:\Java\jdk1.8.0_51

$;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib\dt.$ $%JAVA_HOME%\bin; 添加在原变量值之前 ( 注意后面有个 ;) 点击确定后环境变量配置完成, 在开始菜单运行 cmd, 输入 java version, 出$

6 图 2 11 环境变量界面图 2 12 添加变量 1 (2) 继续新建一个变量, 如图 2 13 所示变量名 :CLASSPATH 变量值 :.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib\dt.jar 图 2 13 添加变量 2 (3) 在系统变量列表中找到 Path 变量, 点击编辑进行修改, 如图 2 14 所示变量名 :Path 变量值 : 将 %JAVA_HOME%\bin; 添加在原变量值之前 ( 注意后面有个 ;) 点击确定后环境变量配置完成, 在开始菜单运行 cmd, 输入 java version, 出现如图 2 15 所示界面, 至此 Java 环境安装完成第二章 JSP 开发环境搭建 25

7 26 移动终端服务器管理与开发图 2 14 修改 Path 环境变量图 2 15 验证界面安装与配置 Tomcat Tomcat 是 Apache 软件基金会 (Apache Software Foundation) 的 Jakarta 项目中的一个核心项目, 由 Apache Sun 和其他一些公司及个人共同开发而成由于有了 Sun 的参与和支持, 最新的 Servlet 和 JSP 规范总是能在 Tomcat 中得到体现,Tomcat 5 支持最新的 Servlet 2.4 和 JSP 2.0 规范因为 Tomcat 技术先进性能稳定, 而且免费, 因而深受 Java 爱好者的喜爱并得到了部分软件开发商的认可, 成为目前比较流行的 Web 应用服务器以下是 Tomcat 的配置方法 : (1) 下载最新版本的 Tomcat, 网址为 : (2) 下载完安装文件后, 将压缩文件解压到一个方便的地方, 比如 Windows 下的 C:\apache tomcat 目录 (3) 安装 Tomcat 后, 在我的电脑属性高级环境变量系统变量中添加以下环境变量 ( 假定 tomcat 安装在 C:\tomcat):CATALINA_HOME=c:\tomcat; CATALINA_BASE=c:\tomcat; (4) 然后修改环境变量中的 classpath, 把 Tomcat 安装目录下的 common\lib 下的 servlet.jar

$追加到 classpath 中去, 修改后的 classpath 如下 : classpath=.;%java_home%\lib\dt.jar;%java_home%\lib\tools.jar;%catalina_home %\common\lib\servlet.$

8 追加到 classpath 中去, 修改后的 classpath 如下 : classpath=.;%java_home%\lib\dt.jar;%java_home%\lib\tools.jar;%catalina_home %\common\lib\servlet.jar; (5) 在 Windows 系统中,Tomcat 可以通过执行以下命令来启动 : %CATALINA_HOME%\bin\startup.bat 或者 C:\apache tomcat \bin\startup.bat (6) 成功启动 Tomcat 后, 通过访问便可以使用 Tomcat 自带的一些 Web 应用了, 如图 2 16 所示图 2 16 启动 Tomcat 更多关于配置和运行 Tomcat 的信息可以在 Tomcat 提供的文档中找到, 或者去 Tomcat 官网查阅, 网址为 : JSP 开发工具 MyEclipse MyEclipse 企业级工作平台 (MyEclipse Enterprise Workbench, 简称 MyEclipse) 是对 Eclipse IDE 的扩展, 利用它可以在数据库和 J2EE 的开发发布以及应用程序服务器的整合方面极大地提高工作效率它是功能丰富的 JavaEE 集成开发环境, 包括了完备的编码调试测试和发布功能, 完整支持 HTML Struts JSP CSS Javascript Spring SQL Hibernate 1.MyEclipse 安装的方法及步骤 (1) 双击 MyEclipse 运行安装程序, 直接点击 Next 进入下一步第二章 JSP 开发环境搭建 27

安装路径文件夹最好不要用中文, 用中文项目容易出现错误若使用默认路径则直接点击 Next 进行下一步图 2 17 安装路径 (4)

9 28 移动终端服务器管理与开发 (2) 选中 I accept the terms of the license agreement, 接受安装协议, 点击 Next 进行下一步 (3) 在设置安装路径的对话框 ( 如图 2 17 所示 ) 中点击 Change, 选择要安装的路径, 安装路径文件夹最好不要用中文, 用中文项目容易出现错误若使用默认路径则直接点击 Next 进行下一步图 2 17 安装路径 (4) 选择要安装的工具选中 Customize optional software( 自定义可选软件 ), 点击 Next 进行下一步, 如图 2 18 所示图 2 18 选择安装工具

如图 2 20 所示图 2 20 开始安装 (7) 在提示安装完成的对话框中, 选中 Launch MyEclipse

10 (5) 选择计算机的操作系统, 本实验用的系统是 64 位 Windows 7, 所以此处选中 64bit, 然后点击 Next 进行下一步, 如图 2 19 所示图 2 19 选择操作系统 (6) 开始安装, 大概需要 1~2 分钟, 如图 2 20 所示图 2 20 开始安装 (7) 在提示安装完成的对话框中, 选中 Launch MyEclipse 则为打开 MyEclipse, 点击 Finish 按钮则结束安装, 如图 2 21 所示第二章 JSP 开发环境搭建 29

OK,MyEclipse 正式启动 ( 第一次启动有点慢 ), 如图 2 22 所示图 2 22 创建项目存放路径 (9)MyEclipse 启动成功, 界面如图 2 23

11 30 移动终端服务器管理与开发图 2 21 安装完成 (8) 创建项目存放路径点击 Browse 选择的是在 MyEclipse 中创建项目存放的路径, 用户可以自己定义, 最好不要使用中文, Use this as the default and do not ask again 复选框的意思是 : 下次启动时是否进行提示, 可选可不选, 点击 OK,MyEclipse 正式启动 ( 第一次启动有点慢 ), 如图 2 22 所示图 2 22 创建项目存放路径 (9)MyEclipse 启动成功, 界面如图 2 23 所示 2.MyEclipse 配置 Tomcat (1) 首先打开 MyEclipse, 进行偏好设置, 如图 2 24 所示, 在 Window 菜单下选择 Preferences

12 图 2 23 MyEclipse 启动界面图 2 24 Window 菜单第二章 JSP 开发环境搭建 31

MyEclipse 自带的 Tomcat, 然后是用户自己下载使用的 Tomcat 版本, 有 5.x 6.x 4.

13 32 移动终端服务器管理与开发 (2) 在 Preferences 窗口中进行偏好设置, 在左侧搜索栏输入 Tomcat, 查找 Tomcat, 如图 2 25 所示图 2 25 偏好设置 (3) 搜索到四个 Tomcat 项第一个是 MyEclipse 自带的 Tomcat, 然后是用户自己下载使用的 Tomcat 版本, 有 5.x 6.x 4.x, 最常用的就是 Tomcat 6.0, 在这里以 6.0 为例进行说明, 如图 2 26 所示图 2 26 搜索 Tomcat

14 (4) 在这里点击 Tomcat 6.x 进入, 然后将安装目录添加进去, 如图 2 27 所示图 2 27 安装目录 (5) 接下来查看计算机上的 Tomcat 的解压缩目录, 这里推荐使用解压缩版本, 比安装版使用更方便, 如图 2 28 所示图 2 28 解压缩 apache tomcat (6) 然后找到 MyEclipse 自带的 Tomcat 项, 将自带的 Tomcat 设为禁用, 即 Disable, 如图 2 29 所示 (7) 然后点击 Tomcat 6.x, 也就是添加的 Tomcat, 将 Tomcat 6.x 的 JDK 设置为自己安装的 JDK, 如图 2 30 所示第二章 JSP 开发环境搭建 33

15 34 移动终端服务器管理与开发图 2 29 设为禁用图 2 30 设置 JDK (8) 设置完成后, 点击 Apply, 然后点击 OK 即可, 至此 Tomcat 安装完成

2.2 第一个 JSP 项目首先编写一个简单的在网页上显示 This is my JSP page 的 JSP 项目 2.2.1 新建 Web 项目打开 MyEclipse, 点击 Window Preferences, 弹出 Preferences 窗口, 这里可以对 IDE 进行详尽的配置读者可以一项一项浏览, 针对自己感兴趣的进行配置配置完成后, 下面进行 Web 项目的创建在

16 2.2 第一个 JSP 项目首先编写一个简单的在网页上显示 This is my JSP page 的 JSP 项目新建 Web 项目打开 MyEclipse, 点击 Window Preferences, 弹出 Preferences 窗口, 这里可以对 IDE 进行详尽的配置读者可以一项一项浏览, 针对自己感兴趣的进行配置配置完成后, 下面进行 Web 项目的创建在 Package Explorer 视图面板中, 鼠标单击工具栏内的 File New Web Project, 弹出创建 Web 项目的窗口在 Project name 文本框中输入项目的名字, 这里输入 WebDemo, 其他保持不变, 如图 2 31 所示图 2 31(a) 新建 Web 项目点击 Next, 进入到 Java 设置窗口, 这里一切保持不变, 再次点击 Next, 进入到 Web Module 设置在 Context root: 中指定 Web 应用的名字, 例如 WebDemo/index.html, 这里的 WebDemo 就是本地 Tomcat 容器中部署的应用之一这里保持 WebDemo 不变 ; Generate web.xml deployment descriptor 复选框即是否要创建 web.xml, 因为在 Servlet 3.0 中,web.xml 文件已经变成可选的了, 这里保持复选框为空, 点击 Finish 这样一个 Web 项目就在 Eclipse 中创建完成了可以在 Package Explorer 视图中看到如图 2 32 所示的项目结构第二章 JSP 开发环境搭建 35

17 36 移动终端服务器管理与开发图 2 31(b) 新建 Web 项目图 2 32 完成创建

其中,src 用于存放 Java 类,WebRoot 目录下存放页面文件 (HTML 文件 JSP 文件 JS 脚本静态图片等 ) 2.

18 其中,src 用于存放 Java 类,WebRoot 目录下存放页面文件 (HTML 文件 JSP 文件 JS 脚本静态图片等 ) 编写 JSP 文件打开 MyEclipse, 新建项目 WebDemo 的目录结构如图 2 33 所示图 2 33 新建项目的目录结构点击 index.jsp, 进入如图 2 34 所示界面图 2 34 index.jsp 第一个 JSP 工程就建立完成了运行 JSP 文件首先选中 JSP 工程, 单击鼠标右键, 选择 Run As MyEclipse Server Application, 如图 2 35 所示第二章 JSP 开发环境搭建 37

19 38 移动终端服务器管理与开发图 2 35 运行 JSP 文件弹出如图 2 36 所示窗口图 2 36 正在运行出现如图 2 37 所示界面, 标示运行成功, 服务器已成功开启打开浏览器, 在浏览器中输入按下回车键, 出现如图 2 38 所示界面在移动终端访问 JSP 程序需在浏览器中输入 ( 此为运行计算机的 IP 地址 ), 打开如图 2 39 所示界面

20 图 2 37 成功开启服务器图 2 38 第一个 JSP 程序图 2 39 用移动终端访问 JSP 程序至此, 第一个 JSP 程序运行成功任务实施 : 2.3 创建服务器方法一 : 打开 MyEclipse, 在 Servers 选项卡中选择需要开启的服务器, 单击鼠标右键, 选择 Run Server 运行服务器, 出现如图 2 40 所示界面表示服务器运行成功第二章 JSP 开发环境搭建 39

21 40 移动终端服务器管理与开发图 2 40 创建服务器点击红色按钮可以直接关闭服务器, 如图 2 4 所示关闭服务器图 2 41 关闭服务器

方法二 : 在 Tomcat 目录下的 bin 目录中, 双击运行 startup.bat 即可开启 Tomcat 服务器, 出现如图 2 42 所示界面表示开启成功图 2 42 开启 Tomcat 服务器通过 http://localhost:8080/ 即可访问 2.

22 方法二 : 在 Tomcat 目录下的 bin 目录中, 双击运行 startup.bat 即可开启 Tomcat 服务器, 出现如图 2 42 所示界面表示开启成功图 2 42 开启 Tomcat 服务器通过即可访问 2.4 计算的和并输出当时的日期和时间新建 JSP 项目, 项目名为 SimpeDemo, 在 index.jsp 中写入如下代码 : <%@ page language="java" import="java.util.*" pageencoding="utf 8"%> <% String path = request.getcontextpath(); String basepath = request.getscheme() + "://" + request.getservername() + ":" + request.getserverport() + path + "/"; %> <!DOCTYPE HTML PUBLIC" //W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>my JSP 'index.jsp' starting page</title> </head> <body> <% int i, sum = 0; for (i = 0; i <= 100; i++) { 第二章 JSP 开发环境搭建 41

23 42 移动终端服务器管理与开发 sum = sum + i; } %> <h4> 1 到 100 的连续和是 :<%=sum%> </h4> <h4> 当前时间为 : <%=new Date()%> </h4> </body> </html> 运行效果如图 2 43 所示图到 100 的连续和通过移动终端访问如图 2 44 所示图 2 44 通过移动终端访问 1 到 100 的连续和

24 习题二简答题 1. 为什么要为 JDK 设置环境变量? 2.Tomcat 和 JDK 是什么关系? 3. 什么是 B/S 模式? 4. 集成开发环境能为程序员做什么? 第二章 JSP 开发环境搭建 43

使用 Eclipse 开发 Java EE 应用 (Web 应用 ) 这里以开发一个简单的 Web 应用为例, 介绍使用 Eclipse 开发 Java EE 应用的一般步骤此处使用的 Eclipse 是 Eclipse IDE for Java EE Developers; 如果是使用的其他

使用 Eclipse 开发 Java EE 应用 (Web 应用 ) 这里以开发一个简单的 Web 应用为例, 介绍使用 Eclipse 开发 Java EE 应用的一般步骤此处使用的 Eclipse 是 Eclipse IDE for Java EE Developers; 如果是使用的其他 Eclipse 插件 ( 比如 MyEclipse 插件 ), 其开发方式和步骤可能略有差异和不同在该例中,

第二章 JSP 开发环境搭建 知识目标 : 1. 了解 JSP 的运行环境 ; 2. 熟悉 JSP 环境的搭建 ; 3. 能独立搭建出 JSP 环境 教学目标 : 1.JDK 的安装 ; 2.Tomcat 的安装 ; 3.MyEclipse 的使用 ; 4. 第一个 JSP 程序 内容框架 : JS

第二章 JSP 开发环境搭建知识目标 : 1. 了解 JSP 的运行环境 ; 2. 熟悉 JSP 环境的搭建 ; 3. 能独立搭建出 JSP 环境教学目标 : 1.JDK 的安装 ; 2.Tomcat 的安装 ; 3.MyEclipse 的使用 ; 4. 第一个 JSP 程序内容框架 : JS