第1章 JSP開發(fā)概述-1.4 案例ch1.4-sum：實現(xiàn)一個簡單的JSP頁面

第1章JSP開發(fā)概述1.4案例ch1.4_sum：實現(xiàn)一個簡單的JSP頁面JSP開發(fā)案例教程JSP開發(fā)案例教程動態(tài)網(wǎng)頁技術01JSP網(wǎng)頁的運行原理02JSP開發(fā)環(huán)境的安裝與配置03案例ch1.4_sum：實現(xiàn)一個簡單的JSP頁面04本章內(nèi)容1.4案例ch1.4_sum：實現(xiàn)一個簡單的JSP頁面JSP開發(fā)案例教程頁面的測試效果如圖所示：圖1-48頁面預覽效果案例：實現(xiàn)計算1+2+……+99+100的值并輸出結果1創(chuàng)建動態(tài)Web項目Tomcat的安裝新建動態(tài)Web項目項目文件列表新建JSP網(wǎng)頁注：在“D:\JSP\ch1.4_sum”文件夾中將能看到由Eclipse自動生成的一系列文件夾和文件。在項目的子目錄中，開發(fā)人員使用得比較多的是“src/main/java”包和“src/main/webapp”文件夾。前者特指圖中的“ServerRuntime[ApacheTomcatv9.0]”上方的目錄，用于存放JavaBean類文件、Servlet類文件和項目配置文件等，通常稱之為“類目錄”；而后者用于存放網(wǎng)頁文件、圖片文件、CSS文件和JS腳本文件等，通常稱之為“網(wǎng)頁目錄”。2實現(xiàn)計算1+2+……+99+100的值并輸出結果預覽頁面以上代碼第1行用于聲明網(wǎng)頁屬性，包括聲明采用的編程語言為Java，引入java.util中的類，頁面編碼為UTF-8。第13~17行的代碼實現(xiàn)了求和運算。第19~20行將結果分別輸出到頁面和控制臺。第23、25行的代碼同樣將結果輸出到頁面。在JSP中可以使用“out.println(***)”語句或“<%=***%>”將結果輸出到瀏覽器，也可以使用“System.out.println(***)”方法將結果輸出到控制臺（Console）窗口在JSP頁面中編寫的Java代碼需要嵌套在“<%”和“%>”中，嵌套在“<%”和“%>”之間的Java代碼被稱之為代碼片段（Scriptlets），沒有嵌套在“<%”和“%>”之間的內(nèi)容被稱之為JSP的模板元素。3測試網(wǎng)頁運行效果選擇測試服務器測試效果注：如果用戶創(chuàng)建的網(wǎng)頁代碼或類的代碼包含錯誤，或項目配置有誤，編譯將通不過，網(wǎng)頁可能無法在打開，在Console（控制臺）中將會顯示異常信息在工具欄中單擊運行按鈕，或在左邊窗格的項目文件列表中右鍵單擊頁面文件index.jsp，在快捷菜單中選擇“RunAs”→“RunonServer”命令，彈出“RunOnServer”（在服務器運行）窗口4更改項目的存放路徑（此內(nèi)容僅作了解即可）指定類文件保存目錄為src在Eclipse菜單欄選擇“File”→“New”→“DynamicWebProject”命令，彈出“NewDynamicWebProject”（新建動態(tài)Web項目）向?qū)Т翱?，在窗口中的“Projectname”（項目名稱）輸入框中輸入項目名稱“ch1.4_sum2”；在“ProjectLocation”（項目路徑）區(qū)域中，取消勾選“Userdefaultlocation”（用戶默認路徑）復選框，然后在“Location”（路徑）文本框中輸入“D:\ch1.4_sum2”或其他路徑，單擊“Next”按鈕進入下一步。輸入項目名稱和指定保存路徑等在接下來的向?qū)Т翱谥?，將“Sourcefoldersonbuildpath”（編譯路徑中的源文件目錄）列表中默認的“src\main\java”選中，單擊右邊的“Remove”按鈕將其刪除，然后單擊“AddFolder”按鈕，在彈出的“AddSourceFolder”窗口的輸入框中輸入“src”（*.java類文件、*.xml配置文件等的存放目錄/包，即“類目錄”），單擊“OK”按鈕完成source目錄的設定，回到向?qū)Т翱?，單擊“Next”按鈕進入下一步。自定義的項目的文件列表在接下來的向?qū)Т翱谥校３帧癈ontentroot”輸入框中的虛擬目錄名稱“ch1.4_sum2”不變（在瀏覽器瀏覽網(wǎng)頁時的根路徑名），在“Contentdirectory”輸入框中將“src/main/webapp”更改為“WebRoot”（*.jsp網(wǎng)頁、圖片、*.css樣式文件和*.js腳本文件等的存放目錄，即“網(wǎng)頁目錄”），單擊“Finish”按鈕完成動態(tài)Web項目的創(chuàng)建。指定虛擬路徑名和網(wǎng)頁文件保存目錄為WebRoot在Eclipse中如此新建Web項目和網(wǎng)頁index.jsp之后，在D盤根目錄下能看到項目文件夾ch1.4_sum2，在Eclipse左邊的項目列表中能看到自動生成的項目文件夾列表5刪除項目在Eclipse左邊的項目列表中，對要刪除的項目單擊鼠標右鍵，在快捷菜單中選擇“Delete”命令，或者在選中該項目后直接按下鍵盤上的“Delete”鍵，將彈出刪除確認窗口。如果直接單擊“OK”按鈕，則將項目從項目列表中刪除如果該項目已經(jīng)發(fā)布到了Tomcat服務器，則會同時將該項目從Tomcat的項目列表中移除。雖然移除了該項目，但磁盤中的項目文件夾還在，以后通過導入該項目，還能繼續(xù)修改和測試此項目。刪除確認窗口

