使用jspservlet技術(shù)開發(fā)新聞發(fā)布系統(tǒng)

第一章動(dòng)態(tài)網(wǎng)頁開發(fā)基礎(chǔ)課程地位2/53本課目標(biāo)學(xué)完本門課程后，你能夠使用JSP/Servlet技術(shù)開發(fā)Web應(yīng)用掌握Web應(yīng)用的分層開發(fā)思想使用Ajax提升用戶體驗(yàn)3/53課程結(jié)構(gòu)圖4/53課程項(xiàng)目展示易買網(wǎng)新聞發(fā)布系統(tǒng)論壇短信息演示課程項(xiàng)目5/53輔助學(xué)習(xí)資料推薦教員備課時(shí)根據(jù)課程情況在此添加內(nèi)容，可以是青鳥云課堂推薦資料、也可以是教員積累的的資料，如幫助手冊(cè)、經(jīng)典書籍等6/53課前瀏覽預(yù)習(xí)作業(yè)，帶著問題讀學(xué)生用書，并記錄疑問即使看不懂也要堅(jiān)持看完提前將下一章的示例自己動(dòng)手做一遍，記下問題課上認(rèn)真聽講，做好筆記完成上機(jī)練習(xí)或項(xiàng)目案例課后及時(shí)總結(jié)，完成學(xué)生用書和學(xué)習(xí)平臺(tái)布置的作業(yè)多瀏覽技術(shù)論壇、博客，獲取他人的開發(fā)經(jīng)驗(yàn)學(xué)習(xí)方法7/53本章任務(wù)實(shí)現(xiàn)在Tomcat中手工部署Web應(yīng)用實(shí)現(xiàn)頁面輸出顯示閏年個(gè)數(shù)使用MyEclipse創(chuàng)建和發(fā)布Web應(yīng)用8/53本章目標(biāo)了解B/S架構(gòu)的基本概念掌握手動(dòng)創(chuàng)建和運(yùn)行Web項(xiàng)目掌握J(rèn)SP頁面元素的內(nèi)容掌握使用MyEclipse創(chuàng)建和運(yùn)行Web項(xiàng)目了解Web程序的調(diào)試與排錯(cuò)9/53為什么需要?jiǎng)討B(tài)網(wǎng)頁假如淘寶網(wǎng)是靜態(tài)網(wǎng)站靜態(tài)網(wǎng)站局限性無法對(duì)靜態(tài)頁面的內(nèi)容進(jìn)行實(shí)時(shí)更新無法實(shí)現(xiàn)搜索、購買、登錄等交互功能日常生活中的動(dòng)態(tài)網(wǎng)頁可以根據(jù)不同的輸入(或操作)，返回不同的網(wǎng)頁，這就是動(dòng)態(tài)網(wǎng)頁10/53什么是動(dòng)態(tài)網(wǎng)頁了解B/S結(jié)構(gòu)的基本概念掌握手動(dòng)創(chuàng)建和運(yùn)行Web項(xiàng)目掌握使用MyEclipse創(chuàng)建和運(yùn)行Web項(xiàng)目掌握J(rèn)SP頁面元素的內(nèi)容了解Web程序調(diào)試與排錯(cuò)日常生活中的動(dòng)態(tài)網(wǎng)頁根據(jù)不同的輸入(或操作)，返回不同的網(wǎng)頁11/53如何實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁百度如何實(shí)現(xiàn)業(yè)務(wù)數(shù)據(jù)的動(dòng)態(tài)顯示？百度如何保存業(yè)務(wù)數(shù)據(jù)？靜態(tài)網(wǎng)站有哪些局限性無法對(duì)靜態(tài)頁面的內(nèi)容進(jìn)行實(shí)時(shí)更新無法實(shí)現(xiàn)搜索、購買、登錄等交互功能12/53為什么學(xué)習(xí)B/S技術(shù)C/S的局限性安裝不同客戶端軟件客戶端1客戶端2客戶端3百度如何實(shí)現(xiàn)業(yè)務(wù)數(shù)據(jù)的動(dòng)態(tài)顯示？百度如何保存業(yè)務(wù)數(shù)據(jù)？13/53為什么學(xué)習(xí)B/S技術(shù)Internet全球用戶群中資源共享B/S帶來全新體驗(yàn)無需安裝客戶端軟件安裝不同客戶端軟件客戶端1客戶端2客戶端314/53B/S架構(gòu)瀏覽器客戶端零維護(hù)與操作系統(tǒng)平臺(tái)的關(guān)系最小化在響應(yīng)速度和安全性上需要花費(fèi)更多設(shè)計(jì)成本C/S架構(gòu)需要專門的客戶端應(yīng)用客戶端需要單獨(dú)維護(hù)和升級(jí)對(duì)客戶端操作系統(tǒng)一般有限制能充分發(fā)揮客戶端處理能力，客戶端響應(yīng)快軟件安裝B/S與C/S的比較升級(jí)維護(hù)平臺(tái)相關(guān)性能安全15/53什么是B/S技術(shù)IE應(yīng)用服務(wù)器數(shù)據(jù)庫服務(wù)器B/S架構(gòu)（瀏覽器/服務(wù)器）：程序完全部署在服務(wù)器上16/53B/S技術(shù)的工作原理應(yīng)用服務(wù)器數(shù)據(jù)庫服務(wù)器返回發(fā)送訪問返回1234B/S架構(gòu)采用請(qǐng)求/響應(yīng)模式進(jìn)行交互用戶輸入客戶端的請(qǐng)求信息從服務(wù)器端檢索到的信息運(yùn)行服務(wù)器端程序解釋執(zhí)行HTML文件17/53URLUniformResourceLocator統(tǒng)一資源定位符URL的組成http://localhost:8080/news/index.html協(xié)議部分主機(jī)IP地址：端口號(hào)項(xiàng)目資源地址18/53Tomcat服務(wù)器簡(jiǎn)介Tomcat服務(wù)器ApacheJakarta的開源項(xiàng)目JSP/Servlet容器19/53Tomcat的目錄結(jié)構(gòu)Tomcat服務(wù)器的目錄結(jié)構(gòu)目錄說明/bin存放各種平臺(tái)下用于啟動(dòng)和停止Tomcat的腳本文件/conf存放Tomcat服務(wù)器的各種配置文件/lib存放Tomcat服務(wù)器所需的各種JAR文件/logs存放Tomcat的日志文件/tempTomcat運(yùn)行時(shí)用于存放臨時(shí)文件/webapps當(dāng)發(fā)布Web應(yīng)用時(shí)，默認(rèn)情況下會(huì)將Web應(yīng)用的文件存放于此目錄中/workTomcat把由JSP生成的Servlet放于此目錄下20/53Tomcat服務(wù)器應(yīng)用解壓縮版本Tomcat的配置添加系統(tǒng)變量，名稱為CATALINA_HOME，值為Tomcat的安裝目錄因Tomcat運(yùn)行依賴JRE，確保已安裝JRE并配置JRE_HOME環(huán)境變量?；蜥槍?duì)已安裝的JDK配置JAVA_HOME環(huán)境變量啟動(dòng)和停止Tomcat服務(wù)器Tomcat服務(wù)啟動(dòng)檢測(cè)在IE地址欄中輸入:端口號(hào)頁面進(jìn)入到Tomcat啟動(dòng)成功界面演示：Tomcat啟動(dòng)停止及檢測(cè)21/53<Connectorport="6060"

