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

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

或JAVA_HOME添加系統(tǒng)變量，名稱為CATALINA_HOME配置文件server.xml修改Tomcat端口號練習(xí)提示完成時間：10分鐘23/53共性問題集中講解常見問題及解決辦法代碼規(guī)范問題調(diào)試技巧共性問題集中講解24/53Web項目的目錄結(jié)構(gòu)Web應(yīng)用的目錄結(jié)構(gòu)目錄說明/Web應(yīng)用的根目錄，該目錄下所有文件在客戶端都可以訪問(JSP、HTML等)/WEB-INF存放應(yīng)用使用的各種資源，該目錄及其子目錄對客戶端都是不可以訪問/WEB-INF/classes存放Web項目的所有的class文件/WEB-INF/lib存放Web應(yīng)用使用的JAR文件25/53創(chuàng)建、部署和發(fā)布項目編寫Web應(yīng)用的代碼在webapps目錄下創(chuàng)建應(yīng)用文件目錄將創(chuàng)建的頁面復(fù)制到應(yīng)用目錄下啟動Tomcat服務(wù)并進行訪問演示示例1：手動部署和發(fā)布項目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)下存在一個index.jsp頁面，輸入地址時，web容器會默認(rèn)調(diào)用index.jsp頁面演示示例2：設(shè)置起始訪問頁27/53學(xué)員操作—手動創(chuàng)建Web項目需求說明手動創(chuàng)建一個簡單的Web項目，實現(xiàn)項目發(fā)布，并能通過瀏覽器輸入網(wǎng)址訪問練習(xí)完成時間：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)部的多個屬性定義整個頁面的屬性常用屬性<%@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>計算求和</title></head> <body> 兩個數(shù)的求和結(jié)果為： <% intnumA=4,numB=5; intresult=numA+numB; %> <%=result%> </body></html>JSP中的小腳本與表達式在JSP頁面中計算兩個數(shù)的和，將結(jié)果輸出顯示指令小腳本表達式32/53演示示例4：JSP腳本元素學(xué)員操作—計算素數(shù)之和訓(xùn)練要點小腳本與表達式需求說明編寫JSP頁面，計算1—100之間的所有素數(shù)之和素數(shù)在一個大于1的自然數(shù)中，除了1和此整數(shù)自身外，不能被其他自然數(shù)整除的數(shù)練習(xí)提示完成時間：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頁面中定義方法對日期進行格式化方法聲明后可在頁面中多處調(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代碼%>表達式<%=Java表達式%>聲明<%!方法%>37/53學(xué)員操作—計算閏年個數(shù)2-1訓(xùn)練要點方法和注釋需求說明編寫JSP頁面，計算2000—2013年中存在幾個閏年指導(dǎo)講解需求說明38/53學(xué)員操作—計算閏年個數(shù)2-2實現(xiàn)思路1.聲明方法findYear(intyear)，用于判斷是否是閏年2.聲明一個變量count，用于統(tǒng)計閏年的個數(shù)3.設(shè)置循環(huán)，條件是從2000至2013年4.在循環(huán)體內(nèi)調(diào)用findYear(intyear)，根據(jù)返回結(jié)果改變count的變量值閏年的判斷條件：能夠被4整除而不能被100整除，或者能夠被400整除指導(dǎo)提示完成時間：20分鐘39/53JSP執(zhí)行過程2-1客戶端應(yīng)用服務(wù)器2編譯JSP.class3執(zhí)行請求響應(yīng)1翻譯1.翻譯階段Web容器處理JSP文件請求需要經(jīng)過3個階段.java2.編譯階段3.執(zhí)行階段40/53JSP執(zhí)行過程2-2第一次請求之后，Web容器可以重用已經(jīng)編譯好的字節(jié)碼文件注意.class執(zhí)行應(yīng)用服務(wù)器響應(yīng)第二次請求如果對JSP文件進行了修改，Web容器會重新對JSP文件進行翻譯和編譯!41/53使用集成開發(fā)工具創(chuàng)建Web項目在MyEclipse中創(chuàng)建Web項目：File->New->WebProject1為項目命名并調(diào)整相關(guān)設(shè)置2查看項目目錄結(jié)構(gòu)3演示：使用集成開發(fā)工具創(chuàng)建Web項目42/53部署Web項目1.單擊MyEclipse菜單欄上的部署圖標(biāo)2.選擇需要部署的項目3.選擇Tomcat服務(wù)器并確認(rèn)部署Web項目配置Tomcat1.Window->Preferences->MyEclipse->Servers->Tomcat2.選擇Tomcat版本及安裝路徑3.設(shè)置為可用狀態(tài)（Enable）4.指定Tomcat運行Java的運行環(huán)境演示：使用集成開發(fā)工具創(chuàng)建Web項目43/53學(xué)員操作—使用集成工具創(chuàng)建Web項目需求說明在頁面顯示當(dāng)前系統(tǒng)時間，要求使用MyEclipse創(chuàng)建Web項目練習(xí)完成時間：15分鐘44/53Web程序的調(diào)試與排錯運行Web程序時常犯的錯誤未啟動Tomcat未部署Web應(yīng)用目錄不能被引用URL輸入錯誤45/53常見錯誤：未啟動Tomcat錯誤現(xiàn)象排錯方法：檢查Tomcat服務(wù)能否正確運行排除錯誤：啟動Tomcat服務(wù)如果控制臺上顯示Tomcat服務(wù)已啟動，觀察端口號是否與預(yù)期端口號一致，按照實際端口號重新運行演示：未啟動Tomcat46/53常見錯誤：未部署Web應(yīng)用錯誤現(xiàn)象排錯方法：檢查Web應(yīng)用是否正確部署排除錯誤：部署Web應(yīng)用演示：未部署Web應(yīng)用尚未部署47/53

常見錯誤：URL輸入錯誤錯誤