第二階段直播課tp01備課

1、動態(tài)網(wǎng)頁開發(fā)基礎(chǔ)第一章2演示課程項目演示課程項目課程項目展示課程項目展示婚姻攝影網(wǎng)婚姻攝影網(wǎng)新聞發(fā)布系統(tǒng)新聞發(fā)布系統(tǒng)論壇短信息論壇短信息2相關(guān)知識回顧相關(guān)知識回顧使用使用JDBC訪問數(shù)據(jù)庫的步驟？訪問數(shù)據(jù)庫的步驟？在網(wǎng)頁中如何引入在網(wǎng)頁中如何引入CSS文件？文件？提問提問3本章任務(wù)本章任務(wù)實現(xiàn)頁面輸出顯示閏年個數(shù)實現(xiàn)頁面輸出顯示閏年個數(shù)使用使用Eclipse部署和發(fā)布部署和發(fā)布Web應(yīng)用應(yīng)用4本章目標本章目標了解了解B/S結(jié)構(gòu)的基本概念結(jié)構(gòu)的基本概念掌握掌握JSP頁面元素的內(nèi)容頁面元素的內(nèi)容掌握使用掌握使用Eclipse創(chuàng)建和運行創(chuàng)建和運行Web項目項目了解了解Web程序的調(diào)試與排錯程序的調(diào)試

2、與排錯56什么是動態(tài)網(wǎng)頁什么是動態(tài)網(wǎng)頁日常生活中的日常生活中的動態(tài)網(wǎng)頁動態(tài)網(wǎng)頁根據(jù)不同的輸入根據(jù)不同的輸入( (或操作或操作) )，返回不同的網(wǎng)頁返回不同的網(wǎng)頁67假如淘寶網(wǎng)是靜態(tài)網(wǎng)站假如淘寶網(wǎng)是靜態(tài)網(wǎng)站為什么需要動態(tài)網(wǎng)頁為什么需要動態(tài)網(wǎng)頁靜態(tài)網(wǎng)站靜態(tài)網(wǎng)站局限性局限性無法對靜態(tài)頁面的內(nèi)容無法對靜態(tài)頁面的內(nèi)容進行實時更新進行實時更新無法實現(xiàn)搜索、購買、無法實現(xiàn)搜索、購買、登錄等交互功能登錄等交互功能78如何實現(xiàn)動態(tài)網(wǎng)頁如何實現(xiàn)動態(tài)網(wǎng)頁百度如何實現(xiàn)業(yè)務(wù)數(shù)據(jù)百度如何實現(xiàn)業(yè)務(wù)數(shù)據(jù)的動態(tài)顯示？的動態(tài)顯示？百度如何保存業(yè)務(wù)數(shù)據(jù)？百度如何保存業(yè)務(wù)數(shù)據(jù)？89為什么學習為什么學習B/S技術(shù)技術(shù)C/S的局限性的局

3、限性安裝不同客戶端軟件安裝不同客戶端軟件客戶端1客戶端2客戶端3百度如何保存業(yè)務(wù)數(shù)據(jù)？910為什么學習為什么學習B/S技術(shù)技術(shù)Internet全球用戶群中資源共享全球用戶群中資源共享 B/S帶來全新體驗帶來全新體驗無需安裝客戶端軟件無需安裝客戶端軟件1011什么是什么是B/S技術(shù)技術(shù)IE應(yīng)用服務(wù)器數(shù)據(jù)庫服務(wù)器B/S結(jié)構(gòu)（瀏覽器/服務(wù)器）：程序完全部署在服務(wù)器上1112B/S技術(shù)的工作原理技術(shù)的工作原理應(yīng)用服務(wù)器數(shù)據(jù)庫服務(wù)器IE返回發(fā)送訪問返回1234B/S結(jié)構(gòu)采用請求結(jié)構(gòu)采用請求/響應(yīng)模式進行交互響應(yīng)模式進行交互用戶輸入客戶端的請求信息客戶端的請求信息從服務(wù)器端檢索到的信息從服務(wù)器端檢索到的信