protocol="HTTP/1.1" connectionTimeout="20000"redirectPort="8443"

/><Connectorport="8080"

protocol="HTTP/1.1" connectionTimeout="20000"redirectPort="8443"

/>Tomcat的端口配置通過配置文件server.xml修改Tomcat端口號(hào)......演示：修改Tomcat端口22/53學(xué)員操作—配制和啟動(dòng)Tomcat需求說明使用壓縮版Tomcat，配置環(huán)境變量、啟動(dòng)、停止Tomcat，并訪問Tomcat主頁面，之后再修改修改端口號(hào)并測(cè)試確認(rèn)已配置JRE_HOME

或JAVA_HOME添加系統(tǒng)變量，名稱為CATALINA_HOME配置文件server.xml修改Tomcat端口號(hào)練習(xí)提示完成時(shí)間：10分鐘23/53共性問題集中講解常見問題及解決辦法代碼規(guī)范問題調(diào)試技巧共性問題集中講解24/53Web項(xiàng)目的目錄結(jié)構(gòu)Web應(yīng)用的目錄結(jié)構(gòu)目錄說明/Web應(yīng)用的根目錄，該目錄下所有文件在客戶端都可以訪問(JSP、HTML等)/WEB-INF存放應(yīng)用使用的各種資源，該目錄及其子目錄對(duì)客戶端都是不可以訪問/WEB-INF/classes存放Web項(xiàng)目的所有的class文件/WEB-INF/lib存放Web應(yīng)用使用的JAR文件25/53創(chuàng)建、部署和發(fā)布項(xiàng)目編寫Web應(yīng)用的代碼在webapps目錄下創(chuàng)建應(yīng)用文件目錄將創(chuàng)建的頁面復(fù)制到應(yīng)用目錄下啟動(dòng)Tomcat服務(wù)并進(jìn)行訪問演示示例1：手動(dòng)部署和發(fā)布項(xiàng)目26/53<?xmlversion="1.0"encoding="UTF-8"?><web-appversion="2.4" xmlns="" xmlns:xsi="" xsi:schemaLocation=" /web-app_2_4.xsd"> <e-file-list> <e-file>index.html</e-file> </e-file-list></web-app>配置訪問頁面通過配置文件web.xml修改訪問起始頁假定在web應(yīng)用(news)下存在一個(gè)index.jsp頁面，輸入地址時(shí)，web容器會(huì)默認(rèn)調(diào)用index.jsp頁面演示示例2：設(shè)置起始訪問頁27/53學(xué)員操作—手動(dòng)創(chuàng)建Web項(xiàng)目需求說明手動(dòng)創(chuàng)建一個(gè)簡(jiǎn)單的Web項(xiàng)目，實(shí)現(xiàn)項(xiàng)目發(fā)布，并能通過瀏覽器輸入網(wǎng)址訪問練習(xí)完成時(shí)間：15分鐘28/53共性問題集中講解常見問題及解決辦法代碼規(guī)范問題調(diào)試技巧共性問題集中講解29/53什么是JSPJSP(JavaServerPages)在HTML中嵌入Java腳本代碼<%@pagelanguage="java"import="java.util.*,java.text.*" contentType="text/html;charset=utf-8"%><html><head><title>輸出當(dāng)前日期</title></head><body>

