《配置網(wǎng)上商店開發(fā)運(yùn)行環(huán)境.ppt》由會(huì)員分享，可在線閱讀，更多相關(guān)《配置網(wǎng)上商店開發(fā)運(yùn)行環(huán)境.ppt（39頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、配置網(wǎng)上商店開發(fā)運(yùn)行環(huán)境 JAVA WEB應(yīng)用開發(fā) 2 任務(wù)一 分析網(wǎng)上商店的開發(fā)實(shí)現(xiàn)方案 (5課時(shí) ) 任務(wù)二 安裝配置 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í) ) 工作任務(wù) 3 學(xué)習(xí)目標(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)用的簡(jiǎn)單調(diào)試與排錯(cuò)； 了解開發(fā) JSP動(dòng)態(tài)網(wǎng)站的基本步驟 4 任務(wù)一 分析網(wǎng)上商店的開發(fā)實(shí)現(xiàn)方案

2、學(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ù)器的作用與種類； 了解網(wǎng)絡(luò)數(shù)據(jù)庫(kù)技術(shù)的含義與作用； 重點(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)與選擇； 5 提出任務(wù) 課堂演示與實(shí)踐網(wǎng)上商店 Web功能 課堂實(shí)踐訪問“北京圖書大廈網(wǎng)上書店” 建立一個(gè)名為 eShop的網(wǎng)上商店實(shí)現(xiàn)網(wǎng)上商品銷售。 要求能夠?qū)崿F(xiàn)會(huì)員注冊(cè)、瀏覽商品、查看商品詳細(xì)信息、 選購(gòu)商品、取消訂單和查看訂單等功能。 用什么樣的技術(shù)可以實(shí)現(xiàn)以

3、上的需求呢 ?如何為該典型的 應(yīng)用確定開發(fā)方案 ? 開發(fā)方案都要考慮哪些問題。包括：網(wǎng)頁(yè)類型、系統(tǒng)架構(gòu) 模式、操作系統(tǒng)、開發(fā)語(yǔ)言、 Web服務(wù)器、數(shù)據(jù)庫(kù)管理系統(tǒng) 6 課堂實(shí)踐與討論 163郵箱及中國(guó)程序員網(wǎng)站 分析任務(wù) 靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè)的特點(diǎn)與選擇 觀察與思考網(wǎng)頁(yè)地址、網(wǎng)頁(yè)內(nèi)容、 被搜索引擎檢索難易、可維護(hù)性、 交互性、共容性 7 為什么需要?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)買等 交互 功能 2、無(wú)法對(duì)靜態(tài) 頁(yè)面的內(nèi)容 在 線更新 8 什么是動(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è) 9

4、怎樣實(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)展示？ 都有哪些不同類型的動(dòng)態(tài)網(wǎng)頁(yè) 10 課堂實(shí)踐和討論 ,體驗(yàn)不同類別動(dòng)態(tài)網(wǎng)頁(yè) 分析任務(wù) 觀察與思考開發(fā)語(yǔ)言的可移植性、運(yùn)行性 能、開發(fā)效率 JSP/ASP/ASP.NET/PHP的特點(diǎn)與選擇 11 課堂實(shí)踐和討論 分析任務(wù) B/S與 C/S的特點(diǎn)與選擇 :體驗(yàn)本地迅雷和 Web迅雷、 163免費(fèi)郵箱和 outlook Express 觀察與思考 :從支撐環(huán)境、安全控制、程序架構(gòu)、 軟件重用、系統(tǒng)維護(hù)、用戶接口、信息流這些方 面進(jìn)行比較討論 歸納總結(jié) :C/S結(jié)構(gòu)存在伸縮性、性能、重用性、 移植性的問題 12

5、 為什么學(xué)習(xí) B/S技術(shù) C/S的局限性 中心 局域網(wǎng) 特定用戶群中資源共享 B/S帶給我們的全新體 驗(yàn) 數(shù)據(jù)庫(kù) 服務(wù)器 學(xué)生機(jī) 1 學(xué)生機(jī) 2 學(xué)生機(jī) n 需要安裝客 戶端軟件 Google 服務(wù)器 Internet 全球用戶群中資源共享 美國(guó)用戶 中國(guó)用戶 數(shù)據(jù)庫(kù) 服務(wù)器 無(wú)需安裝客 戶端軟件 13 什么是 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)行程序 14 B/S技術(shù)特點(diǎn) B/S中瀏覽器端與服務(wù)器端采用

