火龍果軟件-WEB應(yīng)用開發(fā)匯編

1、情境一 配置網(wǎng)上商店開發(fā)運(yùn)行(ynxng)環(huán)境 JAVA WEB應(yīng)用(yngyng)開發(fā)共四十頁2任務(wù)一 分析網(wǎng)上商店的開發(fā)實(shí)現(xiàn)方案(5課時(shí))任務(wù)二 安裝(nzhung)配置JSP開發(fā)運(yùn)行環(huán)境；(3課時(shí))任務(wù)三 創(chuàng)建部署運(yùn)行一個(gè)JSP的Web項(xiàng)目；(2課時(shí))任務(wù)四 安裝部署運(yùn)行應(yīng)用不正常的調(diào)試與排錯(cuò)；(2課時(shí))任務(wù)五 部署運(yùn)行教材的網(wǎng)上商店應(yīng)用；(1課時(shí)) 工作(gngzu)任務(wù)共四十頁3學(xué)習(xí)(xux)目標(biāo)掌握B/S開發(fā)的基本概念掌握開發(fā)JSP動(dòng)態(tài)網(wǎng)站的基本步驟掌握安裝配置JSP運(yùn)行開發(fā)環(huán)境掌握Web系統(tǒng)的工作目錄掌握Web應(yīng)用的簡單(jindn)調(diào)試與排錯(cuò)； 了解開發(fā)JSP動(dòng)態(tài)網(wǎng)站的基本步驟

2、共四十頁4任務(wù)(rn wu)一分析網(wǎng)上商店的開發(fā)實(shí)現(xiàn)方案 學(xué)習(xí)目標(biāo)掌握靜態(tài)網(wǎng)頁與動(dòng)態(tài)網(wǎng)頁的特點(diǎn)與選擇；掌握B/S與C/S的特點(diǎn)與選擇；了解JSP/ASP/ASP.NET/PHP的特點(diǎn)與選擇；了解Web服務(wù)器的作用與種類；了解網(wǎng)絡(luò)數(shù)據(jù)庫技術(shù)(jsh)的含義與作用；重點(diǎn)難點(diǎn)靜態(tài)網(wǎng)頁與動(dòng)態(tài)網(wǎng)頁的特點(diǎn)與選擇；B/S與C/S的特點(diǎn)與選擇；JSP/ASP/ASP.NET/PHP的特點(diǎn)與選擇； 共四十頁5提出(t ch)任務(wù)課堂演示與實(shí)踐(shjin)網(wǎng)上商店Web功能課堂實(shí)踐訪問“北京圖書大廈網(wǎng)上書店”建立一個(gè)名為eShop的網(wǎng)上商店實(shí)現(xiàn)網(wǎng)上商品銷售。要求能夠?qū)崿F(xiàn)會(huì)員注冊、瀏覽商品、查看商品詳細(xì)信息、選購

3、商品、取消訂單和查看訂單等功能。用什么樣的技術(shù)可以實(shí)現(xiàn)以上的需求呢?如何為該典型的應(yīng)用確定開發(fā)方案?開發(fā)方案都要考慮哪些問題。包括：網(wǎng)頁類型、系統(tǒng)架構(gòu)模式、操作系統(tǒng)、開發(fā)語言、Web服務(wù)器、數(shù)據(jù)庫管理系統(tǒng)共四十頁6 課堂(ktng)實(shí)踐與討論163郵箱及中國程序員網(wǎng)站分析(fnx)任務(wù)靜態(tài)網(wǎng)頁與動(dòng)態(tài)網(wǎng)頁的特點(diǎn)與選擇觀察與思考網(wǎng)頁地址、網(wǎng)頁內(nèi)容、被搜索引擎檢索難易、可維護(hù)性、交互性、共容性共四十頁7為什么需要?jiǎng)討B(tài)(dngti)網(wǎng)頁靜態(tài)(jngti)網(wǎng)站有哪些局限性？要完成這一切，我們需要使用動(dòng)態(tài)網(wǎng)頁1、無法實(shí)現(xiàn)搜索、登錄、購買等交互功能2、無法對(duì)靜態(tài)頁面的內(nèi)容在線更新共四十頁8什么(shn me

4、)是動(dòng)態(tài)網(wǎng)頁生活中的動(dòng)態(tài)(dngti)網(wǎng)頁可以根據(jù)不同的輸入，返回不同的網(wǎng)頁，這就是動(dòng)態(tài)網(wǎng)頁共四十頁9怎樣實(shí)現(xiàn)動(dòng)態(tài)(dngti)網(wǎng)頁 Google如何保存業(yè)務(wù)數(shù)據(jù)？ Google如何實(shí)現(xiàn)(shxin)業(yè)務(wù)數(shù)據(jù)的動(dòng)態(tài)展示？都有哪些不同類型的動(dòng)態(tài)網(wǎng)頁共四十頁10 課堂實(shí)踐和討論,體驗(yàn)(tyn)不同類別動(dòng)態(tài)網(wǎng)頁分析(fnx)任務(wù)觀察與思考開發(fā)語言的可移植性、運(yùn)行性能、開發(fā)效率 JSP/ASP/ASP.NET/PHP的特點(diǎn)與選擇共四十頁11 課堂(ktng)實(shí)踐和討論分析(fnx)任務(wù)B/S與C/S的特點(diǎn)與選擇 :體驗(yàn)本地迅雷和Web迅雷、163免費(fèi)郵箱和outlook Express觀察與思考:從支