你好，今天是

<%

SimpleDateFormatformater=newSimpleDateFormat("yyyy年MM月dd日"); StringstrCurrentTime=formater.format(newDate());%> <%=strCurrentTime%></body></html>演示示例3：JSP頁面組成嵌入執(zhí)行JSP應(yīng)用服務(wù)器客戶端124返回頁面信息Java腳本JSP頁面數(shù)據(jù)庫服務(wù)器330/53JSP中的page指令通過設(shè)置內(nèi)部的多個(gè)屬性定義整個(gè)頁面的屬性常用屬性<%@page屬性1="屬性值"屬性2="屬性值1,屬性值2"…屬性n="屬性值n"%>語法屬性描述默認(rèn)值language指定JSP頁面使用的腳本語言javaimport通過該屬性來引用腳本語言中使用到的類文件無contentType用來指定JSP頁面所采用的編碼方式text/html,ISO-8859-131/53演示示例4：JSP腳本元素<%@pagelanguage="java"import="java.util.*,java.text.*"contentType="text/html;charset=utf-8"%><html> <head><title>計(jì)算求和</title></head> <body> 兩個(gè)數(shù)的求和結(jié)果為： <% intnumA=4,numB=5; intresult=numA+numB; %> <%=result%> </body></html>JSP中的小腳本與表達(dá)式在JSP頁面中計(jì)算兩個(gè)數(shù)的和，將結(jié)果輸出顯示指令小腳本表達(dá)式32/53演示示例4：JSP腳本元素學(xué)員操作—計(jì)算素?cái)?shù)之和訓(xùn)練要點(diǎn)小腳本與表達(dá)式需求說明編寫JSP頁面，計(jì)算1—100之間的所有素?cái)?shù)之和素?cái)?shù)在一個(gè)大于1的自然數(shù)中，除了1和此整數(shù)自身外，不能被其他自然數(shù)整除的數(shù)練習(xí)提示完成時(shí)間：20分鐘33/53共性問題集中講解常見問題及解決辦法代碼規(guī)范問題調(diào)試技巧共性問題集中講解34/53<%@pagelanguage="java"import="java.util.*,java.text.*"contentType="text/html;charset=utf-8"%><html><%！StringformatDate(Dated){SimpleDateFormatformater=newSimpleDateFormat("yyyy年MM月dd日");returnformater.format(d);}%>你好，今天是<%=formatDate(newDate())

