1、 第三講 搭建JSP開(kāi)發(fā)環(huán)境授課課時(shí)：4課時(shí)（180分鐘）授課班級(jí)：軟件101 第三講 搭建JSP開(kāi)發(fā)環(huán)境授課課時(shí)：4 主要內(nèi)容 本課目標(biāo)新課引入與項(xiàng)目展示案例1 - JDK的安裝和配置案例2- Tomcat的安裝與配置案例3-創(chuàng)建第一個(gè)JSP程序課堂實(shí)踐鞏固與提高 主要內(nèi)容 本課目標(biāo)本課目標(biāo) 知識(shí) 掌握J(rèn)DK的安裝與環(huán)境設(shè)置（重點(diǎn)、難點(diǎn)）掌握Tomcat的安裝與配置（重點(diǎn)、難點(diǎn)）熟悉常用的JSP開(kāi)發(fā)工具的使用技能 掌握對(duì)JSP的運(yùn)行環(huán)境（JDKTomcat）進(jìn)行配置的技能掌握常用的JSP開(kāi)發(fā)工具的使用學(xué)會(huì)編寫(xiě)最簡(jiǎn)單的JSP程序（重點(diǎn)）素質(zhì) 嚴(yán)謹(jǐn)認(rèn)真的工作態(tài)度語(yǔ)言表達(dá)和與人溝通能力團(tuán)隊(duì)合作精神

2、本課目標(biāo) 知識(shí) 掌握J(rèn)DK的安裝與環(huán)境設(shè)置（重點(diǎn)、難點(diǎn)）教學(xué)情境引入新課 編寫(xiě)和運(yùn)行一個(gè)最簡(jiǎn)單的JSP程序 1. JDK1.6的安裝和配置 2.Tomcat6.0的安裝與配置、Tomcat服務(wù)器的啟動(dòng)、停止和退出操作。 3.創(chuàng)建和運(yùn)行第一個(gè)JSP程序。 工作任務(wù) 項(xiàng)目展示 教學(xué)情境引入新課 編寫(xiě)和運(yùn)行一個(gè)最簡(jiǎn)單的JSP程序 教師示范與講解“JDK” 任務(wù)一：根據(jù)本書(shū)中提供的下載地址，下載JDK1.6（或JDK1.7），并進(jìn)行安裝和配置。 案例分析 教師示范與講解“JDK” 任務(wù)一：根據(jù)本書(shū)中提供的JDK的下載與安裝JDK的下載 JDK可以到SUN 公司網(wǎng)站上提供的下載地址進(jìn)行免費(fèi)下載，本書(shū)使用

3、的JDK 1.6的下載地址是：/javase/downloads/index.jsp安裝JDK 下載完畢后，直接運(yùn)行所下載的jdk-6u7-windows-i586-p.exe ，按照提示進(jìn)行安裝，安裝過(guò)程中可以更改默認(rèn)的安裝路徑(如C: jdk1.6.0 )。JDK的下載與安裝配置環(huán)境變量 在Win2000/Xp/2003的桌面上右擊【我的電腦】，在彈出的快捷菜單中選擇【屬性】【高級(jí)】【環(huán)境變量】，如圖2-1所示。在【環(huán)境變量】對(duì)話框中，新建如表2-1所示的變量名和變量值，如圖2-2所示。配置環(huán)境變量變量名變量值功能JAVA_HOMEC:jdk1.6.0 說(shuō)明JDK所在的搜索路徑PathC:

4、jdk1.6.0bin或%JAVA_HOME%bin 說(shuō)明Java實(shí)用程序的位置CLASSPATH.; %JAVA_HOME%libdt.jar；%JAVA_HOME%libtools.jar；%JAVA_HOME%jrelibrt.jar； 說(shuō)明類和包文件的搜索路徑 表21 JDK環(huán)境變量變量名變量值功能JAVA_HOMEC:jdk1.6.0 說(shuō)配置環(huán)境變量 具體操作步驟如下 ： (1)在【系統(tǒng)變量】選項(xiàng)區(qū)域中雙擊“Path”變量，在彈出的【編輯系統(tǒng)變量】對(duì)話框中的【變量值】輸入框中添加Path變量值，如圖2-3所示。 (2)在【Administrator的用戶變量】選項(xiàng)區(qū)域中，單擊【新建】

