第三節：index.jsp · J2EE入門實例教程

在JSP中的學習中，我們知道，如果想運行JSP文件，需要將建立在tomcat的webapps文件夾中。而此時，我們的工程文件夾位于我們的工程目錄（比如：xxx/xxxx/workspace）中，并非tomcat的webapps文件夾。要想開發JAVA，就必須有對應的JRE，不然的話，我們沒有辦法驗證自己開發的JAVA程序是否可以正常運行。如果想使用tomcat，也需要有JRE。eclipse能夠按照用戶設定好的jre版本及Tomcat版本來運行我們開發好的JAVA EE程序。下面，讓我們共同來配置這個工程，使用成功運行于tomcat中。 # 設置JRE 在eclipse中，我們如此設置JRE。偏好設置 -> java -> installed JREs -> add ![](https://box.kancloud.cn/e29376083d65898a713a90d77b00c214_626x274.jpg) ![](https://box.kancloud.cn/330c3f3d62542bcebbc4dceb791666f2_696x682.jpg) TODO：然后選擇自己的jvm類型，點擊下一步后 macos: 選擇MacOs X VM -> next -> Directory 再找到自己JDK安裝的位置選擇jdk文件夾下的Contensts/Home文件夾 jre name可以自己命名，這里我們使用對應的版本號Default VM arguments\(默認虛擬機參數）為空。 > 由于JRE是JDK的一部分，所以JRE與JDK的版本必然一一對應。因而在eclipse中，設置完JRE等同于設置了JDK。有些時候，我們可能需要多個JRE來支持不同的項目。所以eclipse支持設置多個JRE，并且可以為不同的項目指定不同的JRE。在這，我們僅設置一項即可。 # 添加Tomcat服務類別點擊偏好設置 -> server -> Runtime Environments -> add -> Apache -> Apache Tomcat V7.0 -> next ![](https://box.kancloud.cn/639354199af0d55305aa68242773d756_775x659.jpg) ![](https://box.kancloud.cn/8a59241af96fd41d45c0a92a2ac093c5_525x566.jpg) name:隨便起，比如我們起為tomcat7.0 location是指Tomcat的安裝位置比如:/Library/tomcat-7.0.73 \(注意：是根目錄\) JRE:為此tomcat服務指定運行環境，點擊選擇我們在上面剛剛設置好的JRE。 ![](https://box.kancloud.cn/bdcef1a83cdfef0e4a1394b19d492a4d_525x566.jpg) 最后點擊完成，我們剛剛添加的 Server Runtime Environments （服務運行環境）將出現在列表中。這為我們在后面新建的項目中選擇Tomcat做好準備。 ![](https://box.kancloud.cn/8e782759701e37ea80a2a3b1e805f4d5_504x179.jpg) # 建立Tomcat服務這里有點繞，我們不是說剛剛建立了Tomcat服務類別了嗎？怎么還要再建立一個什么Tomcat服務。這有點像類與對象的關系，我們說Tomcat服務類別是我們剛剛建立的類，而Tomcat則是一個基于服務類別而實例化的一個對象。我們可以基本一個類，實例化很多不同的對象。同樣，也可以基于一個Tomcat服務類別，實例化很多個Tomcat服務。在 Project Explore 工程瀏覽器中右鍵 -> new -> other -> Server -> Server -> next -> Apache -> Tomcat V7.0 Server ![](https://box.kancloud.cn/28960ca14e372d16122ece526c5c3a70_525x500.jpg) server's host name: 服務器的主機名:localhost Server Name ：隨便起 Server runtime environment: 選擇我們在前面建立了Apache Tomcat v7.0 Finish ![](https://box.kancloud.cn/b4cb442fbb81fd63600041f3da537583_525x600.jpg) 此時，eclipse自動為了生成了tomcat服務。我們在下面，將在這個服務上，運行我們的開發的WEB應用程序。 # 設置工程類型下面，我們來設置工程的屬性，將其運行在我們剛剛設置好的tomcat下，并使用我們在工程上，今次點擊右鍵 -> 屬性 -> Project Facets 然后會得到一個提示：由于我們建立的是一個空工程，所以起初被沒有指定任何的類型。此時，我們需要將一個空的工程轉化為java ee類型點擊 Covert to faceted from ... ![](https://box.kancloud.cn/9493ede747919a984f4d066407587414_902x562.jpg) 在出現的下拉列表中，我們需要選擇兩個Facet，第一個為基礎的java ，第二個為Dynamic Web Module （動態WEB模塊）。 Finish ![](https://box.kancloud.cn/327e6bcf5d9ead34c585c933a17e1181_902x562.jpg) eclipse將自動對我們的項目文件夾進行轉換，生成一個標準的JAVA EE目錄。其中WebContent文件夾則是對外的WEB服務根文件夾，我們需要將自己的JSP文件寫在了。 ![](https://box.kancloud.cn/983a7c87e28797de2bd7099fbde56357_328x198.jpg) # index.jsp 在WebContent上右鍵 -> new -> jsp File ，并命名為index.jsp. 在生成了index.jsp文件中，我們加入hello world! ``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <body> hello world! </body> </html> ``` 在index.jsp點擊右鍵 -> run as -> Run On Server -> Choose an existing server 選擇我們在上面新建的那個Tomcat v7.0服務。點擊finish. ![](https://box.kancloud.cn/a1969b9cf3099599f9201dff6202661c_784x533.jpg) ![](https://box.kancloud.cn/79c665ada1916f6a67c12ae89d770e02_557x704.jpg) 如果沒有意外，tomcat將在eclipse被啟動，并且在eclipse中顯示了hello world! 如果你不并不想讓eclipse來充當瀏覽器，而是自動啟動我們習慣的firefox或chrome 可以這樣設置：偏好設置 -> 在搜索欄中輸入 Browser -> 點擊Web Browser -> user external web browser ，如果沒有我們想要的chrome，點擊new新建一個即可。 ![](https://box.kancloud.cn/64b27d8fdfa387189c5833c1950f640f_697x562.jpg) 此時，將我們再次運行了，發現就已經在firefox 或 chrome中運行了。