%></body></html>JSP中的聲明JSP頁面中定義方法對(duì)日期進(jìn)行格式化方法聲明后可在頁面中多處調(diào)用語法<%!Java代碼%>35/53演示示例4：JSP腳本元素JSP中的注釋HTML的注釋JSP注釋在JSP腳本中注釋<!--html注釋--><%--JSP注釋--%><%//單行注釋%><%/*多行注釋*/%>語法36/53演示示例4：JSP腳本元素小結(jié)注釋<!--客戶端可以查看到--><%--客戶端無法查看到--%>指令以“<%@”開始，以“%>”結(jié)束JSP頁面元素靜態(tài)內(nèi)容HTML靜態(tài)文本小腳本<%Java代碼%>表達(dá)式<%=Java表達(dá)式%>聲明<%!方法%>37/53學(xué)員操作—計(jì)算閏年個(gè)數(shù)2-1訓(xùn)練要點(diǎn)方法和注釋需求說明編寫JSP頁面，計(jì)算2000—2013年中存在幾個(gè)閏年指導(dǎo)講解需求說明38/53學(xué)員操作—計(jì)算閏年個(gè)數(shù)2-2實(shí)現(xiàn)思路1.聲明方法findYear(intyear)，用于判斷是否是閏年2.聲明一個(gè)變量count，用于統(tǒng)計(jì)閏年的個(gè)數(shù)3.設(shè)置循環(huán)，條件是從2000至2013年4.在循環(huán)體內(nèi)調(diào)用findYear(intyear)，根據(jù)返回結(jié)果改變count的變量值閏年的判斷條件：能夠被4整除而不能被100整除，或者能夠被400整除指導(dǎo)提示完成時(shí)間：20分鐘39/53JSP執(zhí)行過程2-1客戶端應(yīng)用服務(wù)器2編譯JSP.class3執(zhí)行請(qǐng)求響應(yīng)1翻譯1.翻譯階段Web容器處理JSP文件請(qǐng)求需要經(jīng)過3個(gè)階段.java2.編譯階段3.執(zhí)行階段40/53JSP執(zhí)行過程2-2第一次請(qǐng)求之后，Web容器可以重用已經(jīng)編譯好的字節(jié)碼文件注意.class執(zhí)行應(yīng)用服務(wù)器響應(yīng)第二次請(qǐng)求如果對(duì)JSP文件進(jìn)行了修改，Web容器會(huì)重新對(duì)JSP文件進(jìn)行翻譯和編譯!41/53使用集成開發(fā)工具創(chuàng)建Web項(xiàng)目在MyEclipse中創(chuàng)建Web項(xiàng)目：File->New->WebProject1為項(xiàng)目命名并調(diào)整相關(guān)設(shè)置2查看項(xiàng)目目錄結(jié)構(gòu)3演示：使用集成開發(fā)工具創(chuàng)建Web項(xiàng)目42/53部署Web項(xiàng)目1.單擊MyEclipse菜單欄上的部署圖標(biāo)2.選擇需要部署的項(xiàng)目3.選擇Tomcat服務(wù)器并確認(rèn)部署Web項(xiàng)目配置Tomcat1.Window->Preferences->MyEclipse->Servers->Tomcat2.選擇Tomcat版本及安裝路徑3.設(shè)置為可用狀態(tài)（Enable）4.指定Tomcat運(yùn)行Java的運(yùn)行環(huán)境演示：使用集成開發(fā)工具創(chuàng)建Web項(xiàng)目43/53學(xué)員操作—使用集成工具創(chuàng)建Web項(xiàng)目需求說明在頁面顯示當(dāng)前系統(tǒng)時(shí)間，要求使用MyEclipse創(chuàng)建Web項(xiàng)目練習(xí)完成時(shí)間：15分鐘44/53Web程序的調(diào)試與排錯(cuò)運(yùn)行Web程序時(shí)常犯的錯(cuò)誤未啟動(dòng)Tomcat未部署Web應(yīng)用目錄不能被引用URL輸入錯(cuò)誤45/53常見錯(cuò)誤：未啟動(dòng)Tomcat錯(cuò)誤現(xiàn)象排錯(cuò)方法：檢查Tomcat服務(wù)能否正確運(yùn)行排除錯(cuò)誤：?jiǎn)?dòng)Tomcat服務(wù)如果控制臺(tái)上顯示Tomcat服務(wù)已啟動(dòng)，觀察端口號(hào)是否與預(yù)期端口號(hào)一致，按照實(shí)際端口號(hào)重新運(yùn)行演示：未啟動(dòng)Tomcat46/53常見錯(cuò)誤：未部署Web應(yīng)用錯(cuò)誤現(xiàn)象排錯(cuò)方法：檢查Web應(yīng)用是否正確部署排除錯(cuò)誤：部署Web應(yīng)用演示：未部署Web應(yīng)用尚未部署47/53

常見錯(cuò)誤：URL輸入錯(cuò)誤錯(cuò)誤