5、按鈕，在彈出的【編輯用戶變量】對(duì)話框中輸入CLASSPATH變量名和變量值，如圖2-4所示。模塊一語(yǔ)言基礎(chǔ)模塊(-教學(xué)單元3-搭建JSP開(kāi)發(fā)環(huán)境)課件環(huán)境配置圖2-1 系統(tǒng)特性對(duì)話框圖2-2 環(huán)境變量對(duì)話框環(huán)境配置圖2-1 系統(tǒng)特性對(duì)話框圖2-2 環(huán)境變量對(duì)話框圖2-3 編輯系統(tǒng)變量Path圖2-4 編輯用戶變量CLASSPATH圖2-3 編輯系統(tǒng)變量Path圖2-4 編輯用戶變量CL學(xué)生模仿“JDK” 任務(wù)一：學(xué)生模仿完成JDK的安裝工作學(xué)生模仿“JDK” 任務(wù)一：學(xué)生模仿完成J教師示范與講解“Tomcat” 任務(wù)一：根據(jù)本書(shū)中提供的下載地址，下載Tomcat6.0（或Tomcat7.0）安

6、裝后，熟悉Tomcat服務(wù)器的啟動(dòng)、停止和退出操作。 案例分析 教師示范與講解“Tomcat” 任務(wù)一：根據(jù)本書(shū)中Tomcat服務(wù)器是當(dāng)今使用最廣泛的Servlet/Jsp服務(wù)器，它運(yùn)行穩(wěn)定、性能可靠，是學(xué)習(xí)JSP技術(shù)和中小型企業(yè)應(yīng)用的最佳選擇。Tomcat的下載地址為：/ 下載TomcatTomcat服務(wù)器是當(dāng)今使用最廣泛的Servlet/Jsp服用戶通過(guò)該鏈接就可以進(jìn)入到Tomcat的下載頁(yè)面，如圖2-5所示。圖2-5 Tomcat下載頁(yè)面（1）用戶通過(guò)該鏈接就可以進(jìn)入到Tomcat的下載頁(yè)面，如圖2-5在圖2-5 Tomcat下載頁(yè)面中，選擇下載版本Tomcat 5，進(jìn)入如圖2-6所示的

7、下載頁(yè)面。選擇下載windows環(huán)境下的程序包jakarta-tomcat-6.0.18.exe。Windows安裝包圖2-6 Tomcat下載頁(yè)面（2）在圖2-5 Tomcat下載頁(yè)面中，選擇下載版本Tomcat安裝與配置Tomcat jakarta-tomcat-6.0.18.exe包下載以后，運(yùn)行jakarta-tomcat-6.0.18.exe 按照提示安裝，進(jìn)入如圖2-7所示的“歡迎”界面，選擇【Next】繼續(xù)安裝，進(jìn)入如圖2-8所示的“協(xié) 議許可”界面。下一步圖2-7 歡迎界面安裝與配置Tomcat 下一步圖2-7 歡迎界面在圖2-8所示的“協(xié)議許可”界面中選擇【I Agree】繼

8、續(xù)安裝，進(jìn)入如圖2-9所示的“選擇安裝組件”界面。同意圖2-8 協(xié)議許可界面在圖2-8所示的“協(xié)議許可”界面中選擇【I Agree】繼續(xù)在圖2-9所示的“選擇安裝組件”界面中選擇使用默認(rèn)選項(xiàng)，選擇【Next】繼續(xù)安裝，進(jìn)入如圖2-10所示的“選擇安裝位置”界面。使用默認(rèn)安裝選項(xiàng)圖2-9 選擇安裝組件界面在圖2-9所示的“選擇安裝組件”界面中選擇使用默認(rèn)選項(xiàng)，選擇在圖2-10所示的“選擇安裝位置”界面中可以直接輸入安裝路徑，也可以選擇【Browse】按鈕來(lái)選擇安裝路徑然后選擇【Next】繼續(xù)安裝，進(jìn)入如圖2-11所示的“配置選項(xiàng)”界面。輸入路徑選擇路徑圖2-10 選擇安裝位置界面在圖2-10所示

