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

1、 第三讲 搭建JSP开发环境授课课时：授课课时：4 4课时（课时（180180分钟）分钟）授课班级：软件授课班级：软件101101 主要内容主要内容 本课目标新课引入与项目展示案例1-JDK的安装和配置案例2-Tomcat的安装与配置案例3-创建第一个JSP程序课堂实践巩固与提高本课目标 知识知识 掌握掌握JDK的安装与环境设置的安装与环境设置（重点、难点）（重点、难点）掌握掌握Tomcat的安装与配置的安装与配置（重点、难点）（重点、难点）熟悉常用的熟悉常用的JSP开发工具的使用开发工具的使用技能技能 掌握对掌握对JSP的运行环境（的运行环境（JDKTomcat）进行配置的技能进行配置的技能

2、 掌握常用的掌握常用的JSP开发工具的使用开发工具的使用 学会编写最简单的学会编写最简单的JSP程序程序（重点）（重点）素质素质 严谨认真的工作态度严谨认真的工作态度语言表达和与人沟通能力语言表达和与人沟通能力团队合作精神团队合作精神教学情境引入新课 编写和运行一个最简单的JSP程序 1.JDK1.6的安装和配置 2.Tomcat6.0的安装与配置、Tomcat服务器的启动、停止和退出操作。3.创建和运行第一个JSP程序。工作任务工作任务 项目展示项目展示 教师示范与讲解“JDK”任务一：根据本书中提供的下载地址，下载任务一：根据本书中提供的下载地址，下载JDK1.6（或（或JDK1.7），并

3、进行安装和配置。），并进行安装和配置。案例分析案例分析 JDKJDK的下载与安装的下载与安装v JDKJDK的下载的下载 JDKJDK可以到可以到SUN SUN 公司网站上提供的下载地址进行免费下载公司网站上提供的下载地址进行免费下载，本书使用的，本书使用的JDK 1.6JDK 1.6的下载地址是：的下载地址是：http:/http:/ 安装安装JDKJDK 下载完毕后，直接运行所下载的下载完毕后，直接运行所下载的jdk-6u7-windows-jdk-6u7-windows-i586-p.exe i586-p.exe，按照提示进行安装，安装过程中可以更改默，按照提示进行安装，安装过程中可以更

4、改默认的安装路径认的安装路径(如如C:jdk1.6.0C:jdk1.6.0 )。v 配置环境变量配置环境变量 在在Win2000/Xp/2003Win2000/Xp/2003的桌面上右击的桌面上右击【我的电脑我的电脑】，在弹，在弹出的快捷菜单中选择出的快捷菜单中选择【属性属性】【高级高级】【环境变量环境变量】，如图，如图2-12-1所示。在所示。在【环境变量环境变量】对话框中，新建如表对话框中，新建如表2-12-1所示的变量名和变量值，如图所示的变量名和变量值，如图2-22-2所示。所示。变量名变量值功能JAVA_HOMEC:jdk1.6.0 说明JDK所在的搜索路径PathC:jdk1.6.

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

6、示。(2)(2)在在【AdministratorAdministrator的用户变量的用户变量】选项区域中，单击选项区域中，单击【新建新建】按钮，在弹出的按钮，在弹出的【编辑用户变量编辑用户变量】对话框中输对话框中输入入CLASSPATHCLASSPATH变量名和变量值，如图变量名和变量值，如图2-42-4所示。所示。环境配置环境配置图2-1 系统特性对话框图2-2 环境变量对话框图2-3 编辑系统变量Path图2-4 编辑用户变量CLASSPATH学生模仿“JDK”任务一：学生模仿完成任务一：学生模仿完成JDK的安装工作的安装工作教师示范与讲解“Tomcat”任务一：根据本书中提供的下载地址

7、，下载任务一：根据本书中提供的下载地址，下载Tomcat6.0（或（或Tomcat7.0）安装后，熟悉）安装后，熟悉Tomcat服务服务器的启动、停止和退出操作。器的启动、停止和退出操作。案例分析案例分析 v TomcatTomcat服务器是当今使用最广泛的服务器是当今使用最广泛的Servlet/JspServlet/Jsp服务器，它服务器，它运行稳定、性能可靠，是学习运行稳定、性能可靠，是学习JSPJSP技术和中小型企业应用的技术和中小型企业应用的最佳选择。最佳选择。v TomcatTomcat的下载地址为：的下载地址为：http:/http:/tomcat.apache.orgtomcat

8、.apache.org/下载Tomcatv 用户通过该链接就可以进入到用户通过该链接就可以进入到TomcatTomcat的下载页面，如图的下载页面，如图2-52-5所示。所示。图2-5 Tomcat下载页面（1）v 在图在图2-5 Tomcat2-5 Tomcat下载页面中，选择下载版本下载页面中，选择下载版本Tomcat 5Tomcat 5，进入，进入如图如图2-62-6所示的下载页面。选择下载所示的下载页面。选择下载windowswindows环境下的程序包环境下的程序包jakarta-tomcat-6.0.18.exejakarta-tomcat-6.0.18.exe。Windows安装

