Changes between Version 8 and Version 9 of waue/2010/0601
- Timestamp:
- Jun 3, 2010, 11:24:44 AM (15 years ago)
Legend:
- Unmodified
- Added
- Removed
- Modified
-
waue/2010/0601
v8 v9 9 9 [[PageOutline]] 10 10 11 本篇主要是依照這篇 Servlet & JSP / Eclipse WTP 來學習如何用 Eclipse 開發 jsp & servlet 11 12 13 原文:http://www.vogella.de/articles/EclipseWTP/article.html 12 14 13 主要參考 15 此文章圖文並茂,寫得也很清楚,是個入門的好文章。 14 16 15 = Servlet & JSP / Eclipse WTP = 17 這邊是做個學習筆記,在容易忽略或是想到癥結點下一些註解,以便日後複習之用。 16 18 17 * 原文:http://www.vogella.de/articles/EclipseWTP/article.html19 = 各節註解 = 18 20 19 其他參考網址: 21 == 1. Eclipse Web Tool Platform == 20 22 21 * [http://download.eclipse.org/webtools/updates/ Eclipse update install 安裝網址] 22 * [http://wiki.eclipse.org/WTP_FAQ 官方教學FAQ 落落長] 23 * [http://www.itzcn.com/video-vid-77-spid-10.html jsp 開發錄影教學 (中)] 23 Eclipse 有 all in one 的封裝,但這邊是用基本封裝,之後再額外 install ,雖然比較慢,但是因為Eclilpse plugin 有套件版本相依問題,如果預設裝了這個,但是卻是較舊或較新版本,有可能導致之後要安裝的套件衝突於之前安裝過套件的版本,因此還是建議初期套件越少越好,要用到再Install 24 24 25 26 27 = 注意事項 = 28 * Eclipse 有 all in one 的封裝,但這邊是用基本封裝,之後再額外 install ,雖然比較慢,但是因為Eclilpse plugin 有套件版本相依問題,如果預設裝了這個,但是卻是較舊或較新版本,有可能導致之後要安裝的套件衝突於之前安裝過套件的版本,因此還是建議初期套件越少越好,要用到再Install 29 30 * 3. Installation of WTP 部份 25 == 3. Installation of WTP 部份 == 31 26 32 27 注意 WTP 要額外安裝網址 http://download.eclipse.org/webtools/updates/ , 除了選擇wtp 相關套件外 ,還要選擇 web,xml 那類的其他套件,文中提到不要安裝PHP Develop ,也許有差,如我有兩台電腦, A: all-in-one + pdt +wtp , B: pure + wtp without php ,而A電腦在 4. WTP Configuration 步驟 要裝tomcat server 就出現問題,但 B 正常 33 28 34 * 4.1. Server29 == 4.1. Server == 35 30 36 31 只有講到把 view 開出來,但是要從這個window 掌控本機的tomcat ,要從這個window 把 server 建立起來,如果 4. ... 的步驟有做的話,這邊就只要引入就可以了,若沒有也可從這邊的連結建立 … … 38 33 * 第四步驟做完,則可以透過 Eclipse 的 Servers 這個 window ,對 tomcat 進行管控 39 34 40 * 5.1 Servlets35 == 5.1 Servlets == 41 36 42 37 雖然 new project 起來,web項目只有 靜態 與 動態 網頁專案可以建立,但要建立檔案,web 內則有許多檔案類型可以建立。 … … 46 41 作者的project name 為 de.vogella.wtp.filecounter ,我簡化project 名稱為 jsp 47 42 48 * 5.2 Creating Data Access Object43 == 5.2 Creating Data Access Object == 49 44 50 45 de.vogella.wtp.filecounter.dao 改為 jsp … … 59 54 接著在dao 圖示點選右鍵 -> new -> class ==> 步驟省略, 將 FileDao.java 建好後,填入作者給的code , 5.2 完成 60 55 61 * 5.3. Creating the Servlet56 == 5.3. Creating the Servlet == 62 57 63 58 雖然在 WebContent 的目錄點右鍵新增 FielCounter 檔,但程式還是會產生在 Java Resources 資料夾內 … … 65 60 而透過servlet 的 wizard ,Eclipse 幫我們產生出來的 java檔會有 doGet, doPost, 建構值, 以及 serialVersionUID 66 61 67 * 5.4. Run62 == 5.4. Run == 68 63 69 64 run 的時候 選 run on server ,並選擇我們之前build 好的server 即可,可以run 的話,在原始碼旁邊會跳出執行的網頁 … … 76 71 77 72 78 * 6. JavaServer Pages (JSPs)73 == 6. JavaServer Pages (JSPs) == 79 74 80 75 可以不用另外新增一個project ,沿用之前的project 也可以,作者是希望能有所區分,並對 第七節 撲梗 81 76 82 * 6.2. Create the JSP77 == 6.2. Create the JSP == 83 78 84 79 範例程式 FirstJSP 程式的內 ("dd/mm/yyyy") 改成 ("dd/MM/yyyy") 才會顯示正確的 日/月/年 … … 92 87 93 88 94 * 6.4. Adjust web.xml89 == 6.4. Adjust web.xml == 95 90 96 91 近一步看到 WebContent 資料夾裡面,除了有我們放得jsp之外,還有兩個資料夾,其中 WEB-INF 裡面的 web.xml 記載著:[[br]] … … 99 94 100 95 101 * 7. JSP's and Servlets96 == 7. JSP's and Servlets == 102 97 103 98 透過此節範例,雖然網頁呈現ok,不過新增、刪除功能怎麼試都似乎總是那兩串資料,其實ShowAll.jsp 秀出那兩串資料也是寫死得印出,當然怎麼新增刪除都無用了 104 99 105 100 106 * 8. Web Archive - How to create a war file from Eclipse101 == 8. Web Archive - How to create a war file from Eclipse == 107 102 108 103 File -> Export 即可完成匯出一個 war 檔 … … 118 113 * 新增 servlet 則兩者皆可 119 114 * WebContent 裡面的web.xml 是連接網頁與java的設定樞紐檔,對應到 tomcat 的 webapps/ROOT/WEB-INF 內 115 116 117 = 其他參考 = 118 119 * [http://download.eclipse.org/webtools/updates/ Eclipse update install 安裝網址] 120 * [http://wiki.eclipse.org/WTP_FAQ 官方教學FAQ 落落長] 121 * [http://www.itzcn.com/video-vid-77-spid-10.html jsp 開發錄影教學 (中)]