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

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