9、包图2-6 Tomcat下载页面（2）安装与配置安装与配置TomcatTomcat v jakarta-tomcat-6.0.18.exejakarta-tomcat-6.0.18.exe包下载以后，运行包下载以后，运行jakarta-jakarta-tomcat-6.0.18.exe tomcat-6.0.18.exe 按照提示安装，进入如图按照提示安装，进入如图2-72-7所示的所示的“欢欢迎迎”界面，选择界面，选择【NextNext】继续安装，进入如图继续安装，进入如图2-82-8所示的所示的“协协 议许可议许可”界面。界面。下一步图2-7 欢迎界面v 在图在图2-82-8所示的所示的“

10、协议许可协议许可”界面中选择界面中选择【I AgreeI Agree】继继续安装，进入如图续安装，进入如图2-92-9所示的所示的“选择安装组件选择安装组件”界面。界面。同意图2-8 协议许可界面v 在图在图2-92-9所示的所示的“选择安装组件选择安装组件”界面中选择使用默认选项界面中选择使用默认选项，选择，选择【NextNext】继续安装，进入如图继续安装，进入如图2-102-10所示的所示的“选择安装选择安装位置位置”界面。界面。使用默认安装选项图图2-9 2-9 选择安装组件界面选择安装组件界面v 在图在图2-102-10所示的所示的“选择安装位置选择安装位置”界面中可以直接输入安装界

11、面中可以直接输入安装路径，也可以选择路径，也可以选择【BrowseBrowse】按钮来选择安装路径然后选择按钮来选择安装路径然后选择【NextNext】继续安装，进入如图继续安装，进入如图2-112-11所示的所示的“配置选项配置选项”界面界面。输入路径选择路径图2-10 选择安装位置界面v 在图在图2-112-11所示的所示的“配置选项配置选项”界面中指定端口号（默认为界面中指定端口号（默认为80808080）、管理员用户名和密码（本例为）、管理员用户名和密码（本例为adminadmin和和liuzc518liuzc518），然后选择，然后选择【NextNext】继续安装，进入如图继续安装，

12、进入如图2-122-12所示的所示的“JavaJava虚拟机选择虚拟机选择”界面。界面。图图2-11 2-11 配置选项界面配置选项界面端口号用户名密码v 在图在图2-122-12所示的所示的“JavaJava虚拟机选择虚拟机选择”界面中指定界面中指定JVMJVM路径（路径（本例为本例为C:Program FilesJavajre1.6.0_06C:Program FilesJavajre1.6.0_06），然后选择），然后选择【InstallInstall】继续安装，进入如图继续安装，进入如图2-132-13所示的所示的“正在安装正在安装”界面，开始执行安装，安装正常完成后，进入如图界面，开

13、始执行安装，安装正常完成后，进入如图2-142-14所示所示的的“完成安装完成安装”界面。界面。JVM路径图2-12 Java虚拟机选择界面安装进度图图2-13 2-13 正在安装界面正在安装界面图图2-14 2-14 完成安装界面完成安装界面v 安装完成后，在任务栏的最右边会显示安装完成后，在任务栏的最右边会显示TomcatTomcat服务的图服务的图标，如标，如 .由于服务没有启动，显示为一由于服务没有启动，显示为一个红色的点。个红色的点。v启动与停止启动与停止TomcatTomcat 在 中的中的TomcatTomcat服务图标上按右键，弹出服务图标上按右键，弹出如图如图2-152-15

14、所示的菜单，选择所示的菜单，选择【Start ServiceStart Service】就可以启动就可以启动TomcatTomcat服务，如图服务，如图2-162-16所示。启动完成后，显示一个绿色的所示。启动完成后，显示一个绿色的三角图标三角图标,如如 所示，选择所示，选择【Stop ServiceStop Service】可以停止可以停止TomcatTomcat服务。如果在图服务。如果在图2-152-15所示的菜单中选择所示的菜单中选择【ConfigureConfigure】，即可进入，即可进入TomcatTomcat服务的配置界面，如图服务的配置界面，如图2-2-1717所示。所示。图2

15、-15 Tomcat服务操作菜单图2-16 启动Tomcat服务启动类型图图2-17 Tomcat2-17 Tomcat服务配置服务配置 测试Tomcatv 在在TomcatTomcat成功安装和启动后，在浏览器中输入成功安装和启动后，在浏览器中输入http:/127.0.0.1:8080http:/127.0.0.1:8080或或http:/localhost:8080http:/localhost:8080，如果出现，如果出现如图如图2-182-18所示的所示的TomcatTomcat默认主页，则表示默认主页，则表示TomcatTomcat服务器安装配服务器安装配置正常。置正常。图图2-1

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

