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

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