第二階段直播課tp01備課

1、動(dòng)態(tài)網(wǎng)頁開發(fā)基礎(chǔ)第一章2演示課程項(xiàng)目演示課程項(xiàng)目課程項(xiàng)目展示課程項(xiàng)目展示婚姻攝影網(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ù)實(shí)現(xiàn)頁面輸出顯示閏年個(gè)數(shù)實(shí)現(xiàn)頁面輸出顯示閏年個(gè)數(shù)使用使用Eclipse部署和發(fā)布部署和發(fā)布Web應(yīng)用應(yīng)用4本章目標(biāo)本章目標(biāo)了解了解B/S結(jié)構(gòu)的基本概念結(jié)構(gòu)的基本概念掌握掌握J(rèn)SP頁面元素的內(nèi)容頁面元素的內(nèi)容掌握使用掌握使用Eclipse創(chuàng)建和運(yùn)行創(chuàng)建和運(yùn)行Web項(xiàng)目項(xiàng)目了解了解Web程序的調(diào)試與排錯(cuò)程序的調(diào)試

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

3、限性安裝不同客戶端軟件安裝不同客戶端軟件客戶端1客戶端2客戶端3百度如何保存業(yè)務(wù)數(shù)據(jù)？910為什么學(xué)習(xí)為什么學(xué)習(xí)B/S技術(shù)技術(shù)Internet全球用戶群中資源共享全球用戶群中資源共享 B/S帶來全新體驗(yàn)帶來全新體驗(yàn)無需安裝客戶端軟件無需安裝客戶端軟件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)模式進(jìn)行交互響應(yīng)模式進(jìn)行交互用戶輸入客戶端的請求信息客戶端的請求信息從服務(wù)器端檢索到的信息從服務(wù)器端檢索到的信

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

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

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

7、at需求說明需求說明使用壓縮版使用壓縮版Tomcat，配置環(huán)境變量、啟動(dòng)、，配置環(huán)境變量、啟動(dòng)、停止停止Tomcat，并訪問，并訪問Tomcat主頁面主頁面,之后再之后再修改修改端口號并測試修改修改端口號并測試添加系統(tǒng)變量，名稱為添加系統(tǒng)變量，名稱為CATALINA_HOME配置文件配置文件server.xml修改修改Tomcat端口號端口號完成時(shí)間：完成時(shí)間：10分鐘分鐘練習(xí)練習(xí)18提示提示W(wǎng)eb項(xiàng)目的目錄結(jié)構(gòu)項(xiàng)目的目錄結(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項(xiàng)目的所有的項(xiàng)目的所有的class文件文件/Web-INF/lib存放存放Web應(yīng)用使用的應(yīng)用使用的JAR文件文件19index.jsp配置訪問頁面配置訪問頁面演示：配置訪問頁面演示：配置訪問頁面假定在假定在web應(yīng)用應(yīng)用(news)下存在一個(gè)下存在一個(gè)index.jsp頁面，頁面，輸入輸入 :8080/news地址時(shí)，地址時(shí)，web容器容器會默認(rèn)調(diào)用會默認(rèn)調(diào)用index.jsp頁面頁面 通過配置文件

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

10、屬性來引用腳本語言中使通過該屬性來引用腳本語言中使用到的類文件用到的類文件無無contentType用來指定用來指定JSP頁面所采用的編碼頁面所采用的編碼方式方式text/html, ISO-8859-1計(jì)算求和計(jì)算求和兩個(gè)數(shù)的求和結(jié)果為：兩個(gè)數(shù)的求和結(jié)果為：JSP中的小腳本與表達(dá)式中的小腳本與表達(dá)式在在JSP頁面中計(jì)算兩個(gè)數(shù)的和，將結(jié)果輸出顯示頁面中計(jì)算兩個(gè)數(shù)的和，將結(jié)果輸出顯示指令指令小腳本小腳本表達(dá)式表達(dá)式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)文本小腳本小腳本表達(dá)式表達(dá)式26聲明聲明27學(xué)員操作學(xué)員操作計(jì)算閏年個(gè)數(shù)計(jì)算閏年個(gè)數(shù)2-1訓(xùn)練要點(diǎn)訓(xùn)練要點(diǎn)方法和注釋方法和注釋需求說明需求說明編寫編寫JSP頁面，計(jì)算頁面，計(jì)算20002013年中存在幾個(gè)年中存在幾個(gè)閏年閏年講解需求說明講解需求說明指導(dǎo)指導(dǎo)27學(xué)員操作學(xué)員操作計(jì)算閏年個(gè)數(shù)計(jì)算閏年個(gè)數(shù)2-2實(shí)現(xiàn)思路實(shí)現(xiàn)思路1. 聲明方法聲明方法findYear(int year)，用于判斷是否，用于判斷是否是閏年是

12、閏年2. 聲明一個(gè)變量聲明一個(gè)變量count ，用于統(tǒng)計(jì)閏年的個(gè)數(shù)，用于統(tǒng)計(jì)閏年的個(gè)數(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)完成時(shí)間：完成時(shí)間：20分鐘分鐘指導(dǎo)指導(dǎo)提示提示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個(gè)階段個(gè)階段.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文件進(jìn)行了修改，文件進(jìn)行了修改，Web容器會重新對容器會重新對JSP文文件進(jìn)行翻譯和編譯件進(jìn)行翻譯和編譯 31使用集成開發(fā)工具創(chuàng)建使用

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

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

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

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