項(xiàng)目01-JavaWeb開發(fā)環(huán)境搭建

工程一JavaWeb開發(fā)環(huán)境搭建本工程教學(xué)內(nèi)容認(rèn)識(shí)B/S結(jié)構(gòu)效勞器安裝集成開發(fā)環(huán)境〔IDE〕安裝第一個(gè)Web工程1.1B/S簡(jiǎn)介網(wǎng)絡(luò)應(yīng)用程序的兩種根本結(jié)構(gòu)C/S〔客戶機(jī)/效勞器〕B/S〔瀏覽器/效勞器〕C/S結(jié)構(gòu)模式B/S結(jié)構(gòu)模式1.1B/S簡(jiǎn)介C/S〔客戶機(jī)/效勞器〕C/S，分為客戶機(jī)和效勞器兩層，把應(yīng)用軟件安裝在客戶機(jī)端，通過網(wǎng)絡(luò)與效勞器端相互通信。如果客戶端改動(dòng)了〔如界面豐富，功能增加〕，就必須通知所有的客戶端重新安裝，維護(hù)稍有不便。QQ聊天軟件、網(wǎng)絡(luò)游戲等。1.1B/S簡(jiǎn)介B/S〔瀏覽器/效勞器〕B/S結(jié)構(gòu)卻可以不用通知客戶端安裝某個(gè)軟件，內(nèi)容修改了，也不需要通知客戶端升級(jí)。B/S也分為客戶機(jī)和效勞器兩層，但是客戶機(jī)上不用安裝軟件，只需要使用瀏覽器即可。翻開某網(wǎng)頁地址，即可訪問到最新的應(yīng)用系統(tǒng).1.1B/S簡(jiǎn)介B/S結(jié)構(gòu)相對(duì)于C/S結(jié)構(gòu)，仍存在一定的劣勢(shì)如效勞器端負(fù)擔(dān)比較重客戶端界面不夠個(gè)性化〔豐富〕快速響應(yīng)不如C/S等1.1B/S簡(jiǎn)介B/S結(jié)構(gòu)的交互模式請(qǐng)求/響應(yīng)模式客戶端應(yīng)用效勞器效勞器①用戶輸入②發(fā)送請(qǐng)求③訪問數(shù)據(jù)庫④返回結(jié)果⑤返回響應(yīng)⑥顯示1.1B/S簡(jiǎn)介瀏覽器端與效勞器端的交互模式過程描述：客戶端〔通常是瀏覽器，如IE、Firefox等〕接受用戶的輸入，如用戶名、密碼、查詢字符串等客戶端向Web效勞器發(fā)送請(qǐng)求：輸入之后，提交，客戶端把請(qǐng)求信息〔包含表單中的輸入以及其他請(qǐng)求等信息〕發(fā)送到Web效勞器端，客戶端等待效勞器端的響應(yīng)1.1B/S簡(jiǎn)介數(shù)據(jù)處理：Web效勞器端使用某種腳本語言訪問數(shù)據(jù)庫，查詢數(shù)據(jù)，并獲得查詢結(jié)果數(shù)據(jù)庫向Web效勞器中的程序返回結(jié)果發(fā)送響應(yīng)：Web效勞器端向客戶端發(fā)送響應(yīng)信息〔一般是動(dòng)態(tài)生成的HTML頁面〕顯示：由用戶的瀏覽器解釋HTML代碼，呈現(xiàn)用戶界面1.1B/S簡(jiǎn)介常見的Web編程語言CGI〔CommonGateWayInterface〕“公共網(wǎng)關(guān)接口〞，其程序必須運(yùn)行在效勞器端，其核心是CGI程序，負(fù)責(zé)處理客戶端的請(qǐng)求。早期應(yīng)用較多，限于其性能較低且編程復(fù)雜，目前使用較少。PHP(HypertextPreprocessor)一種可嵌入HTML，可在效勞器端執(zhí)行的內(nèi)嵌式腳本語言，語言風(fēng)格類似于C，使用范圍較廣。執(zhí)行效率比CGI高，并支持幾乎所有流行的數(shù)據(jù)庫以及操作系統(tǒng)。1.1B/S簡(jiǎn)介常見的Web編程語言JSP〔JavaServerPages〕JSP是由Sun公司提出的一種動(dòng)態(tài)網(wǎng)頁技術(shù)標(biāo)準(zhǔn)，與PHP一樣，JSP開發(fā)的Web應(yīng)用程序也是跨平臺(tái)的。另外，JSP支持自定義標(biāo)簽，具有Java技術(shù)面向?qū)ο蟆⑵脚_(tái)無關(guān)性且平安可靠的特點(diǎn)，是商業(yè)應(yīng)用的主要開發(fā)工具。ASP(ActiveServerPage)動(dòng)態(tài)效勞器頁面，是微軟公司開發(fā)的一種應(yīng)用，最初的目的是代替CGI腳本，可運(yùn)行于效勞器端，在中小型Web應(yīng)用中比較流行。1.2效勞器安裝-Tomcat1.2.1效勞器的作用Web網(wǎng)站的最根本要求：客戶能通過協(xié)議訪問網(wǎng)站中的網(wǎng)頁。為了能通過訪問網(wǎng)頁，只需將網(wǎng)頁放在效勞器中運(yùn)行。此處所指的效勞器是軟件效勞器，不是硬件效勞器。Java系列的效勞器有很多：Tomcat，Resin，JBoss，WebLogic，WebSphere等。注意：在安裝Tomcat6.0之前，一定保證安裝了JDK5.0及以上版本，并配置了環(huán)境變量。1.2.2獲取效勞器軟件在瀏覽器地址欄中輸入：://，可以看到tomcat的可下載版本.在Windows環(huán)境下，選擇"WindowsServiceInstaller"，即可下載安裝版本。下載之后,得到一個(gè)可執(zhí)行文件，在本章中為：apache-tomcat-6.0.20.exe。注意，也可以下載壓縮包下載頁面1.2.3效勞器安裝雙擊安裝文件即可進(jìn)行安裝，具體安裝過程見課本圖解如果是默認(rèn)安裝，Tomcat安裝完畢之后，可以在C:\ProgramFiles\ApacheSoftwareFoundation\Tomcat6.0下找到安裝的目錄1、安裝過程2、安裝目錄介紹文件路徑：2、安裝目錄介紹Tomcat安裝目錄中，比較重要的文件夾或文件的內(nèi)容如下表1.2.4測(cè)試效勞器Tomcat安裝完畢后，要知道其安裝成功與否，首先翻開Tomcat。進(jìn)入Tomcat安裝目錄下的bin目錄，會(huì)發(fā)現(xiàn)兩個(gè)文件:tomcat6.exe是以控制臺(tái)形式翻開Tomcattomcat6w.exe是以窗口形式翻開Tomcat雙擊“tomcat6.exe〞,出現(xiàn)控制臺(tái)界面1.2.4測(cè)試效勞器其中包含的重要信息在8080端口啟動(dòng)了Tomcat效勞Tomcat已經(jīng)成功啟動(dòng)在瀏覽器地址欄中輸入：://localhost:8080/index.jsp測(cè)試1.2.4測(cè)試效勞器Index.jsp文件的實(shí)際位置1.2.5配置效勞器注意8080端口可能被其它軟件占用，此時(shí)再使用該端口時(shí)，Tomcat啟動(dòng)時(shí)會(huì)出現(xiàn)錯(cuò)誤提示?！睵8圖1-17〕修改方法：找到“Tomcat安裝目錄/conf/server.xml〞,用記事本或?qū)懽职宸_，找到“Connectorprot=8080〞，進(jìn)行修改即可。注意輸入網(wǎng)址時(shí)，也要同時(shí)修改端口號(hào)。1.3IDE安裝1.3.1IDE的作用傳統(tǒng)情況下，可用記事本編輯。大型工程，效率較慢，且出錯(cuò)后記事本無法給出提示。IDE〔IntegratedDevelopmentEnvironment〕集成開發(fā)環(huán)境，幫助用戶進(jìn)行快速開發(fā)的軟件。如JCreator，Eclipse，DreamWeaver，都屬于IDE。Java系列的IDE有很多，JBuilder、JCreator、NetBeans、Eclipse、MyEclipse等。MyEclipse8.5中內(nèi)置JDK和Tomact效勞器，可不使用。通過相應(yīng)配置使用自行安裝的JDK和Tomact。1.3.2IDE的獲取在瀏覽器地址欄中輸入：://myeclipseide，能夠看到MyEclipse的各個(gè)版本?？梢愿鶕?jù)提示下載。可選擇：myeclipse-。MyEclipse已推出了更高的版本，但綜合考慮系統(tǒng)速度和開發(fā)要求，可選擇適宜版本。1.3.3安裝IDE雙擊下載后的安裝文件，可以根據(jù)提示進(jìn)行安裝，其中不需要進(jìn)行太多的配置.在開始菜單中，翻開MyEcplise。1.3.3安裝IDEMyEcplise的注冊(cè)MyEcplise的注冊(cè)://1.3.4配置IDE在MyEclipse中使用效勞器，需要首先綁定JDK。雖然MyEclipse下已經(jīng)內(nèi)置了Java環(huán)境，但仍可以使用自行安裝的JDK來進(jìn)行支持。因此，首先需要綁定MyEclipse和JDK。Window|Preferences|，對(duì)話框中選擇Java|InstalledJREs。配置效勞器-使用自行安裝的Tomcat測(cè)試配置情況啟動(dòng)Tomcat效勞器啟動(dòng)成功的信息提示測(cè)試配置情況瀏覽器輸入：://localhost:8080/index.jsp1.4第一個(gè)Web工程1.4.1創(chuàng)立一個(gè)Web工程創(chuàng)立Web網(wǎng)站所涉及的幾個(gè)步驟如下：創(chuàng)立Web工程：建立根本結(jié)構(gòu)設(shè)計(jì)Web工程的目錄結(jié)構(gòu)：將網(wǎng)站中的各個(gè)文件分門別類編寫Web工程的代碼：編寫網(wǎng)頁部署Web工程：在效勞器中運(yùn)行該工程實(shí)例：在MyEclipse中創(chuàng)立Web工程1.4.1創(chuàng)立一個(gè)Web工程在PackageExplorer中可以看到新創(chuàng)立的Web工程。問題：PackageExplorer被關(guān)掉1.4.2目錄結(jié)構(gòu)Web工程要求按特定的目錄結(jié)構(gòu)組織文件，當(dāng)在MyEclipse中創(chuàng)立完畢新的Web工程，就可以在MyEclipse的"PackageExplorer"中看到該Web工程的目錄結(jié)構(gòu)，由MyEclipse自動(dòng)生成。1.4.2目錄結(jié)構(gòu)src目錄：用來存放Java源文件。WebRoot目錄：是該Web應(yīng)用的頂層目錄，也稱為文檔根目錄，由以下局部組成：兩個(gè)重要目錄(不要隨意修改或者刪除)：WEB-INF目錄：該目錄存在于文檔根目錄下。但是該目錄不能被引用，也就是說，該目錄下存放的文件無法對(duì)外發(fā)布，當(dāng)然就無法被用戶訪問到了META-INF目錄：系統(tǒng)自動(dòng)生成，存放系統(tǒng)描述信息，一般情況下使用較少其他目錄，主要是網(wǎng)站中的一些用戶文件，包括HTML網(wǎng)頁、CSS文件、圖像文件、JSP文件等1.4.2目錄結(jié)構(gòu)手動(dòng)創(chuàng)立靜態(tài)頁面測(cè)試效果1.4.2目錄結(jié)構(gòu)在images文件夾中放入“flower.jpg〞雙擊index.jsp，翻開代碼編輯器，修改代碼為：1.4.3部署頁面編寫完成之后，必須要將整個(gè)工程放到效勞器中去運(yùn)行，這叫做部署Web工程，具體操作步驟分為以下幾步：?jiǎn)螕鬗yEclipse工具欄上的部署圖標(biāo)在新彈出的對(duì)話框中選擇欲部署的工程，接著單擊Add按鈕在下一個(gè)新彈出的對(duì)話框中，選擇server為Tomcat6.x，然后單擊"Finish"按鈕輸入網(wǎng)址測(cè)試://localhost:8080/Prj01/index.jsp1.4.3部署問題：URL〔p18〕該工程放在效勞器的哪個(gè)地方？效勞器用的