模块一语言基础模块(-教学单元3-搭建JSP开发环境)课件

1、 第三讲 搭建JSP开发环境授课课时：4课时（180分钟）授课班级：软件101 第三讲 搭建JSP开发环境授课课时：4 主要内容 本课目标新课引入与项目展示案例1 - JDK的安装和配置案例2- Tomcat的安装与配置案例3-创建第一个JSP程序课堂实践巩固与提高 主要内容 本课目标本课目标 知识 掌握JDK的安装与环境设置（重点、难点）掌握Tomcat的安装与配置（重点、难点）熟悉常用的JSP开发工具的使用技能 掌握对JSP的运行环境（JDKTomcat）进行配置的技能掌握常用的JSP开发工具的使用学会编写最简单的JSP程序（重点）素质 严谨认真的工作态度语言表达和与人沟通能力团队合作精神

2、本课目标 知识 掌握JDK的安装与环境设置（重点、难点）教学情境引入新课 编写和运行一个最简单的JSP程序 1. JDK1.6的安装和配置 2.Tomcat6.0的安装与配置、Tomcat服务器的启动、停止和退出操作。 3.创建和运行第一个JSP程序。 工作任务 项目展示 教学情境引入新课 编写和运行一个最简单的JSP程序 教师示范与讲解“JDK” 任务一：根据本书中提供的下载地址，下载JDK1.6（或JDK1.7），并进行安装和配置。 案例分析 教师示范与讲解“JDK” 任务一：根据本书中提供的JDK的下载与安装JDK的下载 JDK可以到SUN 公司网站上提供的下载地址进行免费下载，本书使用

3、的JDK 1.6的下载地址是：/javase/downloads/index.jsp安装JDK 下载完毕后，直接运行所下载的jdk-6u7-windows-i586-p.exe ，按照提示进行安装，安装过程中可以更改默认的安装路径(如C: jdk1.6.0 )。JDK的下载与安装配置环境变量 在Win2000/Xp/2003的桌面上右击【我的电脑】，在弹出的快捷菜单中选择【属性】【高级】【环境变量】，如图2-1所示。在【环境变量】对话框中，新建如表2-1所示的变量名和变量值，如图2-2所示。配置环境变量变量名变量值功能JAVA_HOMEC:jdk1.6.0 说明JDK所在的搜索路径PathC:

4、jdk1.6.0bin或%JAVA_HOME%bin 说明Java实用程序的位置CLASSPATH.; %JAVA_HOME%libdt.jar；%JAVA_HOME%libtools.jar；%JAVA_HOME%jrelibrt.jar； 说明类和包文件的搜索路径 表21 JDK环境变量变量名变量值功能JAVA_HOMEC:jdk1.6.0 说配置环境变量 具体操作步骤如下 ： (1)在【系统变量】选项区域中双击“Path”变量，在弹出的【编辑系统变量】对话框中的【变量值】输入框中添加Path变量值，如图2-3所示。 (2)在【Administrator的用户变量】选项区域中，单击【新建】

5、按钮，在弹出的【编辑用户变量】对话框中输入CLASSPATH变量名和变量值，如图2-4所示。模块一语言基础模块(-教学单元3-搭建JSP开发环境)课件环境配置图2-1 系统特性对话框图2-2 环境变量对话框环境配置图2-1 系统特性对话框图2-2 环境变量对话框图2-3 编辑系统变量Path图2-4 编辑用户变量CLASSPATH图2-3 编辑系统变量Path图2-4 编辑用户变量CL学生模仿“JDK” 任务一：学生模仿完成JDK的安装工作学生模仿“JDK” 任务一：学生模仿完成J教师示范与讲解“Tomcat” 任务一：根据本书中提供的下载地址，下载Tomcat6.0（或Tomcat7.0）安

6、装后，熟悉Tomcat服务器的启动、停止和退出操作。 案例分析 教师示范与讲解“Tomcat” 任务一：根据本书中Tomcat服务器是当今使用最广泛的Servlet/Jsp服务器，它运行稳定、性能可靠，是学习JSP技术和中小型企业应用的最佳选择。Tomcat的下载地址为：/ 下载TomcatTomcat服务器是当今使用最广泛的Servlet/Jsp服用户通过该链接就可以进入到Tomcat的下载页面，如图2-5所示。图2-5 Tomcat下载页面（1）用户通过该链接就可以进入到Tomcat的下载页面，如图2-5在图2-5 Tomcat下载页面中，选择下载版本Tomcat 5，进入如图2-6所示的

7、下载页面。选择下载windows环境下的程序包jakarta-tomcat-6.0.18.exe。Windows安装包图2-6 Tomcat下载页面（2）在图2-5 Tomcat下载页面中，选择下载版本Tomcat安装与配置Tomcat jakarta-tomcat-6.0.18.exe包下载以后，运行jakarta-tomcat-6.0.18.exe 按照提示安装，进入如图2-7所示的“欢迎”界面，选择【Next】继续安装，进入如图2-8所示的“协 议许可”界面。下一步图2-7 欢迎界面安装与配置Tomcat 下一步图2-7 欢迎界面在图2-8所示的“协议许可”界面中选择【I Agree】继

8、续安装，进入如图2-9所示的“选择安装组件”界面。同意图2-8 协议许可界面在图2-8所示的“协议许可”界面中选择【I Agree】继续在图2-9所示的“选择安装组件”界面中选择使用默认选项，选择【Next】继续安装，进入如图2-10所示的“选择安装位置”界面。使用默认安装选项图2-9 选择安装组件界面在图2-9所示的“选择安装组件”界面中选择使用默认选项，选择在图2-10所示的“选择安装位置”界面中可以直接输入安装路径，也可以选择【Browse】按钮来选择安装路径然后选择【Next】继续安装，进入如图2-11所示的“配置选项”界面。输入路径选择路径图2-10 选择安装位置界面在图2-10所示