9、的“選擇安裝位置”界面中可以直接輸入安裝路徑在圖2-11所示的“配置選項(xiàng)”界面中指定端口號(hào)（默認(rèn)為8080）、管理員用戶名和密碼（本例為admin和liuzc518），然后選擇【Next】繼續(xù)安裝，進(jìn)入如圖2-12所示的“Java虛擬機(jī)選擇”界面。圖2-11 配置選項(xiàng)界面端口號(hào)用戶名密碼在圖2-11所示的“配置選項(xiàng)”界面中指定端口號(hào)（默認(rèn)為808在圖2-12所示的“Java虛擬機(jī)選擇”界面中指定JVM路徑（本例為C:Program FilesJavajre1.6.0_06），然后選擇【Install】繼續(xù)安裝，進(jìn)入如圖2-13所示的“正在安裝”界面，開(kāi)始執(zhí)行安裝，安裝正常完成后，進(jìn)入如圖2-1

10、4所示的“完成安裝”界面。JVM路徑圖2-12 Java虛擬機(jī)選擇界面在圖2-12所示的“Java虛擬機(jī)選擇”界面中指定JVM路徑安裝進(jìn)度圖2-13 正在安裝界面圖2-14 完成安裝界面安裝進(jìn)度圖2-13 正在安裝界面圖2-14 完成安裝界面安裝完成后，在任務(wù)欄的最右邊會(huì)顯示Tomcat服務(wù)的圖標(biāo)，如 .由于服務(wù)沒(méi)有啟動(dòng)，顯示為一個(gè)紅色的點(diǎn)。 安裝完成后，在任務(wù)欄的最右邊會(huì)顯示Tomcat服務(wù)的圖標(biāo)，如啟動(dòng)與停止Tomcat 在 中的Tomcat服務(wù)圖標(biāo)上按右鍵，彈出如圖2-15所示的菜單，選擇【Start Service】就可以啟動(dòng)Tomcat服務(wù)，如圖2-16所示。啟動(dòng)完成后，顯示一個(gè)綠色

11、的三角圖標(biāo),如 所示，選擇【Stop Service】可以停止Tomcat服務(wù)。如果在圖2-15所示的菜單中選擇【Configure】，即可進(jìn)入Tomcat服務(wù)的配置界面，如圖2-17所示。啟動(dòng)與停止Tomcat圖2-15 Tomcat服務(wù)操作菜單圖2-16 啟動(dòng)Tomcat服務(wù)圖2-15 Tomcat服務(wù)操作菜單圖2-16 啟動(dòng)To啟動(dòng)類型圖2-17 Tomcat服務(wù)配置啟動(dòng)類型圖2-17 Tomcat服務(wù)配置 測(cè)試Tomcat在Tomcat成功安裝和啟動(dòng)后，在瀏覽器中輸入:8080或http:/localhost:8080，如果出現(xiàn)如圖2-18所示的Tomcat默認(rèn)主頁(yè)，則表示Tomcat

12、服務(wù)器安裝配置正常。圖2-18 Tomcat默認(rèn)主頁(yè) 測(cè)試Tomcat在Tomcat成功安裝和啟動(dòng)后，在瀏覽器中學(xué)生模仿“Tomcat” 任務(wù)一：學(xué)生模仿完成Tomcat的安裝與配置學(xué)生模仿“Tomcat” 任務(wù)一：學(xué)生模仿完成Tom教師示范與講解“Welcome.jsp” 任務(wù)一：使用Eclipse、記事本或Dreamweaver編寫(xiě)一個(gè)簡(jiǎn)單的顯示“Welcome to JSP”的JSP程序（welcome.jsp），在瀏覽器中運(yùn)行該程序，體驗(yàn)JSP程序的編寫(xiě)和運(yùn)行方法。 案例分析 教師示范與講解“Welcome.jsp” 任務(wù)一 Eclipse Eclipse是一個(gè)開(kāi)放可擴(kuò)展的集成開(kāi)發(fā)環(huán)境