6、 請(qǐng)求 /響應(yīng) 模式進(jìn) 行交互 應(yīng)用 服務(wù)器 數(shù)據(jù)庫(kù) 服務(wù)器 IE IE 解釋執(zhí)行 HTML文件 從服務(wù)器端檢索到的信息 返回響應(yīng) 客戶端的請(qǐng)求信息 發(fā)送請(qǐng)求 訪問數(shù)據(jù)庫(kù) 返回結(jié)果 運(yùn)行 JSP等服務(wù)器 端腳本程序 1 用戶輸入 2 3 4 15 分析任務(wù) Web服務(wù)器的作用與種類； 自學(xué)和討論 提問與思考 16 解決任務(wù) 討論確定網(wǎng)上商店的開發(fā)實(shí) 現(xiàn)方案，說(shuō)明選擇的理由 學(xué)生自評(píng)、互評(píng) 教師抽查小組驗(yàn)收 小結(jié)選擇的基本過(guò)程與思考要點(diǎn) 17 任務(wù)二 安裝配置 JSP開發(fā)運(yùn)行環(huán)境 學(xué)習(xí)目標(biāo) 安裝配置 JSP開發(fā)運(yùn)行環(huán)境 重點(diǎn)難點(diǎn) 配置 jdk 1.6環(huán)境變量 配置 Eclipse 6的 jdk和

7、 tomcat 18 提出任務(wù)問題 JSP開發(fā)運(yùn)行步驟 : (1)配置開發(fā)運(yùn)行環(huán)境 (2)創(chuàng)建一個(gè) Web項(xiàng)目 (3)設(shè)計(jì) 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ù)解決 安裝配置過(guò)程： 安裝 jdk 1.6，并配置環(huán)境變量 安裝 jakarta-tomcat-5.0.28，然后啟動(dòng)測(cè)試是否安 裝成功 使用 Tomcat的后臺(tái)管理：進(jìn)入方式、 web應(yīng)用的 啟動(dòng)停止發(fā)布反發(fā)布、應(yīng)用的訪問 安裝 MyEclipse 6，然后配置 jdk和 tomcat 課堂演示與實(shí)踐 20 任務(wù)總結(jié) 小結(jié)安

8、裝配置的要點(diǎn)與出錯(cuò)的調(diào)試 學(xué)生自評(píng)、互評(píng) 教師抽查小組驗(yàn)收 21 任務(wù)三 創(chuàng)建部署運(yùn)行一個(gè) JSP的 Web項(xiàng)目 學(xué)習(xí)目標(biāo) 了解創(chuàng)建部署運(yùn)行 JSP的 Web項(xiàng)目的過(guò)程 了解 Web項(xiàng)目的目錄結(jié)構(gòu)與要求 了解如何將 java代碼用小腳本嵌入到 jsp中 掌握 url的結(jié)構(gòu) 重點(diǎn)難點(diǎn) 部署運(yùn)行的故障調(diào)試 22 創(chuàng)建一個(gè) Web項(xiàng)目 1 在菜單欄選擇：文件 新建 項(xiàng)目 2 在彈出的窗口中選擇： MyEclipse J2EE Projects Web Project 3 輸入 Web項(xiàng)目名稱（設(shè)置為 news），以及其余相關(guān)信息 課堂演示與實(shí)踐 23 Web項(xiàng)目的目錄結(jié)構(gòu) WEB-INF：該目錄中內(nèi)

9、容不能對(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)用的根目錄下，一般按功能以文 件夾形式分類 24 編寫第一個(gè) Web頁(yè)面 右鍵點(diǎn)擊 WebRoot 新建 HTML ：創(chuàng)建一個(gè)新 的 HTML文件 在彈出的窗口中，選擇文件路徑、輸入文件名稱 填充 HTML文件內(nèi)容“ hello world” 課堂演示與實(shí)踐 1 2 3 25 部署 Web 項(xiàng)目 窗

10、口 首選項(xiàng) MyEclipse Application Server Tomcat 5：配置 Tomcat 點(diǎn)擊部署圖標(biāo) 為 Web項(xiàng)目添加 web服務(wù) 器 選擇 Tomcat 5 部署完成 1 2 課堂演示與實(shí)踐 26 運(yùn)行 Web 項(xiàng)目 點(diǎn)擊運(yùn)行圖標(biāo) 運(yùn)行 Tomcat 5 Tomcat 5 啟動(dòng)服務(wù)，在控制臺(tái)輸出啟動(dòng)信息 開啟 IE窗口 輸入正確的 URL觀看運(yùn)行結(jié)果 1 2 3 課堂演示與實(shí)踐 27 什么是 URL URL： Uniform Resource Locator 即統(tǒng)一資源定位系統(tǒng)，就是我們通常所說(shuō)的網(wǎng)址 URL是惟一能夠識(shí)別 Internet上具體的計(jì)算機(jī)、目錄 或文件位