5、撐環(huán)境、安全控制、程序架構(gòu)、軟件重用、系統(tǒng)維護(hù)、用戶接口、信息流這些方面進(jìn)行比較討論歸納總結(jié):C/S結(jié)構(gòu)存在伸縮性、性能、重用性、移植性的問題 共四十頁12為什么學(xué)習(xí)(xux)B/S技術(shù)C/S的局限性中心(zhngxn)局域網(wǎng)特定用戶群中資源共享 B/S帶給我們的全新體驗(yàn)數(shù)據(jù)庫服務(wù)器學(xué)生機(jī)1學(xué)生機(jī)2學(xué)生機(jī)n需要安裝客戶端軟件Google服務(wù)器Internet全球用戶群中資源共享 美國用戶中國用戶數(shù)據(jù)庫服務(wù)器無需安裝客戶端軟件共四十頁13什么(shn me)是B/S技術(shù)B/S是瀏覽器端/服務(wù)器端，程序完全放在服務(wù)器上，不用在瀏覽器上安裝(nzhung)任何文件，它是基于Internet的產(chǎn)物應(yīng)用

6、服務(wù)器 數(shù)據(jù)庫 服務(wù)器 IENetscapeIEInternet在應(yīng)用服務(wù)器中布署運(yùn)行程序共四十頁14B/S技術(shù)(jsh)特點(diǎn)B/S中瀏覽器端與服務(wù)器端采用請求/響應(yīng)(xingyng)模式進(jìn)行交互應(yīng)用服務(wù)器數(shù)據(jù)庫服務(wù)器IEIE解釋執(zhí)行HTML文件從服務(wù)器端檢索到的信息返回響應(yīng)客戶端的請求信息發(fā)送請求訪問數(shù)據(jù)庫返回結(jié)果運(yùn)行JSP等服務(wù)器端腳本程序1用戶輸入234共四十頁15分析(fnx)任務(wù)Web服務(wù)器的作用(zuyng)與種類；自學(xué)和討論提問與思考共四十頁16解決(jiju)任務(wù)討論確定(qudng)網(wǎng)上商店的開發(fā)實(shí)現(xiàn)方案，說明選擇的理由學(xué)生自評(píng)、互評(píng) 教師抽查小組驗(yàn)收 小結(jié)選擇的基本過程與思

7、考要點(diǎn)共四十頁17任務(wù)二安裝配置JSP開發(fā)(kif)運(yùn)行環(huán)境 學(xué)習(xí)目標(biāo)安裝配置(pizh)JSP開發(fā)運(yùn)行環(huán)境 重點(diǎn)難點(diǎn)配置jdk 1.6環(huán)境變量配置Eclipse 6的jdk和tomcat 共四十頁18提出任務(wù)(rn wu)問題JSP開發(fā)運(yùn)行步驟:(1)配置開發(fā)運(yùn)行環(huán)境(2)創(chuàng)建一個(gè)Web項(xiàng)目(3)設(shè)計(jì)(shj)Web項(xiàng)目的目錄結(jié)構(gòu)(4)編寫Web項(xiàng)目的代碼(5)部署Web項(xiàng)目(6)運(yùn)行Web項(xiàng)目如何安裝配置JSP開發(fā)運(yùn)行環(huán)境?共四十頁19任務(wù)(rn wu)解決安裝配置過程：安裝jdk 1.6，并配置環(huán)境變量安裝jakarta-tomcat-5.0.28，然后啟動(dòng)測試是否安裝成功使用Tomca