17、放可扩展的集成开发环境(IDE)(IDE)。它不仅可。它不仅可以用于以用于JavaJava的开发，通过开发插件，它可以构建其他的开发的开发，通过开发插件，它可以构建其他的开发工具。工具。图图2-24 Eclipse2-24 Eclipse运行界面运行界面源文件 Eclipse v EclipseEclipse是一个开放可扩展的集成开发环境是一个开放可扩展的集成开发环境(IDE)(IDE)。它不仅可。它不仅可以用于以用于JavaJava的开发，通过开发插件，它可以构建其他的开发的开发，通过开发插件，它可以构建其他的开发工具。工具。图图2-24 Eclipse2-24 Eclipse运行界面运行界

18、面源文件 Dreamweaver v DreamweaverDreamweaver是是MacromediaMacromedia公司开发的用于网站设计和网页公司开发的用于网站设计和网页制作的软件。它提供了强大的可视化布局工具、应用开发功制作的软件。它提供了强大的可视化布局工具、应用开发功能和代码编辑支持，使设计和开发人员能高效地设计、开发能和代码编辑支持，使设计和开发人员能高效地设计、开发和维护基于标准的网站和应用程序。和维护基于标准的网站和应用程序。Dreamweaverv DreamweaverDreamweaver 8 8的运行界面如图的运行界面如图2-252-25所示。所示。图图2-25

19、 2-25 DreamweaverDreamweaver 8 8运行界面运行界面创建第一个JSP程序 使用记事本、使用记事本、JCreatorJCreator或其他文本编辑工具创建第或其他文本编辑工具创建第1 1个个JSPJSP程序程序first.jspfirst.jsp，first.jspfirst.jsp文件的内容如下：文件的内容如下：First First JspJsp%World);%program!);%在在TomcatTomcat服务器中建立服务器中建立WEBWEB应用程序目录和运行程序的应用程序目录和运行程序的步骤如下：步骤如下：（1 1）进入）进入TomcatTomcat的安装

20、目录的的安装目录的webappswebapps目录，可以看到目录，可以看到ROOTROOT，examples,tomcat-docsexamples,tomcat-docs之类之类TomcatTomcat自带的目录；自带的目录；（2 2）在）在webappswebapps目录下新建一个目录，起名叫目录下新建一个目录，起名叫myappmyapp；（3 3）在）在myappmyapp下新建一个目录下新建一个目录WEB-INFWEB-INF，注意，目录名称是区，注意，目录名称是区分大小写的；分大小写的；（4 4）WEB-INFWEB-INF下新建一个文件下新建一个文件web.xmlweb.xml；（

21、5 5）将）将first.jspfirst.jsp文件复制到文件复制到myappmyapp文件夹中；文件夹中；（6 6）在浏览器中输入）在浏览器中输入http:/127.0.0.1:8080/myapp/first.jsphttp:/127.0.0.1:8080/myapp/first.jsp，运行结果如，运行结果如图图2-262-26所示。所示。图图2-26 2-26 第一个第一个JSPJSP程序运行界面程序运行界面2.修改web.xml文件web.xmlweb.xml文件的内容如下：文件的内容如下：!DOCTYPE web-app http:/ My Web Application My

22、Web Application A application for test.A application for test.学生模仿“Welcome.jsp”任务一：学生熟悉各开发工具的使用任务一：学生熟悉各开发工具的使用 任务二任务二:编写和运行编写和运行Welcome.jsp课堂实践 实践要求实践要求 1.根据本书中提供的下载地址，下载根据本书中提供的下载地址，下载JDK1.6（或（或JDK1.7），并进行安装和配置。），并进行安装和配置。2.根据本书中提供的下载地址，下载根据本书中提供的下载地址，下载Tomcat6.0（或（或Tomcat7.0）安装后，熟悉）安装后，熟悉Tomcat服务

23、器的启动服务器的启动停止和退出操作。停止和退出操作。3.在在Tomcat服务器下建立自己的服务器下建立自己的WEB应用程序应用程序目录目录myweb，并按要求建立和配置好，并按要求建立和配置好web.xml文件文件。4.使用使用Eclipse、记事本或、记事本或Dreamweaver编写一编写一个简单的显示个简单的显示“Welcome to JSP”的的JSP程序程序（welcome.jsp），在浏览器中运行该程序，体验），在浏览器中运行该程序，体验JSP程序的编写和运行方法。程序的编写和运行方法。本课小结1.1.JDK1.JDK1.6 6的安装和配置的安装和配置2.2.TomcatTomcat6 6.0 0的安装、启动、停止的安装、启动、停止 和退出操作，环境的配置和退出操作，环境的配置课外拓展1.1.比较几种开发工具的优劣比较几种开发工具的优劣2.2.尝试单独对开发环境进行配置尝试单独对开发环境进行配置