11、置的命名約定 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) Tomcat服務(wù)器停止下，直接在瀏覽器打開任務(wù)的 頁(yè)面，體驗(yàn) Web服務(wù)器作用 課堂演示與實(shí)踐體驗(yàn) 29 拓展提高 另兩種手工和 tomcat Web應(yīng)用部署方法 課堂演示與實(shí)踐 30 任務(wù)總結(jié) 學(xué)生自評(píng)、互評(píng) 教師抽查小組驗(yàn)收 小結(jié)開發(fā)運(yùn)行部署的基本過(guò)程 31 任務(wù)四 WEB應(yīng)用不正常的調(diào)試與排錯(cuò) 學(xué)習(xí)目標(biāo) 掌握安裝配置 JS

12、P開發(fā)運(yùn)行環(huán)境 重點(diǎn)難點(diǎn) 安裝配置 JSP開發(fā)運(yùn)行環(huán)境不正常的四種情況的 調(diào)試與排錯(cuò) 32 提出工作任務(wù) 在運(yùn)行 Web程序時(shí)，我們常犯的一些錯(cuò)誤，如何 進(jìn)行調(diào)試與排錯(cuò)？ 未啟動(dòng) Tomcat服務(wù)，或者沒有在預(yù)期的端口中啟動(dòng) Tomcat服務(wù) 未部署 Web應(yīng)用，就試圖運(yùn)行 Web程序 運(yùn)行時(shí)， URL輸入錯(cuò)誤 存放文件的目錄無(wú)法對(duì)外引用，如：文件放入了 WEB- INF、 META-INF等文件夾 33 錯(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ò)方法

13、： 檢查 Tomcat服務(wù)能否正確運(yùn)行 1 2 3 課堂實(shí)踐與總結(jié) 34 錯(cuò)誤 2：未部署 Web應(yīng)用 排除錯(cuò)誤： 部署 Web應(yīng)用 排錯(cuò)方法：檢查 Web應(yīng)用是否正確部署 尚未部署 錯(cuò)誤現(xiàn)象 1 2 3 課堂實(shí)踐與總結(jié) 35 錯(cuò)誤 3： URL輸入錯(cuò)誤 排除錯(cuò)誤：使用正確的 URL 錯(cuò)誤現(xiàn)象 排錯(cuò)方法： 檢查 URL http:/localhost:8080/news/index.html 文件名稱與路徑要寫對(duì) 查看菜單：項(xiàng)目 屬性 MyEclipseWeb Web Context-root 協(xié)議 主機(jī) IP地址 1 2 3 課堂實(shí)踐與總結(jié) 36 錯(cuò)誤 4：目錄不能被引用 排除錯(cuò)誤：把 in

14、dex.html文件拖至 WebRoot文 件夾下 錯(cuò)誤現(xiàn)象 排錯(cuò)方法： 檢查文件的存放位置 META-INF， WEB-INF文件夾 下的內(nèi)容無(wú)法對(duì)外發(fā)布 1 2 3 課堂實(shí)踐與總結(jié) 37 任務(wù)總結(jié) 學(xué)生自評(píng)、互評(píng) 教師抽查小組驗(yàn)收 小結(jié)不正常運(yùn)行的基本現(xiàn)象與對(duì)應(yīng)的 解決方法 38 任務(wù)五 部署運(yùn)行教材的網(wǎng)上商店應(yīng)用 部署運(yùn)行教材電子附件的網(wǎng)上商店 了解已有應(yīng)用部署方法 作為后面的學(xué)習(xí)目標(biāo)地去了解其功能 課堂演示與實(shí)踐，使用體驗(yàn)，功能復(fù)述 39 情境總結(jié) 通過(guò)準(zhǔn)備 JSP電子商城開發(fā)運(yùn)行環(huán)境 掌握 B/S開發(fā)的基本概念 掌握開發(fā) JSP動(dòng)態(tài)網(wǎng)站的基本步驟 掌握安裝配置 JSP運(yùn)行開發(fā)環(huán)境 掌握 Web系統(tǒng)的工作目錄 掌握 Web應(yīng)用的簡(jiǎn)單調(diào)試與排錯(cuò)； 了解開發(fā) JSP動(dòng)態(tài)網(wǎng)站的基本步驟