4、息運行服務(wù)器端運行服務(wù)器端程序程序解釋執(zhí)行解釋執(zhí)行HTMLHTML文件文件1213URLhttp : / localhost:8080 / news/index.html協(xié)議部分 主機IP地址：端口號 項目資源地址 Uniform Resource Locator統(tǒng)一資源定位符統(tǒng)一資源定位符組成組成1314Tomcat服務(wù)器簡介服務(wù)器簡介Tomcat服務(wù)器服務(wù)器Apache Jakarta的開源項目的開源項目JSP/Servlet容器容器1415Tomcat服務(wù)器應(yīng)用服務(wù)器應(yīng)用解壓縮版本解壓縮版本Tomcat的安裝的安裝添加系統(tǒng)變量，名稱為添加系統(tǒng)變量，名稱為CATALINA_HOME設(shè)置值為

5、設(shè)置值為Tomcat的安裝目錄的安裝目錄啟動和停止啟動和停止Tomcat服務(wù)器服務(wù)器Tomcat服務(wù)啟動檢測服務(wù)啟動檢測在在IE地址欄中輸入地址欄中輸入 :端口號端口號頁面進入到頁面進入到Tomcat啟動成功界面啟動成功界面15演示：演示：Tomcat啟動停止及檢測啟動停止及檢測16Tomcat的目錄結(jié)構(gòu)的目錄結(jié)構(gòu)Tomcat服務(wù)器的目錄結(jié)構(gòu)服務(wù)器的目錄結(jié)構(gòu)16目錄目錄 說明說明/bin存放各種平臺下用于啟動和停止存放各種平臺下用于啟動和停止TomcatTomcat的腳本的腳本文件文件/conf存放存放Tomcat服務(wù)器的各種配置文件服務(wù)器的各種配置文件/lib存放存放Tomcat服務(wù)器所需的

6、各種服務(wù)器所需的各種JAR文件文件/logs存放存放Tomcat的日志文件的日志文件/tempTomcat運行時用于存放臨時文件運行時用于存放臨時文件/webapps當發(fā)布當發(fā)布Web應(yīng)用時，默認情況下會將應(yīng)用時，默認情況下會將Web應(yīng)用應(yīng)用的文件存放于此目錄中的文件存放于此目錄中/workTomcat把由把由JSP生成的生成的Servlet放于此目錄下放于此目錄下17Tomcat的端口配置的端口配置通過配置文件通過配置文件server.xml修改修改Tomcat端口號端口號演示：修改端口過程演示：修改端口過程 :8080/. :6060/.1718學員操作學員操作配制和啟動配制和啟動Tomc

7、at需求說明需求說明使用壓縮版使用壓縮版Tomcat，配置環(huán)境變量、啟動、，配置環(huán)境變量、啟動、停止停止Tomcat，并訪問，并訪問Tomcat主頁面主頁面,之后再之后再修改修改端口號并測試修改修改端口號并測試添加系統(tǒng)變量，名稱為添加系統(tǒng)變量，名稱為CATALINA_HOME配置文件配置文件server.xml修改修改Tomcat端口號端口號完成時間：完成時間：10分鐘分鐘練習練習18提示提示W(wǎng)eb項目的目錄結(jié)構(gòu)項目的目錄結(jié)構(gòu)Web應(yīng)用的目錄結(jié)構(gòu)應(yīng)用的目錄結(jié)構(gòu)目錄目錄 說明說明/Web應(yīng)用的根目錄，該目錄下所有文件應(yīng)用的根目錄，該目錄下所有文件在客戶端都可以訪問在客戶端都可以訪問(JSP、HT

8、ML等等)/WEB-INF存放應(yīng)用使用的各種資源，該目錄及其存放應(yīng)用使用的各種資源，該目錄及其子目錄對客戶端都是不可以訪問子目錄對客戶端都是不可以訪問/WEB-INF/classes存放存放Web項目的所有的項目的所有的class文件文件/Web-INF/lib存放存放Web應(yīng)用使用的應(yīng)用使用的JAR文件文件19index.jsp配置訪問頁面配置訪問頁面演示：配置訪問頁面演示：配置訪問頁面假定在假定在web應(yīng)用應(yīng)用(news)下存在一個下存在一個index.jsp頁面，頁面，輸入輸入 :8080/news地址時，地址時，web容器容器會默認調(diào)用會默認調(diào)用index.jsp頁面頁面 通過配置文件

