使用jspservletajax技術(shù)開(kāi)發(fā)新聞發(fā)布系統(tǒng)

1、動(dòng)態(tài)網(wǎng)站初體驗(yàn)第一章課程地位每階段已包括：項(xiàng)目實(shí)戰(zhàn)、COT課程 總課時(shí)： 1008C#OOPJavaScriptT-SQLJava OOPS2350Y2344JSPS2：Java階段項(xiàng)目預(yù)備課程WinFormsLogic JavaS1314S1：.NET階段項(xiàng)目 HibernateN-TierAjaxSpringStrutsHTMLC#NTCProject知識(shí)Y2：.NET畢業(yè)設(shè)計(jì)項(xiàng)目COTCOTCOTY2：Java畢業(yè)設(shè)計(jì)項(xiàng)目目標(biāo)崗位標(biāo)準(zhǔn)手冊(cè)就業(yè)技能結(jié)構(gòu)圖2-1就業(yè)技能結(jié)構(gòu)圖2-2本門(mén)課程目標(biāo)學(xué)完本門(mén)課程后，你能夠使用JSP實(shí)現(xiàn)Web站點(diǎn)開(kāi)發(fā)使用Servlet實(shí)現(xiàn)程序業(yè)務(wù)控制使用Ajax豐富

2、客戶(hù)端視覺(jué)體驗(yàn)課程項(xiàng)目展示新聞發(fā)布系統(tǒng)演示示例：新聞發(fā)布系統(tǒng)相關(guān)課程回顧Java基本原理及語(yǔ)法Logic Java面向?qū)ο笏枷敕庋b、繼承、多態(tài)接口數(shù)據(jù)庫(kù)訪問(wèn)JDBC客戶(hù)端HTMLJavaScript預(yù)習(xí)檢查B/S與C/S的區(qū)別？請(qǐng)說(shuō)出一個(gè)完整的URL由幾部分組成？Tomcat服務(wù)器的默認(rèn)端口號(hào)？請(qǐng)簡(jiǎn)要介紹Tomcat的目錄結(jié)構(gòu)實(shí)現(xiàn)Tomcat的手動(dòng)部署和發(fā)布實(shí)現(xiàn)制作新聞發(fā)布系統(tǒng)靜態(tài)頁(yè)面本章任務(wù)了解B/S結(jié)構(gòu)的基本概念了解B/S結(jié)構(gòu)與C/S結(jié)構(gòu)的區(qū)別掌握Tomcat服務(wù)器的發(fā)布與運(yùn)行方法本章目標(biāo)為什么需要?jiǎng)討B(tài)網(wǎng)頁(yè)靜態(tài)網(wǎng)站有哪些局限性要完成這一切，我們需要使用動(dòng)態(tài)網(wǎng)頁(yè)2、無(wú)法對(duì)靜態(tài)頁(yè)面的內(nèi)容進(jìn)行實(shí)

3、時(shí)更新1、無(wú)法實(shí)現(xiàn)搜索、購(gòu)買(mǎi)、登錄等交互功能什么是動(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è)Google如何保存業(yè)務(wù)數(shù)據(jù)？Google如何實(shí)現(xiàn)業(yè)務(wù)數(shù)據(jù)的動(dòng)態(tài)展示？要掌握這一切，我們首先需要了解B/S技術(shù)如何實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁(yè)C/S的局限性中心局域網(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ù)端軟件為什么學(xué)習(xí)B/S技術(shù)B/S結(jié)構(gòu)（瀏覽器/服務(wù)器）：程序完全部署在服務(wù)器上，用戶(hù)通過(guò)瀏覽器訪問(wèn)應(yīng)用程序，它是基

4、于Internet的產(chǎn)物應(yīng)用服務(wù)器 數(shù)據(jù)庫(kù) 服務(wù)器 IENetscapeIEInternet在應(yīng)用服務(wù)器中部署、運(yùn)行程序什么是B/S技術(shù)B/S結(jié)構(gòu)中瀏覽器端與服務(wù)器端采用請(qǐng)求/響應(yīng)模式進(jìn)行交互應(yīng)用服務(wù)器數(shù)據(jù)庫(kù)服務(wù)器IEIE解釋執(zhí)行HTML文件從服務(wù)器端檢索到的信息返回響應(yīng)客戶(hù)端的請(qǐng)求信息發(fā)送請(qǐng)求訪問(wèn)數(shù)據(jù)庫(kù)返回結(jié)果運(yùn)行JSP等服務(wù)器端程序1用戶(hù)輸入234B/S技術(shù)的工作原理使用URL實(shí)現(xiàn)頁(yè)面訪問(wèn)URL：Uniform Resource Locator的縮寫(xiě)，代表“統(tǒng)一資源定位符”，即我們常說(shuō)的網(wǎng)址。URL是唯一能識(shí)別Internet上具體的計(jì)算機(jī)、目錄或文件夾位置的命名約定URL的組成第一部分：

5、協(xié)議第二部分：主機(jī)IP地址（有時(shí)包含端口號(hào)）第三部分：項(xiàng)目資源的地址，如目錄和文件夾名等http : / localhost:8080 / news/index.html協(xié)議部分 主機(jī)地址 項(xiàng)目資源地址 如何訪問(wèn)動(dòng)態(tài)網(wǎng)頁(yè)Tomcat服務(wù)器簡(jiǎn)介T(mén)omcat服務(wù)器Apache Jakarta的開(kāi)源項(xiàng)目JSP/Servlet容器Tomcat服務(wù)器應(yīng)用啟動(dòng)和停止Tomcat服務(wù)器方式一：通過(guò)“程序” “管理工具” “服務(wù)” 鼠標(biāo)右擊“Apache Tomcat” 選擇“啟動(dòng)”或者“停止”操作方式二：通過(guò)“程序” “Apache Tomcat XX” “Monitor Tomcat” 鼠標(biāo)右擊窗口右下角

