当前位置:首页 >> 其它课程 >>

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


第三讲 搭建JSP开发环境
授课课时:4课时(180分钟) 授课班级:软件101

主要内容 ?本课目标 ?新课引入与项目展示 ?案例1 -- JDK的安装和配置 ?案例2-- Tomcat的安装与配置 ?案例3--创建第一个JSP程序 ?课堂实践 ?巩固与提高

本课目标
知识
? 掌握JDK的安装与环境设置(重点、难点) ? 掌握Tomcat的安装与配置(重点、难点) ? 熟悉常用的JSP开发工具的使用

技能

? 掌握对JSP的运行环境(JDK+Tomcat)进 行配置的技能 ? 掌握常用的JSP开发工具的使用 ? 学会编写最简单的JSP程序(重点)

素质

?严谨认真的工作态度 ?语言表达和与人沟通能力 ?团队合作精神

教学情境--引入新课
工作任务

编写和运行一个最简单的JSP程序

项目展示

1. JDK1.6的安装和配置 2.Tomcat6.0的安装与配置、Tomcat服务器的启 动、停止和退出操作。 3.创建和运行第一个JSP程序。

教师示范与讲解--“JDK”
案例分析 任务一:根据本书中提供的下载地址,下载 JDK1.6(或JDK1.7),并进行安装和配置。

JDK的下载与安装
? JDK的下载
JDK可以到SUN 公司网站上提供的下载地址进行免费下载 ,本书使用的JDK 1.6的下载地址是: http://java.sun.com/javase/downloads/index.jsp ? 安装JDK 下载完毕后,直接运行所下载的jdk-6u7-windowsi586-p.exe ,按照提示进行安装,安装过程中可以更改默 认的安装路径(如C:\ jdk1.6.0 )。

? 配置环境变量 在Win2000/Xp/2003的桌面上右击【我的电脑】,在弹 出的快捷菜单中选择【属性】→【高级】→【环境变量 】,如图2-1所示。在【环境变量】对话框中,新建如表 2-1所示的变量名和变量值,如图2-2所示。

变量名
JAVA_HOME

变量值
C:\jdk1.6.0

功能
说明JDK所在的搜索路 径

Path
CLASSPATH

C:\jdk1.6.0\bin或 %JAVA_HOME%\bin
.; %JAVA_HOME%\lib\dt.jar; %JAVA_HOME%\lib\tools.jar; %JAVA_HOME%\jre\lib\rt.jar;

说明Java实用程序的位 置
说明类和包文件的搜索 路径

表2—1 JDK环境变量

? 配置环境变量 具体操作步骤如下 : (1) 在【系统变量】选项区域中双击“Path”变量,在弹 出的【编辑系统变量】对话框中的【变量值】输入框中 添加Path变量值,如图2-3所示。 (2) 在【Administrator的用户变量】选项区域中,单击 【新建】按钮,在弹出的【编辑用户变量】对话框中输 入CLASSPATH变量名和变量值,如图2-4所示。

环境配置

图2-1 系统特性对话框

图2-2 环境变量对话框

图2-3 编辑系统变量Path

图2-4 编辑用户变量CLASSPATH

学生模仿--“JDK”
任务一:学生模仿完成JDK的安装工作

教师示范与讲解--“Tomcat”
案例分析 任务一:根据本书中提供的下载地址,下载 Tomcat6.0(或Tomcat7.0)安装后,熟悉Tomcat服务 器的启动、停止和退出操作。

? 下载Tomcat
? Tomcat服务器是当今使用最广泛的Servlet/Jsp服务器,它 运行稳定、性能可靠,是学习JSP技术和中小型企业应用的 最佳选择。

? Tomcat的下载地址为:http://tomcat.apache.org/

? 用户通过该链接就可以进入到Tomcat的下载页面,如图 2-5所示。

图2-5 Tomcat下载页面(1)

? 在图2-5 Tomcat下载页面中,选择下载版本Tomcat 5,进入 如图2-6所示的下载页面。选择下载windows环境下的程序包 jakarta-tomcat-6.0.18.exe。

Windows安装包

图2-6 Tomcat下载页面(2)

安装与配置Tomcat
? jakarta-tomcat-6.0.18.exe包下载以后,运行jakartatomcat-6.0.18.exe 按照提示安装,进入如图2-7所示的“欢 迎”界面,选择【Next】继续安装,进入如图2-8所示的“协 议许可”界面。