9、通過配置文件web.xml修改訪問起始頁修改訪問起始頁20什么是什么是JSPJSP (Java Server Pages)在在HTML中嵌入中嵌入Java腳本代碼腳本代碼演示示例演示示例2：JSP頁面組成頁面組成 輸出當前日期輸出當前日期 你好，今天是你好，今天是 21嵌入嵌入執(zhí)行執(zhí)行JSP應(yīng)用應(yīng)用服務(wù)器服務(wù)器客戶端客戶端124返回頁面信息返回頁面信息Java腳本腳本JSP頁面頁面 22JSP中的中的page指令指令通過設(shè)置內(nèi)部的多個屬性定義整個頁面的屬性常用屬性22語法語法屬性屬性描述描述默認值默認值language指定指定JSP頁面使用的腳本語言頁面使用的腳本語言javaimport通過該

10、屬性來引用腳本語言中使通過該屬性來引用腳本語言中使用到的類文件用到的類文件無無contentType用來指定用來指定JSP頁面所采用的編碼頁面所采用的編碼方式方式text/html, ISO-8859-1計算求和計算求和兩個數(shù)的求和結(jié)果為：兩個數(shù)的求和結(jié)果為：JSP中的小腳本與表達式中的小腳本與表達式在在JSP頁面中計算兩個數(shù)的和，將結(jié)果輸出顯示頁面中計算兩個數(shù)的和，將結(jié)果輸出顯示指令指令小腳本小腳本表達式表達式23你好，今天是你好，今天是JSP中的聲明中的聲明JSP頁面中定義方法頁面中定義方法方法聲明后可在頁面方法聲明后可在頁面中多處調(diào)用中多處調(diào)用24語法語法25JSP中的注釋中的注釋HTM

11、L的注釋的注釋JSP注釋注釋在在JSP腳本中注釋腳本中注釋25 語法語法26小結(jié)小結(jié)注釋注釋 指指 令令以以“ ” 結(jié)結(jié)束束JSP 頁面頁面元素元素靜態(tài)內(nèi)容靜態(tài)內(nèi)容HTML靜態(tài)文本靜態(tài)文本小腳本小腳本表達式表達式26聲明聲明27學員操作學員操作計算閏年個數(shù)計算閏年個數(shù)2-1訓練要點訓練要點方法和注釋方法和注釋需求說明需求說明編寫編寫JSP頁面，計算頁面，計算20002013年中存在幾個年中存在幾個閏年閏年講解需求說明講解需求說明指導指導27學員操作學員操作計算閏年個數(shù)計算閏年個數(shù)2-2實現(xiàn)思路實現(xiàn)思路1. 聲明方法聲明方法findYear(int year)，用于判斷是否，用于判斷是否是閏年是

12、閏年2. 聲明一個變量聲明一個變量count ，用于統(tǒng)計閏年的個數(shù)，用于統(tǒng)計閏年的個數(shù)3. 設(shè)置循環(huán)，條件是從設(shè)置循環(huán)，條件是從2000至至2013年年4. 在循環(huán)體內(nèi)調(diào)用在循環(huán)體內(nèi)調(diào)用findYear(int year)，根據(jù)返，根據(jù)返回結(jié)果，改變回結(jié)果，改變count的變量值的變量值閏年的判斷條件：能夠被閏年的判斷條件：能夠被4整除而不能被整除而不能被100整整除，或者能夠被除，或者能夠被400整除整除(year%4=0&year%100!=0)|year%400=0)完成時間：完成時間：20分鐘分鐘指導指導提示提示28JSP 執(zhí)行過程執(zhí)行過程 2-1客戶端客戶端應(yīng)用服務(wù)器應(yīng)用服務(wù)

13、器2編譯編譯JSP.class3執(zhí)行執(zhí)行請求請求響應(yīng)響應(yīng)1翻譯翻譯1.1.翻譯階段翻譯階段Web容器處理容器處理JSP文件請求需要經(jīng)過文件請求需要經(jīng)過3個階段個階段.java2.2.編譯階段編譯階段3.3.執(zhí)行階段執(zhí)行階段2930JSP 執(zhí)行過程執(zhí)行過程 2-2注意注意30.class執(zhí)行執(zhí)行應(yīng)用服務(wù)器應(yīng)用服務(wù)器響應(yīng)響應(yīng)第一次請求之后，第一次請求之后，Web容器可以重用已經(jīng)編譯容器可以重用已經(jīng)編譯好的字節(jié)碼文件好的字節(jié)碼文件第二次請求第二次請求如果對如果對JSP文件進行了修改，文件進行了修改，Web容器會重新對容器會重新對JSP文文件進行翻譯和編譯件進行翻譯和編譯 31使用集成開發(fā)工具創(chuàng)建使用

