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

來源:互聯網
上載者:User
 

手工建立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... actionon 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中,然後啟動瀏覽器,看到如下畫面:      

 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

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

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