下一步

图2-7 欢迎界面

? 在图2-8所示的“协议许可”界面中选择【I Agree】继 续安装,进入如图2-9所示的“选择安装组件”界面。

同意

图2-8 协议许可界面

? 在图2-9所示的“选择安装组件”界面中选择使用默认选项 ,选择【Next】继续安装,进入如图2-10所示的“选择安装 位置”界面。

使用默认安 装选项

图2-9

选择安装组件界面

? 在图2-10所示的“选择安装位置”界面中可以直接输入安装 路径,也可以选择【Browse】按钮来选择安装路径然后选择 【Next】继续安装,进入如图2-11所示的“配置选项”界面 。

输入路径

选择路径

图2-10 选择安装位置界面

? 在图2-11所示的“配置选项”界面中指定端口号(默认为 8080)、管理员用户名和密码(本例为admin和liuzc518) ,然后选择【Next】继续安装,进入如图2-12所示的“Java 虚拟机选择”界面。
端口号

用户名

密码

图2-11

配置选项界面

? 在图2-12所示的“Java虚拟机选择”界面中指定JVM路径( 本例为C:\Program Files\Java\jre1.6.0_06),然后选择 【Install】继续安装,进入如图2-13所示的“正在安装” 界面,开始执行安装,安装正常完成后,进入如图2-14所示 的“完成安装”界面。

JVM路径

图2-12 Java虚拟机选择界面

安装进度

图2-13

正在安装界面

图2-14

完成安装界面

? 安装完成后,在任务栏的最右边会显示Tomcat服务的图 标,如 .由于服务没有启动,显示为一 个红色的点。

? 启动与停止Tomcat
在 中的Tomcat服务图标上按右键,弹出 如图2-15所示的菜单,选择【Start Service】就可以启动 Tomcat服务,如图2-16所示。启动完成后,显示一个绿色的 三角图标,如 所示,选择【Stop Service】 可以停止Tomcat服务。如果在图2-15所示的菜单中选择【 Configure…】,即可进入Tomcat服务的配置界面,如图217所示。

图2-15 Tomcat服务操作菜单

图2-16 启动Tomcat服务

启动类型

图2-17 Tomcat服务配置

? 测试Tomcat
? 在Tomcat成功安装和启动后,在浏览器中输入 http://127.0.0.1:8080或http://localhost:8080,如果出 现如图2-18所示的Tomcat默认主页,则表示Tomcat服务器安装 配置正常。

图2-18 Tomcat默认主页

学生模仿--“Tomcat”
任务一:学生模仿完成Tomcat的安装与配置

教师示范与讲解--“Welcome.jsp”
案例分析 任务一:使用Eclipse、记事本或 Dreamweaver编写一个简单的显示“Welcome to JSP”的JSP程序(welcome.jsp),在浏览器中运 行该程序,体验JSP程序的编写和运行方法。

? Eclipse
? Eclipse是一个开放可扩展的集成开发环境(IDE)。它不仅可 以用于Java的开发,通过开发插件,它可以构建其他的开发 工具。

源文件

图2-24 Eclipse运行界面

? Eclipse
? Eclipse是一个开放可扩展的集成开发环境(IDE)。它不仅可 以用于Java的开发,通过开发插件,它可以构建其他的开发 工具。

源文件

图2-24 Eclipse运行界面

? Dreamweaver
? Dreamweaver是Macromedia公司开发的用于网站设计和网页 制作的软件。它提供了强大的可视化布局工具、应用开发功 能和代码编辑支持,使设计和开发人员能高效地设计、开发 和维护基于标准的网站和应用程序。

? Dreamweaver
? Dreamweaver 8的运行界面如图2-25所示。

图2-25

Dreamweaver 8运行界面

创建第一个JSP程序 1.建立自己的WEB目录
使用记事本、JCreator或其他文本编辑工具创建第1个JSP 程序first.jsp,first.jsp文件的内容如下: <html> <head><title>First Jsp</title></head> <body> <h1><%out.println("Hello World");%></h1> <h2><%out.println("This is the first JSP program!");%></h2> </body></html>

在Tomcat服务器中建立WEB应用程序目录和运行程序的 步骤如下: (1)进入Tomcat的安装目录的webapps目录,可以看到ROOT, examples, tomcat-docs之类Tomcat自带的目录; (2)在webapps目录下新建一个目录,起名叫myapp; (3)在myapp下新建一个目录WEB-INF,注意,目录名称是区 分大小写的;