13、(IDE)。它不僅可以用于Java的開(kāi)發(fā)，通過(guò)開(kāi)發(fā)插件，它可以構(gòu)建其他的開(kāi)發(fā)工具。 圖2-24 Eclipse運(yùn)行界面源文件 Eclipse Eclipse是一個(gè)開(kāi)放可擴(kuò)展的集成開(kāi)發(fā)環(huán) Eclipse Eclipse是一個(gè)開(kāi)放可擴(kuò)展的集成開(kāi)發(fā)環(huán)境(IDE)。它不僅可以用于Java的開(kāi)發(fā)，通過(guò)開(kāi)發(fā)插件，它可以構(gòu)建其他的開(kāi)發(fā)工具。 圖2-24 Eclipse運(yùn)行界面源文件 Eclipse Eclipse是一個(gè)開(kāi)放可擴(kuò)展的集成開(kāi)發(fā)環(huán) Dreamweaver Dreamweaver是Macromedia公司開(kāi)發(fā)的用于網(wǎng)站設(shè)計(jì)和網(wǎng)頁(yè)制作的軟件。它提供了強(qiáng)大的可視化布局工具、應(yīng)用開(kāi)發(fā)功能和代碼編輯支持，使

14、設(shè)計(jì)和開(kāi)發(fā)人員能高效地設(shè)計(jì)、開(kāi)發(fā)和維護(hù)基于標(biāo)準(zhǔn)的網(wǎng)站和應(yīng)用程序。 Dreamweaver Dreamweaver是Macro DreamweaverDreamweaver 8的運(yùn)行界面如圖2-25所示。 圖2-25 Dreamweaver 8運(yùn)行界面 DreamweaverDreamweaver 8的運(yùn)行界面創(chuàng)建第一個(gè)JSP程序 使用記事本、JCreator或其他文本編輯工具創(chuàng)建第1個(gè)JSP程序first.jsp，first.jsp文件的內(nèi)容如下： First Jsp 1.建立自己的WEB目錄 創(chuàng)建第一個(gè)JSP程序 1.建立自己的WEB目錄 在Tomcat服務(wù)器中建立WEB應(yīng)用程序目錄和運(yùn)行程

15、序的步驟如下：（1）進(jìn)入Tomcat的安裝目錄的webapps目錄，可以看到ROOT，examples, tomcat-docs之類Tomcat自帶的目錄； （2）在webapps目錄下新建一個(gè)目錄，起名叫myapp； （3）在myapp下新建一個(gè)目錄WEB-INF，注意，目錄名稱是區(qū)分大小寫(xiě)的； 在Tomcat服務(wù)器中建立WEB應(yīng)用程序目錄和運(yùn)行（4）WEB-INF下新建一個(gè)文件web.xml；（5）將first.jsp文件復(fù)制到myapp文件夾中；（6）在瀏覽器中輸入:8080/myapp/first.jsp，運(yùn)行結(jié)果如圖2-26所示。（4）WEB-INF下新建一個(gè)文件web.xml；圖2

16、-26 第一個(gè)JSP程序運(yùn)行界面圖2-26 第一個(gè)JSP程序運(yùn)行界面2.修改web.xml文件web.xml文件的內(nèi)容如下： My Web Application 2.修改web.xml文件web.xml文件的內(nèi)容如下： A application for test. 學(xué)生模仿“Welcome.jsp” 任務(wù)一：學(xué)生熟悉各開(kāi)發(fā)工具的使用 任務(wù)二: 編寫(xiě)和運(yùn)行Welcome.jsp學(xué)生模仿“Welcome.jsp” 任務(wù)一課堂實(shí)踐 實(shí)踐要求 1.根據(jù)本書(shū)中提供的下載地址，下載JDK1.6（或JDK1.7），并進(jìn)行安裝和配置。 2.根據(jù)本書(shū)中提供的下載地址，下載Tomcat6.0（或Tomcat7.0）安裝后，熟悉Tomcat服務(wù)器的啟動(dòng)停止和退出操作。 3.在Tomcat服務(wù)器下建立自己的WEB應(yīng)用程序目錄myweb