知识目标: 1.了解 JSP 的运行环境; 2.熟悉 JSP 环境的搭建; 3.能独立搭建出 JSP 环境。 教学目标: 1.JDK 的安装; 2.Tomcat 的安装; 3.MyEclipse 的使用; 4.第一个 JSP 程序。 内容框架: JSP环境搭建 JSP运行环境 第一个JSP项目 安装与配置JDK 安装与配置Tomcat JSP开发工具——Eclipse 新建Web项目 编写JSP文件 运行JSP文件 知识准备:
2.1 JSP 的运行环境
用 JSP 开发的 Web 应用是跨平台的,既能在 Linux 系统中运行,也能在其他操作系统中 运行,JSP 运行需要 JDK+服务器(Tomcat)。 运行环境配置:JDK+Tomcat/WebLogic 开发环境:MyEclipse 或者 JBuilder 2.1.1 下载安装和配置 JDK 本书的 JDK 版本为 jdk8u51windowsx64.exe,操作系统为 64 位的 Windows 7 系统。 在 浏 览 器 内 输 入 JDK 官 网 下 载 地 址 : http://www.oracle.com/technetwork/java/javase/ downloads/indexjsp138363.html,进入如图 21 所示页面。 JSP 的运行环境 JSP 开发工具——MyEclipse 编写 Web 项目 运行 JSP 文件图 21 JDK 下载页面 点击“Java DOWNLOAD” (当前版本为 Java SE 8u51)图标,跳转到图 22 所示页面。 图 22 具体下载页面 点击“Accept License Agreement”同意许可协议,再点击对应当前系统的版本(笔者的系 统为 Windows 7 64 位,所以下载的 jdk8u51windowsx64.exe) 。下载完成后双击安装 jdk8u51windowsx64.exe,出现如图 23 所示的界面。 点击“下一步” ,更改安装路径为 D:\Java\jdk1.8.0_51(当然最好为默认路径,因为 JDK 安装在 C 盘,更新 JDK 时可避免因路径问题导致无法更新),如图 24 所示。 点击“确定” ,本书默认安装所列选项,如图 25 所示。
图 23 安装向导
图 24 修改安装路径
图 25 默认安装界面
图 26 JDK 安装界面
点击“更改” ,修改安装路径为 D:\Java\jre1.8.0_51,如图 27 所示。
图 27 jre 安装路径修改
修改完成后点击“下一步” ,弹出如图 28 所示界面,点击“关闭” ,JDK 安装完成。
2.配置系统环境变量 安装完成后,还需配置环境变量,首先打开计算机属性窗口,如图 29 所示。 图 29 计算机属性窗口 点击左侧“高级系统设置” ,打开“系统属性”对话框,如图 210 所示。 图 210 “系统属性”对话框 点击最下面的“环境变量” ,打开“环境变量”对话框,进行系统环境变量设置,如图 211 所示,具体操作步骤如下。 (1)点击“系统变量”列表框下方的“新建”按钮,添加系统变量,如图 212 所示。 变量名:JAVA_HOME 变量值:D:\Java\jdk1.8.0_51
图 211 环境变量界面 图 212 添加变量 1 (2)继续新建一个变量,如图 213 所示。 变量名:CLASSPATH 变量值:.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib\dt.jar 图 213 添加变量 2 (3)在“系统变量”列表中找到 Path 变量,点击“编辑”进行修改,如图 214 所示。 变量名:Path 变量值:将%JAVA_HOME%\bin;添加在原变量值之前(注意后面有个;) 点击“确定”后环境变量配置完成,在“开始”菜单运行 cmd,输入“java –version” ,出 现如图 215 所示界面,至此 Java 环境安装完成。
图 214 修改 Path 环境变量
图 215 验证界面
2.1.2 安装与配置 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,网址为:http://tomcat.apache.org/。 (2)下载完安装文件后,将压缩文件解压到一个方便的地方,比如 Windows 下的 C:\apachetomcat5.5.29 目录。 (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.jar; (5)在 Windows 系统中,Tomcat 可以通过执行以下命令来启动: %CATALINA_HOME%\bin\startup.bat 或者 C:\apachetomcat5.5.29\bin\startup.bat (6)成功启动 Tomcat 后,通过访问 http://localhost:8080/便可以使用 Tomcat 自带的一些 Web 应用了,如图 216 所示。 图 216 启动 Tomcat 更多关于配置和运行 Tomcat 的信息可以在 Tomcat 提供的文档中找到,或者去 Tomcat 官 网查阅,网址为:http://tomcat.apache.org。 2.1.3 JSP 开发工具——MyEclipse
MyEclipse 企业级工作平台 (MyEclipse Enterprise Workbench, 简称 MyEclipse) 是对 Eclipse IDE 的扩展,利用它可以在数据库和 J2EE 的开发、发布以及应用程序服务器的整合方面极大 地提高工作效率。它是功能丰富的 JavaEE 集成开发环境,包括了完备的编码、调试、测试和 发布功能,完整支持 HTML、Struts、JSP、CSS、Javascript、Spring、SQL、Hibernate。
1.MyEclipse 安装的方法及步骤
(2)选中 I accept the terms of the license agreement,接受安装协议,点击“Next”进行下 一步。 (3)在设置安装路径的对话框(如图 217 所示)中点击“Change” ,选择要安装的路 径,安装路径文件夹最好不要用中文,用中文项目容易出现错误。若使用默认路径则直接 点击“Next”进行下一步。 图 217 安装路径
(4)选择要安装的工具。选中 Customize optional software(自定义可选软件) ,点击 “Next”进行下一步,如图 218 所示。
(5) 选择计算机的操作系统, 本实验用的系统是 64 位 Windows 7, 所以此处选中 “64bit” , 然后点击“Next”进行下一步,如图 219 所示。
图 219 选择操作系统
(6)开始安装,大概需要 1~2 分钟,如图 220 所示。
图 220 开始安装
(7)在提示安装完成的对话框中,选中 Launch MyEclipse 则为打开 MyEclipse,点击 “Finish”按钮则结束安装,如图 221 所示。
图 221 安装完成 (8)创建项目存放路径。点击“Browse”选择的是在 MyEclipse 中创建项目存放的路径, 用户可以自己定义,最好不要使用中文, “Use this as the default and do not ask again”复选框的 意思是:下次启动时是否进行提示,可选可不选,点击“OK” ,MyEclipse 正式启动(第一次 启动有点慢) ,如图 222 所示。 图 222 创建项目存放路径 (9)MyEclipse 启动成功,界面如图 223 所示。 2.MyEclipse 配置 Tomcat (1)首先打开 MyEclipse,进行偏好设置,如图 224 所示,在 Window 菜单下选择 Preferences。
图 223 MyEclipse 启动界面
(2)在 Preferences 窗口中进行偏好设置,在左侧搜索栏输入 Tomcat,查找 Tomcat,如 图 225 所示。 图 225 偏好设置 (3)搜索到四个 Tomcat 项。 第一个是 MyEclipse 自带的 Tomcat,然后是用户自己下载使用的 Tomcat 版本,有 5.x、 6.x、4.x,最常用的就是 Tomcat 6.0,在这里以 6.0 为例进行说明,如图 226 所示。 图 226 搜索 Tomcat
(4)在这里点击“Tomcat 6.x”进入,然后将安装目录添加进去,如图 227 所示。 图 227 安装目录 (5)接下来查看计算机上的 Tomcat 的解压缩目录,这里推荐使用解压缩版本,比安装 版使用更方便,如图 228 所示。 图 228 解压缩 apachetomcat6.0.32 (6)然后找到 MyEclipse 自带的 Tomcat 项,将自带的 Tomcat 设为禁用,即 Disable,如 图 229 所示。 (7)然后点击“Tomcat 6.x” ,也就是添加的 Tomcat,将 Tomcat 6.x 的 JDK 设置为自己 安装的 JDK,如图 230 所示。
图 229 设为禁用
图 230 设置 JDK
2.2 第一个 JSP 项目
首先编写一个简单的在网页上显示 This is my JSP page 的 JSP 项目。 2.2.1 新建 Web 项目 打开 MyEclipse,点击“Window”→“Preferences” ,弹出 Preferences 窗口,这里可以对 IDE 进行详尽的配置。读者可以一项一项浏览,针对自己感兴趣的进行配置。配置完成后,下 面进行 Web 项目的创建。在 Package Explorer 视图面板中,鼠标单击工具栏内的 File→New→ Web Project,弹出创建 Web 项目的窗口。在 Project name 文本框中输入项目的名字,这里输入 “WebDemo” ,其他保持不变,如图 231 所示。 图 231(a) 新建 Web 项目点击“Next” ,进入到 Java 设置窗口,这里一切保持不变,再次点击“Next” ,进入到 Web Module 设 置 。 在 “ Context root: ” 中 指 定 Web 应 用 的 名 字 , 例 如 http://localhost:8080/ WebDemo/index.html,这里的 WebDemo 就是本地 Tomcat 容器中部署的应用之一。这里保持 WebDemo 不变; “Generate web.xml deployment descriptor”复选框即是否要创建 web.xml,因 为在 Servlet 3.0 中,web.xml 文件已经变成可选的了,这里保持复选框为空,点击“Finish” 。 这样一个 Web 项目就在 Eclipse 中创建完成了。可以在 Package Explorer 视图中看到如图 232 所示的项目结构。
图 231(b) 新建 Web 项目
其中,src 用于存放 Java 类,WebRoot 目录下存放页面文件(HTML 文件、JSP 文件、JS 脚本、静态图片等) 。 2.2.2 编写 JSP 文件 打开 MyEclipse,新建项目 WebDemo 的目录结构如图 233 所示。 图 233 新建项目的目录结构 点击“index.jsp” ,进入如图 234 所示界面。 图 234 index.jsp 第一个 JSP 工程就建立完成了。 2.2.3 运行 JSP 文件 首先选中 JSP 工程, 单击鼠标右键, 选择 Run As→MyEclipse Server Application, 如图 235 所示。
图 235 运行 JSP 文件 弹出如图 236 所示窗口。 图 236 正在运行 出现如图 237 所示界面,标示运行成功,服务器已成功开启。 打开浏览器,在浏览器中输入 http://localhost:8080/MyJsp.jsp,按下回车键,出现如图 238 所示界面。 在移动终端访问 JSP 程序需在浏览器中输入http://172.19.192.74:8080/MyJsp.jsp (此为运行 计算机的 IP 地址) ,打开如图 239 所示界面。
图 237 成功开启服务器 图 238 第一个 JSP 程序 图 239 用移动终端访问 JSP 程序 至此,第一个 JSP 程序运行成功。 任务实施:
2.3 创建服务器
方法一:打开 MyEclipse,在 Servers 选项卡中选择需要开启的服务器,单击鼠标右键, 选择 Run Server 运行服务器,出现如图 240 所示界面表示服务器运行成功。图 240 创建服务器
点击红色按钮可以直接关闭服务器,如图 24 所示。
图 241 关闭服务器 关闭服务器
方法二:在 Tomcat 目录下的 bin 目录中,双击运行 startup.bat 即可开启 Tomcat 服务器, 出现如图 242 所示界面表示开启成功。 图 242 开启 Tomcat 服务器 通过 http://localhost:8080/即可访问。
2.4 计算 1+2+3+…+100 的和并输出当时的日期和时间
新建 JSP 项目,项目名为 SimpeDemo,在 index.jsp 中写入如下代码:<%@ page language="java" import="java.util.*" pageEncoding="utf8"%> <% 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++) {
sum = sum + i; } %> <h4> 1 到 100 的连续和是:<%=sum%> </h4> <h4> 当前时间为: <%=new Date()%> </h4> </body> </html> 运行效果如图 243 所示。 图 243 1 到 100 的连续和 通过移动终端访问如图 244 所示。 图 244 通过移动终端访问 1 到 100 的连续和