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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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