14、集成開發(fā)工具創(chuàng)建Web項目項目演示：使用集成開發(fā)工具創(chuàng)建演示：使用集成開發(fā)工具創(chuàng)建Web項目項目創(chuàng)建新項目創(chuàng)建新項目 ”File”-”New”-”Web Project” ”File”-”New”-”Web Project”1 1給新項目命名給新項目命名2 2目錄結(jié)構(gòu)目錄結(jié)構(gòu)3 33132部署部署Web項目項目演示演示 ：使用集成開發(fā)工具發(fā)布：使用集成開發(fā)工具發(fā)布Web應(yīng)用應(yīng)用1. 單擊單擊MyEclipse菜單欄上菜單欄上的部署圖標的部署圖標2. 選擇需要部署的項目選擇需要部署的項目3. 選擇選擇Tomcat服務(wù)器并確認服務(wù)器并確認部署部署Web項目項目32配置配置Tomcat1. ”Win

15、dow”-”Preferences”-”MyEclipse”-”Servers”-”Tomcat”2. 選擇選擇Tomcat版本及安裝路徑版本及安裝路徑3. 設(shè)置為可用狀態(tài)（設(shè)置為可用狀態(tài)（Enable）4. 指定指定Tomcat運行運行Java的運行的運行環(huán)境環(huán)境33學員操作學員操作使用集成工具創(chuàng)建使用集成工具創(chuàng)建Web項目項目需求說明需求說明在頁面顯示當前系統(tǒng)時間，要求使用在頁面顯示當前系統(tǒng)時間，要求使用MyEclipse創(chuàng)建創(chuàng)建Web項目項目SimpleDateFormat sdf = new SimpleDateFormat(yyyy-MM-dd hh:mm:ss); out.prin

16、t(simpleDateFormat.format(new Date() );完成時間：完成時間：15分鐘分鐘練習練習3334Web程序的調(diào)試與排錯程序的調(diào)試與排錯運行Web程序時常犯的錯誤未啟動未啟動Tomcat未部署Web應(yīng)用目錄不能被引用URL輸入錯誤3435常見錯誤：未啟動常見錯誤：未啟動Tomcat錯誤現(xiàn)象錯誤現(xiàn)象排錯方法：檢查排錯方法：檢查Tomcat服務(wù)能否正確運行服務(wù)能否正確運行排除錯誤：排除錯誤：啟動啟動Tomcat服務(wù)服務(wù)如果控制臺上顯示如果控制臺上顯示Tomcat服務(wù)已啟動，觀察端服務(wù)已啟動，觀察端口號是否與預(yù)期端口號一致，按照實際端口口號是否與預(yù)期端口號一致，按照實際端

17、口號重新運行號重新運行演示：未啟動演示：未啟動Tomcat3536常見錯誤：未部署常見錯誤：未部署Web應(yīng)用應(yīng)用錯誤現(xiàn)象錯誤現(xiàn)象排錯方法：檢查排錯方法：檢查Web應(yīng)用是否正確部署應(yīng)用是否正確部署排除錯誤：部署排除錯誤：部署Web應(yīng)用應(yīng)用尚未部署尚未部署演示：未部署演示：未部署Web應(yīng)用應(yīng)用3637 :8080/news/index.html常見錯誤：常見錯誤： URL輸入錯誤輸入錯誤錯誤現(xiàn)象錯誤現(xiàn)象排錯方法：檢查排錯方法：檢查URL排除錯誤：使用正確的排除錯誤：使用正確的URL協(xié)議協(xié)議主機主機IP地址地址文件名稱與路徑要寫對文件名稱與路徑要寫對演示：演示：URL輸入錯誤輸入錯誤3738常見錯誤：目錄不能被引用常見錯誤：目錄不能被引用錯誤現(xiàn)象錯誤現(xiàn)象排錯方法：檢查文件的存放位置