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

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

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

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

4、)是動(dòng)態(tài)網(wǎng)頁(yè)生活中的動(dòng)態(tài)(dngti)網(wǎng)頁(yè)可以根據(jù)不同的輸入，返回不同的網(wǎng)頁(yè)，這就是動(dòng)態(tài)網(wǎng)頁(yè)共四十頁(yè)9怎樣實(shí)現(xiàn)動(dòng)態(tài)(dngti)網(wǎng)頁(yè) Google如何保存業(yè)務(wù)數(shù)據(jù)？ Google如何實(shí)現(xiàn)(shxin)業(yè)務(wù)數(shù)據(jù)的動(dòng)態(tài)展示？都有哪些不同類(lèi)型的動(dòng)態(tài)網(wǎng)頁(yè)共四十頁(yè)10 課堂實(shí)踐和討論,體驗(yàn)(tyn)不同類(lèi)別動(dòng)態(tài)網(wǎng)頁(yè)分析(fnx)任務(wù)觀察與思考開(kāi)發(fā)語(yǔ)言的可移植性、運(yùn)行性能、開(kāi)發(fā)效率 JSP/ASP/ASP.NET/PHP的特點(diǎn)與選擇共四十頁(yè)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ù)、用戶(hù)接口、信息流這些方面進(jìn)行比較討論歸納總結(jié):C/S結(jié)構(gòu)存在伸縮性、性能、重用性、移植性的問(wèn)題 共四十頁(yè)12為什么學(xué)習(xí)(xux)B/S技術(shù)C/S的局限性中心(zhngxn)局域網(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ù)端軟件共四十頁(yè)13什么(shn me)是B/S技術(shù)B/S是瀏覽器端/服務(wù)器端，程序完全放在服務(wù)器上，不用在瀏覽器上安裝(nzhung)任何文件，它是基于Internet的產(chǎn)物應(yīng)用

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

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

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

9、目2在彈出的窗口中選擇：MyEclipse J2EE Projects Web Project3輸入Web項(xiàng)目名稱(chēng)（設(shè)置為news），以及其余相關(guān)信息課堂演示與實(shí)踐共四十頁(yè)23Web項(xiàng)目(xingm)的目錄結(jié)構(gòu)WEB-INF：該目錄中內(nèi)容(nirng)不能對(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) 共四十頁(yè)24編寫(xiě)(binxi)第一

10、個(gè)Web頁(yè)面 右鍵點(diǎn)擊WebRoot 新建 HTML ：創(chuàng)建一個(gè)(y )新的HTML文件在彈出的窗口中，選擇文件路徑、輸入文件名稱(chēng)填充HTML文件內(nèi)容“hello world”課堂演示與實(shí)踐123共四十頁(yè)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í)踐共四十頁(yè)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)信息開(kāi)啟

11、IE窗口 輸入正確的URL觀看運(yùn)行結(jié)果123課堂演示與實(shí)踐共四十頁(yè)27什么(shn me)是URLURL：Uniform Resource Locator即統(tǒng)一資源定位系統(tǒng)，就是我們通常所說(shuō)的網(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文件夾共四十頁(yè)28應(yīng)用服務(wù)器體驗(yàn)(tyn)Tomcat服務(wù)器停止下，直接在瀏覽器打開(kāi)(d ki)任務(wù)的頁(yè)面

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

13、at服務(wù)未部署Web應(yīng)用，就試圖運(yùn)行Web程序運(yùn)行時(shí)，URL輸入錯(cuò)誤存放文件的目錄無(wú)法(wf)對(duì)外引用，如：文件放入了WEB-INF、META-INF等文件夾共四十頁(yè)33錯(cuò)誤(cuw)1：未啟動(dòng)Tomcat排除錯(cuò)誤：?jiǎn)?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ò)方法： 檢查T(mén)omcat服務(wù)能否正確運(yùn)行123課堂實(shí)踐與總結(jié)共四十頁(yè)34錯(cuò)誤2：未部署(b sh)Web應(yīng)用排除(pich)錯(cuò)誤：部署Web應(yīng)用排錯(cuò)方法：檢查Web應(yīng)用是否正確部署尚未部署錯(cuò)誤現(xiàn)象123課堂實(shí)踐與總結(jié)共四十頁(yè)35錯(cuò)誤(cuw)3

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

15、結(jié)不正常運(yùn)行的基本現(xiàn)象與對(duì)應(yīng)的解決方法 共四十頁(yè)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ù)述共四十頁(yè)39情境(qngjng)總結(jié)通過(guò)準(zhǔn)備JSP電子商城開(kāi)發(fā)運(yùn)行環(huán)境掌握B/S開(kāi)發(fā)的基本概念掌握開(kāi)發(fā)JSP動(dòng)態(tài)(dngti)網(wǎng)站的基本步驟掌握安裝配置JSP運(yùn)行開(kāi)發(fā)環(huán)境掌握Web系統(tǒng)的工作目錄掌握Web應(yīng)用的簡(jiǎn)單調(diào)試與排錯(cuò)； 了解開(kāi)發(fā)JSP動(dòng)態(tài)網(wǎng)站的基本步驟共四十頁(yè)內(nèi)容摘要情境一 配置網(wǎng)上商店開(kāi)發(fā)運(yùn)行環(huán)境。了解開(kāi)發(fā)JSP動(dòng)態(tài)網(wǎng)站的基本步驟。要求能夠?qū)崿F(xiàn)會(huì)員注冊(cè)、瀏覽商品、查看商品詳細(xì)信息、選購(gòu)商品、取消訂單和查看訂單等功能。用什么樣的技術(shù)可