1. 程式人生 > >學習 JSP:第二步 創建一個JSP Web Project

學習 JSP:第二步 創建一個JSP Web Project

row 修改jsp 這樣的 package 啟動 ons nbsp dem post

接上文 學習 JSP:第一步Eclipse+Tomcat+jre(配置環境)

【創建新工程】(Dynamic Web Project)

1、選擇 "File-->New-->Dynamic Web Project",創建 TomcatTest 項目:

技術分享圖片

Next→Next

技術分享圖片

得到一個這樣的工程結構,各個目錄解析:

  • deployment descriptor:部署的描述。
  • lib:自己加的包可以放在裏面。
  • build:放入編譯之後的文件。
  • src:java文件放在裏面。
  • WebContent:JSP頁面放進裏面。

技術分享圖片

2、在WebContent文件夾下新建一個FirstJSP.jsp文件。

技術分享圖片

下圖根據需要選擇,因為本例中我們只試著打印一句Hello!,所以選擇最簡單的html模板,大家可以各項都試一試:

技術分享圖片

3、修改JSP文件,在body標簽中用<% %>JSP標簽,添加如下代碼:

技術分享圖片

<%
    out.println("Hello JSP !");
%>

4、程序運行之前,修改瀏覽器選項:

使用你希望用於測試JSP的瀏覽器,本例中選擇Firefox(PC中安裝的瀏覽器會出現在這裏)

技術分享圖片

5、在Web Server(Tomcat)上運行JSP。

在JSP文件上右鍵→Run on Server

技術分享圖片

在自動打開的頁面中選擇希望使用的Web Server(如果有多個Server,都會在這裏顯示)

技術分享圖片

如果希望以後都用這個Web Server運行JSP頁面,可以勾選Always use this server when running this project.(推薦勾選)

技術分享圖片

觀察Console中的啟動信息。

裏面標明了使用的Web Server=Apache Tomcat7.0.85,和jre=c:\eclipse/jre,是我們上面配置的一樣。

此外,箭頭處的端口號是我修改過的,原為:8080和8009,修改端口號是避免多個Web Server端口沖突,修改方法在我的博客中有寫,百度也很容易查。

最後一行是成功startup服務器的信息。這與在Tomcat的bin中執行startup.bat的效果是一樣的。

技術分享圖片

6、Eclipse會自動跳轉到指定瀏覽器,呈現如下頁面。

http://localhost:7780/JSPdemo1/FirstJSP.jsp

技術分享圖片

7、查看頁面源碼,理解JSP運行在服務器端。

在頁面上右鍵→ View Page Source

技術分享圖片

技術分享圖片

還記得這裏我們是怎麽寫的嗎?

技術分享圖片

說明:JSP=servlet,本質=java。通過Web Server在服務器端解釋為html在瀏覽器頁面(客戶端)呈現。

所以在瀏覽器裏是看不到JSP的源代碼的。

下面,簡單介紹Servlet創建。

1、在上面的工程中創建servlet。建議java文件都放在package裏。

技術分享圖片

創建後可以看到Servlet就是一個java文件:

技術分享圖片

Eclipse會自動生成代碼如下,語法後面學習。

技術分享圖片

doGet方法中修改代碼如下:

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // TODO Auto-generated method stub
        response.getWriter().write("Hello Servlet !");
    }

技術分享圖片

重啟Tomcat服務器:

技術分享圖片

2、運行。在FirstServlet.java文件上右鍵→Run on Server(與JSP文件一樣)

瀏覽器自動打開,可以看到成功運行的結果:

http://localhost:7780/JSPdemo1/FirstServlet

技術分享圖片

說明:FirstServlet就是代碼中@WebServlet("/FirstServlet")這個標簽的內容,而不是類名,實驗看看。

@WebServlet標簽改為ChangeServletName

技術分享圖片

重啟Tomcat,運行結果:

http://localhost:7780/JSPdemo1/ChangeServletName

技術分享圖片

學習 JSP:第二步 創建一個JSP Web Project