學習 JSP:第二步 創建一個JSP Web Project
接上文 學習 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