Changes between Version 8 and Version 9 of waue/2010/0601


Ignore:
Timestamp:
Jun 3, 2010, 11:24:44 AM (14 years ago)
Author:
waue
Comment:

--

Legend:

Unmodified
Added
Removed
Modified
  • waue/2010/0601

    v8 v9  
    99[[PageOutline]]
    1010
     11本篇主要是依照這篇  Servlet & JSP / Eclipse WTP 來學習如何用 Eclipse 開發 jsp & servlet
    1112
     13原文:http://www.vogella.de/articles/EclipseWTP/article.html
    1214
    13 主要參考
     15此文章圖文並茂,寫得也很清楚,是個入門的好文章。
    1416
    15  =  Servlet & JSP / Eclipse WTP =
     17這邊是做個學習筆記,在容易忽略或是想到癥結點下一些註解,以便日後複習之用。
    1618
    17  *  原文:http://www.vogella.de/articles/EclipseWTP/article.html
     19 = 各節註解 =
    1820
    19 其他參考網址:
     21  == 1. Eclipse Web Tool Platform ==
    2022
    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 開發錄影教學 (中)]
     23Eclipse 有 all in one 的封裝,但這邊是用基本封裝,之後再額外 install ,雖然比較慢,但是因為Eclilpse plugin 有套件版本相依問題,如果預設裝了這個,但是卻是較舊或較新版本,有可能導致之後要安裝的套件衝突於之前安裝過套件的版本,因此還是建議初期套件越少越好,要用到再Install
    2424
    25    
    26 
    27  = 注意事項 =
    28  * Eclipse 有 all in one 的封裝,但這邊是用基本封裝,之後再額外 install ,雖然比較慢,但是因為Eclilpse plugin 有套件版本相依問題,如果預設裝了這個,但是卻是較舊或較新版本,有可能導致之後要安裝的套件衝突於之前安裝過套件的版本,因此還是建議初期套件越少越好,要用到再Install
    29 
    30  * 3. Installation of WTP 部份
     25 ==  3. Installation of WTP 部份 ==
    3126
    3227注意 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 正常
    3328
    34  * 4.1. Server
     29 ==  4.1. Server  ==
    3530
    3631只有講到把 view 開出來,但是要從這個window 掌控本機的tomcat ,要從這個window 把 server 建立起來,如果 4. ... 的步驟有做的話,這邊就只要引入就可以了,若沒有也可從這邊的連結建立
     
    3833 * 第四步驟做完,則可以透過 Eclipse 的 Servers 這個 window ,對 tomcat 進行管控
    3934
    40  * 5.1 Servlets
     35 ==  5.1 Servlets ==
    4136 
    4237 雖然 new project 起來,web項目只有 靜態 與 動態 網頁專案可以建立,但要建立檔案,web 內則有許多檔案類型可以建立。
     
    4641 作者的project name 為 de.vogella.wtp.filecounter ,我簡化project 名稱為 jsp
    4742 
    48  * 5.2 Creating Data Access Object
     43 ==  5.2 Creating Data Access Object ==
    4944 
    5045de.vogella.wtp.filecounter.dao 改為 jsp
     
    5954接著在dao 圖示點選右鍵 -> new -> class ==> 步驟省略, 將 FileDao.java 建好後,填入作者給的code , 5.2 完成
    6055
    61  * 5.3. Creating the Servlet
     56 == 5.3. Creating the Servlet ==
    6257 
    6358 雖然在 WebContent 的目錄點右鍵新增 FielCounter 檔,但程式還是會產生在 Java Resources 資料夾內
     
    6560 而透過servlet 的 wizard ,Eclipse 幫我們產生出來的 java檔會有 doGet, doPost, 建構值, 以及 serialVersionUID
    6661 
    67  * 5.4. Run
     62 == 5.4. Run ==
    6863 
    6964 run 的時候 選 run on server ,並選擇我們之前build 好的server 即可,可以run 的話,在原始碼旁邊會跳出執行的網頁
     
    7671 
    7772 
    78  * 6. JavaServer Pages (JSPs)
     73 == 6. JavaServer Pages (JSPs) ==
    7974 
    8075 可以不用另外新增一個project ,沿用之前的project 也可以,作者是希望能有所區分,並對 第七節 撲梗
    8176 
    82  * 6.2. Create the JSP
     77 == 6.2. Create the JSP ==
    8378 
    8479 範例程式 FirstJSP 程式的內 ("dd/mm/yyyy") 改成 ("dd/MM/yyyy") 才會顯示正確的 日/月/年
     
    9287 
    9388 
    94  * 6.4. Adjust web.xml
     89 == 6.4. Adjust web.xml ==
    9590 
    9691 近一步看到 WebContent 資料夾裡面,除了有我們放得jsp之外,還有兩個資料夾,其中 WEB-INF 裡面的 web.xml 記載著:[[br]]
     
    9994 
    10095
    101  * 7. JSP's and Servlets
     96 == 7. JSP's and Servlets ==
    10297 
    10398 透過此節範例,雖然網頁呈現ok,不過新增、刪除功能怎麼試都似乎總是那兩串資料,其實ShowAll.jsp 秀出那兩串資料也是寫死得印出,當然怎麼新增刪除都無用了
    10499 
    105100 
    106  * 8. Web Archive - How to create a war file from Eclipse
     101 == 8. Web Archive - How to create a war file from Eclipse ==
    107102 
    108103 File -> Export  即可完成匯出一個 war 檔
     
    118113   * 新增 servlet 則兩者皆可
    119114 * 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 開發錄影教學 (中)]