8、t的后臺(tái)管理：進(jìn)入方式、web應(yīng)用的啟動(dòng)停止發(fā)布(fb)反發(fā)布(fb)、應(yīng)用的訪問安裝MyEclipse 6，然后配置jdk和tomcat課堂演示與實(shí)踐共四十頁20任務(wù)(rn wu)總結(jié)小結(jié)安裝配置的要點(diǎn)與出錯(cuò)(ch cu)的調(diào)試學(xué)生自評(píng)、互評(píng) 教師抽查小組驗(yàn)收 共四十頁21任務(wù)三創(chuàng)建部署運(yùn)行一個(gè)(y )JSP的Web項(xiàng)目 學(xué)習(xí)目標(biāo)了解創(chuàng)建部署運(yùn)行JSP的Web項(xiàng)目的過程了解Web項(xiàng)目的目錄結(jié)構(gòu)與要求了解如何將java代碼用小腳本嵌入(qin r)到j(luò)sp中掌握url的結(jié)構(gòu) 重點(diǎn)難點(diǎn)部署運(yùn)行的故障調(diào)試 共四十頁22創(chuàng)建(chungjin)一個(gè)Web項(xiàng)目1在菜單欄選擇(xunz)：文件 新建 項(xiàng)

9、目2在彈出的窗口中選擇：MyEclipse J2EE Projects Web Project3輸入Web項(xiàng)目名稱（設(shè)置為news），以及其余相關(guān)信息課堂演示與實(shí)踐共四十頁23Web項(xiàng)目(xingm)的目錄結(jié)構(gòu)WEB-INF：該目錄中內(nèi)容(nirng)不能對(duì)外發(fā)布web.xml：Web應(yīng)用的初始化配置文件lib文件夾：存放以jar/zip形式表現(xiàn)的庫文件META-INF：系統(tǒng)自動(dòng)生成，存放系統(tǒng)描述信息WebRoot：Web應(yīng)用的根目錄src文件夾：存放Java源文件靜態(tài)文件（包括圖片、樣式表、HTML等）存放在Web應(yīng)用的根目錄下，一般按功能以文件夾形式分類 共四十頁24編寫(binxi)第一

10、個(gè)Web頁面 右鍵點(diǎn)擊WebRoot 新建 HTML ：創(chuàng)建一個(gè)(y )新的HTML文件在彈出的窗口中，選擇文件路徑、輸入文件名稱填充HTML文件內(nèi)容“hello world”課堂演示與實(shí)踐123共四十頁25部署(b sh) Web 項(xiàng)目窗口(chungku) 首選項(xiàng) MyEclipse Application Server Tomcat 5：配置Tomcat點(diǎn)擊部署圖標(biāo) 為Web項(xiàng)目添加web服務(wù)器 選擇Tomcat 5 部署完成12課堂演示與實(shí)踐共四十頁26運(yùn)行(ynxng) Web 項(xiàng)目點(diǎn)擊(din j)運(yùn)行圖標(biāo) 運(yùn)行 Tomcat 5Tomcat 5 啟動(dòng)服務(wù)，在控制臺(tái)輸出啟動(dòng)信息開啟

11、IE窗口 輸入正確的URL觀看運(yùn)行結(jié)果123課堂演示與實(shí)踐共四十頁27什么(shn me)是URLURL：Uniform Resource Locator即統(tǒng)一資源定位系統(tǒng)，就是我們通常所說的網(wǎng)址URL是惟一能夠識(shí)別Internet上具體的計(jì)算機(jī)、目錄或文件位置(wi zhi)的命名約定URL的組成：http:/localhost:8080/news/index.html協(xié)議主機(jī)IP地址（有時(shí)包括端口號(hào)）主機(jī)資源的具體地址存放HTML文件的實(shí)際物理目錄在運(yùn)行環(huán)境中，該路徑對(duì)應(yīng)WebRoot文件夾共四十頁28應(yīng)用服務(wù)器體驗(yàn)(tyn)Tomcat服務(wù)器停止下，直接在瀏覽器打開(d ki)任務(wù)的頁面