(4)WEB-INF下新建一个文件web.xml; (5)将first.jsp文件复制到myapp文件夹中; (6)在浏览器中输入 http://127.0.0.1:8080/myapp/first.jsp,运行结果如 图2-26所示。

图2-26

第一个JSP程序运行界面

2.修改web.xml文件
web.xml文件的内容如下: <?xml version="1.0" encoding="ISO-8859-1"?> <!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "http://java.sun.com/dtd/web-app_2_3.dtd"> <web-app> <display-name>My Web Application</display-name>

<description> A application for test. </description> </web-app>

学生模仿--“Welcome.jsp”
任务一:学生熟悉各开发工具的使用
任务二: 编写和运行Welcome.jsp

课堂实践
实践要求 1.根据本书中提供的下载地址,下载JDK1.6(或 JDK1.7),并进行安装和配置。 2.根据本书中提供的下载地址,下载Tomcat6.0 (或Tomcat7.0)安装后,熟悉Tomcat服务器的启动 停止和退出操作。 3.在Tomcat服务器下建立自己的WEB应用程序 目录myweb,并按要求建立和配置好web.xml文件。 4.使用Eclipse、记事本或Dreamweaver编写一 个简单的显示“Welcome to JSP”的JSP程序 (welcome.jsp),在浏览器中运行该程序,体验 JSP程序的编写和运行方法。

本课小结

1. JDK1.6的安装和配置 2. Tomcat6.0的安装、启动、停止 和退出操作,环境的配置

课外拓展

1.比较几种开发工具的优劣 2.尝试单独对开发环境进行配置


相关文章:
《jsp语言程序设计》课程教学设计案例
附件3: 《jsp 语言程序设计》课程教学设计案例第一...序号与名称 JSP 项目开发环境安装与配置 Jsp 基本...进度表设计教学目标和主要内容 序号 学时 单元标 题...
动态网站技术(JSP)教学大纲
了解 JSP 的运行环境搭建方法,掌握 JSP 语言的基本语法、JSP 内置对 象、...第二章 JSP 开发基础(讲课 2 学时,实验 6 学时) 1. 2. 3. 4. 重难...
英语基础模块一Unit 8教案
英语基础模块一Unit 8教案_中职中专_职业教育_教育...? ? ? ? 语言知识目标: 学生能够掌握并运用与...Period 3 ? Review 1. 复习本单元单词。每个单词...
基础模块1电子教案(下)
基础模块1电子教案(下)_中职中专_职业教育_教育专区...单元任务: 学生能够运用所学语言对学校周边的饭店做...3) Kate has more books than Jim. 凯特比吉姆的...
中等职业教育课程改革新教材(语文基础模块上册)1-3单元教案
中等职业教育课程改革新教材(语文基础模块上册)1-3单元教案_中职中专_职业教育_...明确:动作描写、语言描写 (3)找出这部分中描写老人动作、语言的语句并说说这些...
外研版中职国规英语教材基础模块第一册第3单元
外研版中职国规英语教材基础模块第一册第3单元_其它...采用游戏或竞赛的形式开展词汇教学,寓教于乐,激发...设计 意图 创设轻松、 愉快的语言 环境,提高 学生...
英语基础模块一Unit 3教案
英语基础模块一Unit 3教案_中职中专_职业教育_教育专区。Unit 3教学目标】 ...单元任务:学生能够运用所学语言举办依此旧书展卖会。 ? 【教学步骤】 Period 1...
基础模块1电子教案(上)
单元任务: 学生能运用所学语言拟定自己未来的名片。 教学重点: 学生能够理解并...他们在家。 Be 动词除了第一人称单数用 am, 第三人称单数用 is 以外, 其他...
英语基础模块一Unit 9 教案
英语基础模块一Unit 9 教案_中职中专_职业教育_教育专区。Unit 9 【教学目标】 ? What club would you like to join? ? 语言知识目标: 学生能够理解并运用与...
口语交际(职高语文基础模块下第三单元)
口语交际(职高语文基础模块下第三单元)_语文_高中...6.教学基本环节和内容: 第一课时 一、通过评析案例...2.语言流畅。 3.观点明确。 4.内容吸引人。 5....
更多相关标签: