構(gòu)建Web應(yīng)用系統(tǒng)——基于JSPServletJavaBean.ppt

書(shū)名：構(gòu)建Web應(yīng)用系統(tǒng)基于JSP+Servlet+JavaBean ISBN： 978-7-111-46510-2 作者：孫華林 出版社：機(jī)械工業(yè)出版社 本書(shū)配有電子課件,構(gòu)建Web應(yīng)用系統(tǒng)基于JSP+Servlet+JavaBean ppt 課件,第二章,我的第一個(gè)web應(yīng)用程序,構(gòu)建Web應(yīng)用系統(tǒng)基于JSP+Servlet+JavaBean ppt 課件,本章任務(wù),創(chuàng)建新聞發(fā)布系統(tǒng)項(xiàng)目： 在MyEclipse中創(chuàng)建Web項(xiàng)目、JSP頁(yè)面; 在Tomcat容器中部署、運(yùn)行Web項(xiàng)目; Web系統(tǒng)的調(diào)試步驟及排錯(cuò); 在Eclipse中部署運(yùn)行該靜態(tài)新聞發(fā)布系統(tǒng).,構(gòu)建Web應(yīng)用系統(tǒng)基于JSP+Servlet+JavaBean ppt 課件,掌握B/S開(kāi)發(fā)的基本概念 動(dòng)態(tài)網(wǎng)頁(yè) pk 靜態(tài)網(wǎng)頁(yè) B/S程序 pk C/S程序 B/S開(kāi)發(fā)涉及的技術(shù)內(nèi)容 開(kāi)發(fā)JSP動(dòng)態(tài)網(wǎng)站的基本步驟 掌握Web系統(tǒng)的工作目錄 創(chuàng)建Web工程與HTML、JavaScript文件 實(shí)現(xiàn)Web工程的部署與運(yùn)行 進(jìn)行Web系統(tǒng)的調(diào)試與排錯(cuò),本章目標(biāo),構(gòu)建Web應(yīng)用系統(tǒng)基于JSP+Servlet+JavaBean ppt 課件,為什么需要?jiǎng)討B(tài)網(wǎng)頁(yè),靜態(tài)網(wǎng)站有哪些局限性？,要完成這一切，我們需要使用動(dòng)態(tài)網(wǎng)頁(yè),1、無(wú)法實(shí)現(xiàn)搜索、登錄、購(gòu)買(mǎi)等交互功能,2、無(wú)法對(duì)靜態(tài)頁(yè)面的內(nèi)容在線(xiàn)更新,構(gòu)建Web應(yīng)用系統(tǒng)基于JSP+Servlet+JavaBean ppt 課件,什么是動(dòng)態(tài)網(wǎng)頁(yè),生活中的動(dòng)態(tài)網(wǎng)頁(yè),可以根據(jù)不同的輸入，返回不同的網(wǎng)頁(yè)，這就是動(dòng)態(tài)網(wǎng)頁(yè),構(gòu)建Web應(yīng)用系統(tǒng)基于JSP+Servlet+JavaBean ppt 課件,怎樣實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁(yè),Google如何保存業(yè)務(wù)數(shù)據(jù)？ Google如何實(shí)現(xiàn)業(yè)務(wù)數(shù)據(jù)的動(dòng)態(tài)展示？,要掌握這一切，我們首先需要了解B/S技術(shù),構(gòu)建Web應(yīng)用系統(tǒng)基于JSP+Servlet+JavaBean ppt 課件,為什么學(xué)習(xí)B/S技術(shù),C/S的局限性,中心局域網(wǎng) 特定用戶(hù)群中資源共享,B/S帶給我們的全新體驗(yàn),數(shù)據(jù)庫(kù)服務(wù)器,學(xué)生機(jī)1,學(xué)生機(jī)2,學(xué)生機(jī)n,需要安裝客戶(hù)端軟件,Google服務(wù)器,Internet 全球用戶(hù)群中資源共享,美國(guó)用戶(hù),中國(guó)用戶(hù),數(shù)據(jù)庫(kù) 服務(wù)器,無(wú)需安裝客戶(hù)端軟件,構(gòu)建Web應(yīng)用系統(tǒng)基于JSP+Servlet+JavaBean ppt 課件,什么是B/S技術(shù),B/S是瀏覽器端/服務(wù)器端，程序完全放在服務(wù)器上，不用在瀏覽器上安裝任何文件，它是基于Internet的產(chǎn)物,應(yīng)用 服務(wù)器,數(shù)據(jù)庫(kù) 服務(wù)器,IE,Netscape,IE,Internet,在應(yīng)用服務(wù)器中布署運(yùn)行程序,構(gòu)建Web應(yīng)用系統(tǒng)基于JSP+Servlet+JavaBean ppt 課件,B/S技術(shù)特點(diǎn),B/S中瀏覽器端與服務(wù)器端采用請(qǐng)求/響應(yīng)模式進(jìn)行交互,應(yīng)用 服務(wù)器,數(shù)據(jù)庫(kù) 服務(wù)器,IE,IE,解釋執(zhí)行 HTML文件,從服務(wù)器端檢索到的信息,返回響應(yīng),客戶(hù)端的請(qǐng)求信息,發(fā)送請(qǐng)求,運(yùn)行JSP等服務(wù)器端腳本程序,1,用戶(hù)輸入,2,3,4,構(gòu)建Web應(yīng)用系統(tǒng)基于JSP+Servlet+JavaBean ppt 課件,小結(jié)1,靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè)的主要區(qū)別？ 是否可以這樣說(shuō)：動(dòng)態(tài)網(wǎng)頁(yè)是靜態(tài)網(wǎng)頁(yè)的替代品？ B/S程序與C/S程序相比，有哪些優(yōu)勢(shì)和劣勢(shì)？,開(kāi)發(fā)JSP動(dòng)態(tài)網(wǎng)站的步驟,1、創(chuàng)建一個(gè)Web項(xiàng)目 2、設(shè)計(jì)Web項(xiàng)目的目錄結(jié)構(gòu) 3、編寫(xiě)Web項(xiàng)目的代碼 4、部署Web項(xiàng)目 5、運(yùn)行Web項(xiàng)目,創(chuàng)建一個(gè)Web項(xiàng)目,1,在菜單欄選擇：文件 新建 項(xiàng)目,2,在彈出的窗口中選擇：MyEclipse J2EE Projects Web Project,3,輸入Web項(xiàng)目名稱(chēng)（設(shè)置為news），以及其余相關(guān)信息,演示：創(chuàng)建一個(gè)Web項(xiàng)目,設(shè)計(jì)Web項(xiàng)目的目錄結(jié)構(gòu),WEB-INF：該目錄中內(nèi)容不能對(duì)外發(fā)布,web.xml：Web應(yīng)用的初始化配置文件,lib文件夾：存放以jar/zip形式表現(xiàn)的庫(kù)文件,META-INF：系統(tǒng)自動(dòng)生成，存放系統(tǒng)描述信息,WebRoot：Web應(yīng)用的根目錄,src文件夾：存放Java源文件,靜態(tài)文件（包括圖片、樣式表、HTML等）存放在Web應(yīng)用的根目錄下，一般按功能以文件夾形式分類(lèi),編寫(xiě) Web 項(xiàng)目的代碼,右鍵點(diǎn)擊WebRoot 新建 HTML ：創(chuàng)建一個(gè)新的HTML文件,在彈出的窗口中，選擇文件路徑、輸入文件名稱(chēng),填充HTML文件內(nèi)容,演示：編寫(xiě)Web項(xiàng)目的代碼,1,2,3,部署 Web 項(xiàng)目,窗口 首選項(xiàng) MyEclipse Application Server Tomcat 5：配置Tomcat,點(diǎn)擊部署圖標(biāo) 為Web項(xiàng)目添加web服務(wù)器 選擇Tomcat 5 部署完成,演示：部署Web項(xiàng)目,1,2,運(yùn)行 Web 項(xiàng)目,點(diǎn)擊運(yùn)行圖標(biāo) 運(yùn)行 Tomcat 5,Tomcat 5 啟動(dòng)服務(wù)，在控制臺(tái)輸出啟動(dòng)信息,開(kāi)啟IE窗口 輸入正確的URL觀看運(yùn)行結(jié)果,演示：運(yùn)行Web項(xiàng)目,1,2,3,什么是URL,URL：Uniform Resource Locator 即統(tǒng)一資源定位系統(tǒng)，就是我們通常所說(shuō)的網(wǎng)址 URL是惟一能夠識(shí)別Internet上具體的計(jì)算機(jī)、目錄或文件位置的命名約定 URL的組成：,http:/localhost:8080/NewsReleaseSystem/index.html,協(xié)議,主機(jī)IP地址 （有時(shí)包括端口號(hào)）,主機(jī)資源的具體地址,存放HTML文件的實(shí)際物理目錄,在運(yùn)行環(huán)境中，該路徑對(duì)應(yīng)WebRoot文件夾,小結(jié)2,請(qǐng)說(shuō)明在MyEclipse環(huán)境中，開(kāi)發(fā)JSP動(dòng)態(tài)網(wǎng)站的具體步驟 在index.html中有這樣一行代碼： 點(diǎn)擊該超鏈后可進(jìn)入welcome.html網(wǎng)頁(yè)中 請(qǐng)問(wèn)：/sports/welcome.html是URL嗎？并說(shuō)明原因,奧運(yùn)展播,Web程序的調(diào)試與排錯(cuò),在運(yùn)行Web程序時(shí)，我們常犯的一些錯(cuò)誤有： 未啟動(dòng)Tomcat服務(wù)，或者沒(méi)有在預(yù)期的端口中啟動(dòng)Tomcat服務(wù) 未部署Web應(yīng)用，就試圖運(yùn)行Web程序 運(yùn)行時(shí)，URL輸入錯(cuò)誤 存放文件的目錄無(wú)法對(duì)外引用，如：文件放入了WEB-INF、META-INF等文件夾,錯(cuò)誤1：未啟動(dòng)Tomcat,排除錯(cuò)誤： 啟動(dòng)Tomcat服務(wù) 如果在控制臺(tái)上顯示Tomcat服務(wù)已啟動(dòng)，觀察端口號(hào)是否與預(yù)期端口號(hào)一致，按照實(shí)際端口號(hào)重新運(yùn)行,錯(cuò)誤現(xiàn)象,排錯(cuò)方法： 檢查T(mén)omcat服務(wù)能否正確運(yùn)行,1,2,3,錯(cuò)誤2：未部署Web應(yīng)用,錯(cuò)誤現(xiàn)象,1,錯(cuò)誤2：未部署Web應(yīng)用,排除錯(cuò)誤： 部署Web應(yīng)用,排錯(cuò)方法：檢查Web應(yīng)用是否正確部署,尚未部署,2,3,錯(cuò)誤3：URL輸入錯(cuò)誤,排除錯(cuò)誤：使用正確的URL,錯(cuò)誤現(xiàn)象,排錯(cuò)方法： 檢查URL,http:/localhost:8080/news/index.html,文件名稱(chēng)與路徑要寫(xiě)對(duì),查看菜單：項(xiàng)目屬性MyEclipseWebWeb Context-root,協(xié)議,主機(jī)IP地址,1,2,3,錯(cuò)誤4：目錄不能被引用,排除錯(cuò)誤：把index.html文件拖至WebRoot文件夾下,錯(cuò)誤現(xiàn)象,排錯(cuò)方法： 檢查文件的存放位置,META-INF，WEB-INF文件夾下的內(nèi)容無(wú)法對(duì)外發(fā)布,1,2,3,小結(jié)3,運(yùn)行你的web程序時(shí)，如果瀏覽器提示404錯(cuò)誤，可能的原因有哪些？ 判斷tomcat是否啟動(dòng)，或者是否在你預(yù)期的端口啟動(dòng)，最簡(jiǎn)單的方法是什么？,總結(jié),在開(kāi)發(fā)Web應(yīng)用程序時(shí)，靜態(tài)文件一般存放在什么位置？ 以下哪些是正確的URL? 1、http:/