首頁 > 開發者 > JSP

JSP總結之六：建立第一個簡單的JSP頁面__JSP

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！
  手工建立 1、在Tomcat 6.0的安裝目錄的webapps目錄下建立一個目錄，起名叫myapp。 2、在myapp目錄下建立一個目錄WEB-INF，注意，目錄名稱是區分大小寫。 3、WEB-INF下建立一個檔案web.xml，內容如下：    <?xml version="1.0" encoding="gb2312"?> <web-app>     <display-name>My Web Application</display-name>     <description>         An application for test.     </description> </web-app> 4、在myapp下建立一個測試的jsp頁面，檔案名稱為index.jsp，檔案內容如下： <html> <body>     <center>Now time is: <%=new java.util.Date()%></center> </body> </html> 5、重啟Tomcat。 6、開啟瀏覽器，輸入http://localhost:8080/myapp/index.jsp 。   Eclipse建立 1、 安裝好JDK1.6.0和TOMCAT6.0後，將Eclipse軟體拷貝到本地硬碟的一個檔案夾裡。 2、 安裝Eclipse的外掛程式MyEclipse。 3、 運行eclipse.exe檔案，開啟後，選擇路徑Window->Preferences,彈出頁面如下：     4、選擇Java->Installed JREs,點擊“Add”按鈕，彈出： 5、在“JRE home directory”欄中選擇JDK1.6.0的安裝路徑（如“C:/jdk1.6.0_02 ”）， 在JRE name 欄中填寫標識名字（如“jdk1.6.0_02 ”）。 填好後，點擊“OK”確定。 6、然後選擇路徑Server-> Installed Runtimes，彈出框如下： 7、選擇Apache Tomcat v6.0，點擊“Next”,彈出： 選擇要用的Tomcat和JDK，然後點擊“Finish”關閉視窗，退出Preferences視窗。 8、在Eclipse中選擇file->new->project，建立項目。彈出： 9、然後選擇“Dynamic Web Project”,點擊“Next”,在按提示填寫項目名（如“test1 ”）等內容，最後點擊“Finish”,項目建立成功。 10、在建立的項目中，右鍵點擊“WebContent”檔案夾，選擇建立“JSP”檔案，取名為“index.jsp”。 “index.jsp”的<body></body>中填寫“<center>Now time is: <%=new java.util.Date()%></center>”。 11、在Eclipse的右下欄選擇“Servers”，然後點擊中間有白色三角形的綠色運行按鈕。當“Servers”的“State”顯示為“Started”時，運行成功。 12、在瀏覽器的地址欄裡輸入“http://localhost:8080/test1/index.jsp”，就可以看到一個顯示時間的JSP頁面了。 NetBeans建立        NetBeans6.0 Milestone10是目前最好的NetBeans系列軟體。具備了強大的可視化開發功能，無論是用於Java Swing還是JSP。Sun公司計劃在今年11月正式發布NetBeans 6。明年11月正式發布NetBeans 7。由於Eclipse的可視化開發需要依賴各種外掛程式，而功能最強大的外掛程式MyEclipse是商業軟體，MyEclipse和NetBeans功能相當。因此建議使用NetBeans6，因為它是開源的，免費的，使用它是合法的，而且免去了選擇，安裝各種Eclipse外掛程式的工作。        安裝完NetBeans6後，啟動畫面如下：               啟動完成後，進入主畫面：          選擇File->New Project菜單，然後選擇Project的類別為Web,選定Web Application。如下圖：        點擊Next後，出現如下畫面：        在Server一欄選擇Add按鈕，然後在下面的對話方塊中 設定好Tomcat的安裝目錄。        按下一步，出現如下畫面：        不選擇任何一個Framework，我們只要建立最簡單的jsp網頁。工程建立完成後，會顯示index.jsp檔案。原始碼如下： <%@page contentType="text/html"%> <%@page pageEncoding="UTF-8"%> <%-- The taglib directive below imports the JSTL library. If you uncomment it, you must also add the JSTL library to the project. The Add Library... action on Libraries node in Projects view can be used to add the JSTL 1.1 library. --%> <%-- <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> --%>   <!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>JSP Page</title>     </head>     <body>       <h1>JSP Page</h1>         <%--     This example uses JSTL, uncomment the taglib directive above.     To test, display the page like this: index.jsp?sayHello=true&name=Murphy     --%>     <%--     <c:if test="${param.sayHello}">         <!-- Let's welcome the user ${param.name} -->         Hello ${param.name}!     </c:if>     --%>         </body> </html>          現在運行這個工程，工程會自動編譯，並且部署到tomcat中，然後啟動瀏覽器，看到如下畫面：         

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

相關關鍵詞：
jsp book jsp 6161 jsp editor jsp quiz jsp language jsp tie free jsp hosting
相關文章
動態網頁製作技術JSP頁面顯示亂碼問題的解決
servlet、jsp跳轉(傳值)總結及URL傳參數__js
Spring Boot 最佳實務（二）整合Jsp與生產環境部署
JSP頁面列印
用JSP實現資料庫圖片的儲存與顯示執行個體
用jsp上傳圖片檔案，存貯到欄位類型為blob的流形式代碼

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

熱門內容

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More