9、的“选择安装位置”界面中可以直接输入安装路径在图2-11所示的“配置选项”界面中指定端口号（默认为8080）、管理员用户名和密码（本例为admin和liuzc518），然后选择【Next】继续安装，进入如图2-12所示的“Java虚拟机选择”界面。图2-11 配置选项界面端口号用户名密码在图2-11所示的“配置选项”界面中指定端口号（默认为808在图2-12所示的“Java虚拟机选择”界面中指定JVM路径（本例为C:Program FilesJavajre1.6.0_06），然后选择【Install】继续安装，进入如图2-13所示的“正在安装”界面，开始执行安装，安装正常完成后，进入如图2-1

10、4所示的“完成安装”界面。JVM路径图2-12 Java虚拟机选择界面在图2-12所示的“Java虚拟机选择”界面中指定JVM路径安装进度图2-13 正在安装界面图2-14 完成安装界面安装进度图2-13 正在安装界面图2-14 完成安装界面安装完成后，在任务栏的最右边会显示Tomcat服务的图标，如 .由于服务没有启动，显示为一个红色的点。 安装完成后，在任务栏的最右边会显示Tomcat服务的图标，如启动与停止Tomcat 在 中的Tomcat服务图标上按右键，弹出如图2-15所示的菜单，选择【Start Service】就可以启动Tomcat服务，如图2-16所示。启动完成后，显示一个绿色

11、的三角图标,如 所示，选择【Stop Service】可以停止Tomcat服务。如果在图2-15所示的菜单中选择【Configure】，即可进入Tomcat服务的配置界面，如图2-17所示。启动与停止Tomcat图2-15 Tomcat服务操作菜单图2-16 启动Tomcat服务图2-15 Tomcat服务操作菜单图2-16 启动To启动类型图2-17 Tomcat服务配置启动类型图2-17 Tomcat服务配置 测试Tomcat在Tomcat成功安装和启动后，在浏览器中输入:8080或http:/localhost:8080，如果出现如图2-18所示的Tomcat默认主页，则表示Tomcat

12、服务器安装配置正常。图2-18 Tomcat默认主页 测试Tomcat在Tomcat成功安装和启动后，在浏览器中学生模仿“Tomcat” 任务一：学生模仿完成Tomcat的安装与配置学生模仿“Tomcat” 任务一：学生模仿完成Tom教师示范与讲解“Welcome.jsp” 任务一：使用Eclipse、记事本或Dreamweaver编写一个简单的显示“Welcome to JSP”的JSP程序（welcome.jsp），在浏览器中运行该程序，体验JSP程序的编写和运行方法。 案例分析 教师示范与讲解“Welcome.jsp” 任务一 Eclipse Eclipse是一个开放可扩展的集成开发环境

13、(IDE)。它不仅可以用于Java的开发，通过开发插件，它可以构建其他的开发工具。 图2-24 Eclipse运行界面源文件 Eclipse Eclipse是一个开放可扩展的集成开发环 Eclipse Eclipse是一个开放可扩展的集成开发环境(IDE)。它不仅可以用于Java的开发，通过开发插件，它可以构建其他的开发工具。 图2-24 Eclipse运行界面源文件 Eclipse Eclipse是一个开放可扩展的集成开发环 Dreamweaver Dreamweaver是Macromedia公司开发的用于网站设计和网页制作的软件。它提供了强大的可视化布局工具、应用开发功能和代码编辑支持，使

14、设计和开发人员能高效地设计、开发和维护基于标准的网站和应用程序。 Dreamweaver Dreamweaver是Macro DreamweaverDreamweaver 8的运行界面如图2-25所示。 图2-25 Dreamweaver 8运行界面 DreamweaverDreamweaver 8的运行界面创建第一个JSP程序 使用记事本、JCreator或其他文本编辑工具创建第1个JSP程序first.jsp，first.jsp文件的内容如下： First Jsp 1.建立自己的WEB目录 创建第一个JSP程序 1.建立自己的WEB目录 在Tomcat服务器中建立WEB应用程序目录和运行程

15、序的步骤如下：（1）进入Tomcat的安装目录的webapps目录，可以看到ROOT，examples, tomcat-docs之类Tomcat自带的目录； （2）在webapps目录下新建一个目录，起名叫myapp； （3）在myapp下新建一个目录WEB-INF，注意，目录名称是区分大小写的； 在Tomcat服务器中建立WEB应用程序目录和运行（4）WEB-INF下新建一个文件web.xml；（5）将first.jsp文件复制到myapp文件夹中；（6）在浏览器中输入:8080/myapp/first.jsp，运行结果如图2-26所示。（4）WEB-INF下新建一个文件web.xml；图2

16、-26 第一个JSP程序运行界面图2-26 第一个JSP程序运行界面2.修改web.xml文件web.xml文件的内容如下： My Web Application 2.修改web.xml文件web.xml文件的内容如下： A application for test. 学生模仿“Welcome.jsp” 任务一：学生熟悉各开发工具的使用 任务二: 编写和运行Welcome.jsp学生模仿“Welcome.jsp” 任务一课堂实践 实践要求 1.根据本书中提供的下载地址，下载JDK1.6（或JDK1.7），并进行安装和配置。 2.根据本书中提供的下载地址，下载Tomcat6.0（或Tomcat7.0）安装后，熟悉Tomcat服务器的启动停止和退出操作。 3.在Tomcat服务器下建立自己的WEB应用程序目录myweb