6、的Tomcat圖標(biāo)選擇“Start Service”或者“Stop Service”Tomcat服務(wù)啟動(dòng)檢測(cè)在IE地址欄中輸入： :端口號(hào)，頁(yè)面進(jìn)入到Tomcat啟動(dòng)成功界面操作演示：?jiǎn)?dòng)停止及檢測(cè)過(guò)程Tomcat的目錄結(jié)構(gòu)Tomcat服務(wù)器的目錄結(jié)構(gòu) 目錄 說(shuō) 明/bin存放Windows或Linux平臺(tái)上用于啟動(dòng)和停止Tomcat的腳本文件/conf存放Tomcat服務(wù)器的各種配置文件，其中最重要的是server.xml/server/lib存放Tomcat服務(wù)器所需的各種JAR文件/server/webapps存放Tomcat自帶的兩個(gè)Web應(yīng)用：admin應(yīng)用程序和manager應(yīng)用程

7、序 mom/lib存放Tomcat服務(wù)器以及所有Web應(yīng)用都可以訪問(wèn)的JAR文件/workTomcat把由JSP生成的Servlet放于此目錄下/webapps當(dāng)發(fā)布Web應(yīng)用時(shí)，默認(rèn)情況下會(huì)將Web應(yīng)用的文件存放于此目錄中Tomcat的端口配置通過(guò)配置文件修改Tomcat端口號(hào)Tomcat端口號(hào)默認(rèn)使用的是8080端口可以通過(guò)server.xml文件修改Tomcat的端口號(hào) . .操作演示：修改端口過(guò)程Web項(xiàng)目的目錄結(jié)構(gòu) 目錄 說(shuō) 明/Web應(yīng)用的根目錄，該目錄下所有文件在客戶(hù)端都可以訪問(wèn)，包括JSP、HTML，JPG等訪問(wèn)資源。 /WEB-INF存放應(yīng)用使用的各種資源，該目錄及其子目錄對(duì)

8、客戶(hù)端都是不可以訪問(wèn)，其中包括web.xml（部署表述符） /WEB-INF/classes存放Web項(xiàng)目的所有的class文件/Web-INF/lib存放Web應(yīng)用使用的JAR文件Web應(yīng)用的目錄結(jié)構(gòu)，配置Web應(yīng)用使用web.xml文件配置應(yīng)用發(fā)布web.xml文件必須保存在/WEB-INF目錄下在 web.xml文件中配置各種資源的發(fā)布信息 其他配置信息配置訪問(wèn)頁(yè)面通過(guò)配置文件修改訪問(wèn)起始頁(yè)通過(guò)web.xml文件修改訪問(wèn)的起始頁(yè)面index.JSP假定在web應(yīng)用(news)下存在一個(gè)index.jsp頁(yè)面，輸入 地址時(shí)，web容器會(huì)默認(rèn)調(diào)用index.jsp頁(yè)面 部署應(yīng)用部署的步驟創(chuàng)建

9、應(yīng)用頁(yè)面在Tomcat目錄的webapps目錄下創(chuàng)建應(yīng)用文件目錄將創(chuàng)建的頁(yè)面復(fù)制到應(yīng)用目錄下啟動(dòng)Tomcat服務(wù)在IE地址欄中進(jìn)行訪問(wèn)操作演示：手動(dòng)部署過(guò)程練習(xí)制作新聞系統(tǒng)首頁(yè)需求說(shuō)明：編寫(xiě)新聞系統(tǒng)首頁(yè)靜態(tài)原型index.html使用HTML、CSS、JavaScript相關(guān)技術(shù)在瀏覽器中能夠訪問(wèn)此頁(yè)面完成時(shí)間：25分鐘練習(xí)制作后臺(tái)管理頁(yè)面需求說(shuō)明：編寫(xiě)后臺(tái)管理員頁(yè)面使用HTML、CSS、JavaScript相關(guān)技術(shù)在瀏覽器中能夠訪問(wèn)此頁(yè)面完成時(shí)間：25分鐘共性問(wèn)題集中講解常見(jiàn)調(diào)試問(wèn)題及解決辦法代碼規(guī)范問(wèn)題共性問(wèn)題集中講解練習(xí)制作新聞瀏覽頁(yè)面需求說(shuō)明：編寫(xiě)新聞瀏覽頁(yè)面使用HTML、CSS、JavaScript相關(guān)技術(shù)在瀏覽器中能夠訪問(wèn)此頁(yè)面完成時(shí)間：25分鐘練習(xí)創(chuàng)建新聞發(fā)布系統(tǒng)完成時(shí)間：15分鐘訓(xùn)練要點(diǎn)：手工部署Web應(yīng)用需求說(shuō)明：創(chuàng)建Web工程，將之前完成的頁(yè)面添加到工程中并部署到Tomcat中能夠通過(guò)IE進(jìn)行訪問(wèn)實(shí)現(xiàn)思路：1、按照Tomcat目錄結(jié)構(gòu)，在Tomcat的webapps目錄下，創(chuàng)建一個(gè)Web應(yīng)用News2、分別創(chuàng)建WEB-INF/classes和WEB-INF/lib兩個(gè)文件夾3、創(chuàng)建web.xml文件，添加到WEB-INF目錄下共性問(wèn)題集中講解常見(jiàn)調(diào)試問(wèn)題及解決辦法代碼規(guī)范