Tomcat中已發(fā)布的項目測試網(wǎng)頁時，項目會被發(fā)布到Tomcat。在控制面板的Servers列表中，展開Tomcatv9.0Serveratlocalhost，能看到目前已被發(fā)布到Tomcat的項目。選中某個項目，對其單擊鼠標右鍵，在快捷菜單中選擇“Remove”命令，或直接按下鍵盤上的“Delete”鍵，在彈出的確認對話框中單擊“OK”鍵，就將此項目從Tomcat的列表中移除了。從Tomcat的項目列表中移除某個項目后，最好重啟Tomcat服務器。6導入項目

確定導入選項在Eclipse的菜單欄選擇“File”→“Import”命令，打開導入項目向?qū)Т翱冢诖翱谥械捻椖款愋土斜碇羞x擇“General”→“ExistingProjectintoWorkspace”，單擊“Next”按鈕進入下一步選擇導入類型選中“Selectrootdirectory”單選按鈕，單擊其右邊的“Browse”（瀏覽）按鈕，打開“選擇文件夾”對話框，在該對話框中選中所需導入項目的根目錄，單擊對話框的“選擇文件夾”按鈕，再單擊“Finish”按鈕完成項目的導入。更改運行的Tomcat選擇“Properties”(屬性)命令，在打開的項目“屬性”窗口左邊欄的列表中選擇“TargetedRuntimes”選項，然后在窗口右邊的服務器列表中勾選一個已關聯(lián)的Tomcat，最后單擊“ApplyandClose”按鈕完成配置。配置JavaBuildPath如果仍有錯誤，可以在項目的“Properties”(屬性)窗口中，選擇“JavaBuildPath”Java構建路徑，然后在右邊選擇“Libraries”庫選項卡，在右邊的列表中查看JRE的版本是否正確，ServerRuntime的Tomcat是否有效等出現(xiàn)錯誤時，可以查看Eclipse控制面板的“Markers”選項卡中的錯誤列表，可根據(jù)提示信息做相應操作，例如修改項目的源代碼、修改配置文件或修改項目的屬性配置等。有時在“Markers”選項卡的錯誤列表中對某條錯誤提示單擊鼠標右鍵，在快捷菜單中選擇“QuickFix”命令，有時能快捷地糾正相應錯誤。Markers面板7導出項目

確定導出選項在Eclipse的菜單欄選擇“File”→“Import”命令，打開導入項目向?qū)Т翱?，在窗口中的項目類型列表中選擇“General”→“ExistingProjectintoWorkspace”，單擊“Next”按鈕進入下一步。選擇導入類型選中“Selectrootdirectory”單選按鈕，單擊其右邊的“Browse”（瀏覽）按鈕，打開“選擇文件夾”對話框，在該對話框中選中所需導入項目的根目錄，單擊對話框的“選擇文件夾”按鈕，再單擊“Finish”按鈕完成項目的導入。確定WAR導出選項確定導出位置和文件名如果仍有錯誤，可以在項目的“Properties”(屬性)窗口中，選擇“JavaBuildPath”Java構建路徑，然后在右邊選擇“Libraries”庫選項卡，在右邊的列表中查看JRE的版本是否正確，ServerRuntime的Tomcat是否有效等。選擇“Properties”(屬性)命令，在打開的項目“屬性”窗口左邊欄的列表中選擇“TargetedRuntimes”選項，然后在窗口右邊的服務器列表中勾選一個已關聯(lián)的Tomcat，最后單擊“ApplyandClose”按鈕完成配置?？刂婆_Console中的三角形生成由字符“*”構成的三角形圖案。（提示：可用有2層for的雙循環(huán)將要輸出的內(nèi)容累加賦值給字符串變量show。）在網(wǎng)頁中用2種方式分別輸出變量show（提示：換行用“<br>”），如圖網(wǎng)頁中的三角形所示。注意，需將網(wǎng)頁源代碼中的行高“l(fā)ine-height:40px;”更改為“l(fā)ine-height:20px;”。在控制臺輸出變量show（提示：需進行換行符的替換，可應用代碼“show.replace("<br>","\n")”），如圖控制臺Console中的三角形所示。案例練習：

ch1.4ex_triangle（打印三角形）

網(wǎng)頁中的三角形JSP開發(fā)案例教程1.5小結與練習介紹了靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁的聯(lián)系與區(qū)別簡單介紹了常見的動態(tài)網(wǎng)頁技術、主流的Web服務器系統(tǒng)，以及JSP網(wǎng)頁的運行原理介紹了JSP開發(fā)環(huán)境的安裝和配置，本書采用的開發(fā)環(huán)境是Eclipse、Tomcat和MySQL引入了案例“實現(xiàn)一個簡單的JSP頁面”，創(chuàng)建了一個簡單的JSP網(wǎng)頁，通過計算1+2+……+99+100的值并將結果輸出到頁面和控制臺。介紹了刪除、導入和導出項目的方法本章小結（1）在靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁中，需要編譯后運行的是

，靜態(tài)網(wǎng)頁文件的擴展名通常是

，京東網(wǎng)上商城的商品列表頁是

網(wǎng)頁。（2）常見的動態(tài)網(wǎng)站開發(fā)語言有

、

、

、

、

、

等。（3）常見的JSP開發(fā)工具有

、

、