12、，體驗(yàn)Web服務(wù)器作用 課堂演示與實(shí)踐體驗(yàn)共四十頁29拓展(tu zhn)提高另兩種手工(shugng)和tomcat Web應(yīng)用部署方法課堂演示與實(shí)踐共四十頁30任務(wù)(rn wu)總結(jié)學(xué)生自評(píng)、互評(píng) 教師抽查(chuch)小組驗(yàn)收 小結(jié)開發(fā)運(yùn)行部署的基本過程共四十頁31任務(wù)四WEB應(yīng)用(yngyng)不正常的調(diào)試與排錯(cuò) 學(xué)習(xí)目標(biāo)掌握安裝配置JSP開發(fā)運(yùn)行環(huán)境(hunjng) 重點(diǎn)難點(diǎn)安裝配置JSP開發(fā)運(yùn)行環(huán)境不正常的四種情況的調(diào)試與排錯(cuò) 共四十頁32提出工作(gngzu)任務(wù)在運(yùn)行Web程序時(shí)，我們常犯的一些錯(cuò)誤，如何進(jìn)行調(diào)試與排錯(cuò)？未啟動(dòng)Tomcat服務(wù)，或者沒有在預(yù)期的端口中啟動(dòng)Tomc

13、at服務(wù)未部署Web應(yīng)用，就試圖運(yùn)行Web程序運(yùn)行時(shí)，URL輸入錯(cuò)誤存放文件的目錄無法(wf)對(duì)外引用，如：文件放入了WEB-INF、META-INF等文件夾共四十頁33錯(cuò)誤(cuw)1：未啟動(dòng)Tomcat排除錯(cuò)誤：啟動(dòng)Tomcat服務(wù)如果在控制臺(tái)上顯示Tomcat服務(wù)已啟動(dòng)，觀察端口號(hào)是否與預(yù)期端口號(hào)一致，按照(nzho)實(shí)際端口號(hào)重新運(yùn)行錯(cuò)誤現(xiàn)象排錯(cuò)方法： 檢查Tomcat服務(wù)能否正確運(yùn)行123課堂實(shí)踐與總結(jié)共四十頁34錯(cuò)誤2：未部署(b sh)Web應(yīng)用排除(pich)錯(cuò)誤：部署Web應(yīng)用排錯(cuò)方法：檢查Web應(yīng)用是否正確部署尚未部署錯(cuò)誤現(xiàn)象123課堂實(shí)踐與總結(jié)共四十頁35錯(cuò)誤(cuw)3

14、：URL輸入錯(cuò)誤排除錯(cuò)誤(cuw)：使用正確的URL錯(cuò)誤現(xiàn)象排錯(cuò)方法： 檢查URLhttp:/localhost:8080/news/index.html文件名稱與路徑要寫對(duì)查看菜單：項(xiàng)目屬性MyEclipseWebWeb Context-root協(xié)議主機(jī)IP地址123課堂實(shí)踐與總結(jié)共四十頁36錯(cuò)誤4：目錄(ml)不能被引用排除(pich)錯(cuò)誤：把index.html文件拖至WebRoot文件夾下錯(cuò)誤現(xiàn)象排錯(cuò)方法： 檢查文件的存放位置META-INF，WEB-INF文件夾下的內(nèi)容無法對(duì)外發(fā)布123課堂實(shí)踐與總結(jié)共四十頁37任務(wù)(rn wu)總結(jié)學(xué)生自評(píng)、互評(píng) 教師抽查(chuch)小組驗(yàn)收 小

15、結(jié)不正常運(yùn)行的基本現(xiàn)象與對(duì)應(yīng)的解決方法 共四十頁38任務(wù)(rn wu)五部署運(yùn)行教材的網(wǎng)上商店應(yīng)用 部署運(yùn)行教材電子附件(fjin)的網(wǎng)上商店了解已有應(yīng)用部署方法作為后面的學(xué)習(xí)目標(biāo)地去了解其功能課堂演示與實(shí)踐，使用體驗(yàn)，功能復(fù)述共四十頁39情境(qngjng)總結(jié)通過準(zhǔn)備JSP電子商城開發(fā)運(yùn)行環(huán)境掌握B/S開發(fā)的基本概念掌握開發(fā)JSP動(dòng)態(tài)(dngti)網(wǎng)站的基本步驟掌握安裝配置JSP運(yùn)行開發(fā)環(huán)境掌握Web系統(tǒng)的工作目錄掌握Web應(yīng)用的簡單調(diào)試與排錯(cuò)； 了解開發(fā)JSP動(dòng)態(tài)網(wǎng)站的基本步驟共四十頁內(nèi)容摘要情境一 配置網(wǎng)上商店開發(fā)運(yùn)行環(huán)境。了解開發(fā)JSP動(dòng)態(tài)網(wǎng)站的基本步驟。要求能夠?qū)崿F(xiàn)會(huì)員注冊、瀏覽商品、查看商品詳細(xì)信息、選購商品、取消訂單和查看訂單等功能。用什么樣的技術(shù)可