Eclipse開發平台快速入門

10,214 views
9,888 views

Published on

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
10,214
On SlideShare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
73
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Eclipse開發平台快速入門

  1. 1. Eclipse Quick Start Speaker : Ray Lee Time : Forty-Five min.
  2. 2. 大綱 <ul><li>善用線上輔助說明 </li></ul><ul><li>利用 Eclipse 開發 Java 應用程式 </li></ul><ul><li>如何外掛 </li></ul><ul><li>開發 WEB 應用程式 </li></ul><ul><li>運用 CheckStyle </li></ul><ul><li>運用 CVS 共同開發專案 </li></ul><ul><li>包裝 JAR 、 WAR 、 EAR 檔 </li></ul>
  3. 3. 下載 Eclipse <ul><li>請至 http:// www.eclipse.org/downloads/index.php 下載 Eclipse3.0.1 </li></ul>
  4. 4. 下載 Eclipse
  5. 5. 下載 Eclipse 下載 eclipse-SDK-3.0.1-win32 .zip 檔案
  6. 6. 安裝 Eclipse <ul><li>為了方便管理與開發 Eclipse 專案,請先在硬碟 C 槽建立 IDE 目錄。 </li></ul><ul><li>把下載 eclipse-SDK-3.0.1-win32 .zip 檔案解壓縮到 C:IDE 。 解壓縮後, </li></ul><ul><li>您硬碟會多出一個 eclipse 子目錄,如下圖 </li></ul>
  7. 7. 安裝 Eclipse <ul><li>eclipse 子目錄下的 eclipse.exe 就是 Eclipse 的主程式。 </li></ul>
  8. 8. 執行 Eclipse.exe 的前置作業 <ul><li>在執行 eclipse.exe 之前,請先安裝 Java 2 SDK ,並且設定 JAVA_HOME 環境變數,將該環境變數的內容,設定為您硬碟內 Java 2 SDK 的安裝位置。設定完成之後,才可以執行 eclipse.exe 檔案。 </li></ul>
  9. 9. 執行 Eclipse.exe 的前置作業 <ul><li>第一次進入 Eclipse 時,會出現要求選取工作區的畫面,請將此工作區更改為 c:IDEworkspace </li></ul>
  10. 10. 善用線上輔助說明 <ul><li>請按 說明  說明內容 </li></ul>
  11. 11. 開發 Java 應用程式的基本設定 <ul><li>開發 Java 程式的時候,各個 Java 原始檔案 與編譯後的 類別檔案 ,有約定俗成的 </li></ul><ul><li>擺放方式。比方說,原始檔案放在 src 目錄,類別檔案放在 classes 目錄。所以,在開始撰寫 Java 程式之前,請完成以下的設定。 </li></ul><ul><li>首先,請選取 Eclipse 功能表的 Window 、 Preferences ,然後展開左邊樹狀結構的 Java 節點,畫面如下: </li></ul>
  12. 12. 在 build path 子項目中,請將 Source and output folder 窗格內的選項,從 Project 改為 Folders ,並且將 Output folder name 由 bin 改為 classes 。這樣,待會開始建立新專案 的時候, Eclipse 就會自動建立 src 與 classes 這兩個子目錄,按照套件名稱在其下建立 子目錄,分別存放 Java 原始檔案與類別檔案。 記得按下右下角的 Apply 按鈕,否則您所做的變動,就不會套用到 Eclipse 之中。最後按下確定即可。 開發 Java 應用程式的基本設定
  13. 13. 利用 Eclipse 開發 Java 應用程式 <ul><li>每個以 Eclipse 開發的檔案,都必須隸屬於某個 專案 之中。因此,我們必須先建 </li></ul><ul><li>立一個專案。請選取 Eclipse 功能表的 File  New  Project </li></ul>
  14. 14. 利用 Eclipse 開發 Java 應用程式 <ul><li>點選 Java 專案,並按下一步 </li></ul>
  15. 15. 利用 Eclipse 開發 Java 應用程式 <ul><li>輸入專案名稱,並按下一步 </li></ul>
  16. 16. 利用 Eclipse 開發 Java 應用程式 <ul><li>因為我們之前已經進行過一些基本的設定,所以這時候您就可以看到畫面中 Source folders on build path 窗格內自動出現 Java_Test/src ,以及 Default output folder 窗格內自動出現 JavaTest/classes 。最後按下完成即可。 </li></ul>
  17. 17. 利用 Eclipse 開發 Java 應用程式 <ul><li>在 Java_Test 專案上按滑鼠右鈕, NEW  CLASS </li></ul>
  18. 18. 利用 Eclipse 開發 Java 應用程式 輸入類別檔案名稱 HelloWorld 及套件名稱 Test ( 非必要 ) ,按下完成
  19. 19. 利用 Eclipse 開發 Java 應用程式 可於 main 方法中撰寫程式碼
  20. 20. 利用 Eclipse 開發 Java 應用程式 <ul><li>Eclipse 的習慣是,每個能夠執行的東西都必須要有一個所謂的組態設定 (Configuration) ,請選取 Eclipse </li></ul><ul><li>功能表的 Run  Run...  Java Application ,此時 eclipse 就會很聰明地完成 HelloWorld 的組態設定 </li></ul>
  21. 21. 如何外掛 <ul><li>外掛 ”中文化套件” : NLpack-eclipse-SDK-3.0.x-win32.zip( http://eclipse.cdpa.nsysu.edu.tw ) </li></ul><ul><li>外掛 JSP 安裝套件 : </li></ul><ul><li>emf-sdo-runtime-2.0.1 </li></ul><ul><li>( http://www.eclipse.org/downloads/download.php?file=/tools/emf/downloads/drops/2.0.1/R200409171617/emf-sdo-runtime-2.0.1.zip ) </li></ul><ul><li>lomboz.301.zip ( http://forge.objectweb.org/project/showfiles.php?group_id=97&release_id=603 ) </li></ul><ul><li>外掛的方式 : 1. 用 Link 的方式、 2, 直接放置 </li></ul>
  22. 22. 如何外掛 ( 用 Link 的方式 ) <ul><li>請先於 C:IDE 目錄下建立 plugins 及 translation 目錄 </li></ul>
  23. 23. 如何外掛 <ul><li>再於 C:IDEplugins 目錄中新增 lomboz 及 sdo 目錄,準備放置 JSP 外掛程式 </li></ul>
  24. 24. 如何外掛 <ul><li>將中文化 NLpack-eclipse-SDK-3.0.x-win32.zip 解壓縮至 C:IDE ranslation </li></ul>
  25. 25. 如何外掛 <ul><li>將 emf-sdo-runtime-2.0.1.zip 外掛至 C:IDEpluginssdo </li></ul>
  26. 26. 如何外掛 <ul><li>安裝 lomboz 前,請於 C:IDEpluginslomboz 目錄新增 eclipse 目錄 </li></ul>
  27. 27. 如何外掛 <ul><li>將 lomboz.301.zip 外掛解壓縮至 C:IDEpluginslombozeclipse </li></ul>
  28. 28. 如何外掛 <ul><li>安裝完外掛程式,請於 C:IDEeclipse 目錄下建立一 links 目錄,讓 Eclipse 開發平台可以連結我們所安裝的外掛程式 </li></ul>
  29. 29. 如何外掛 <ul><li>請於 links 目錄中建立三個文字檔, lomboz.txt 、 sdo.txt 、 trans.txt </li></ul>
  30. 30. 如何外掛 <ul><li>請於 lomboz.txt 輸入右邊的文字  path=c:/IDE/plugins/lomboz </li></ul><ul><li>請於 sdo.txt 輸入右邊的文字  path=c:/IDE/plugins/sdo </li></ul><ul><li>請於 trans.txt 輸入右邊的文字  path=c:/IDE/translation </li></ul><ul><li>( 以上 , 請注意 , 路徑的分隔為 &quot; / &quot;, 而非 &quot;&quot;) </li></ul>
  31. 31. 如何外掛 ( 直接放置 ) <ul><li>Eclipse :假設安裝於 C:IDEeclipse 目錄下 </li></ul><ul><li>When open a Plugin file , if you see … </li></ul><ul><ul><li>A. “eclipse” directory  將 eclipse 目錄解壓縮於 C:IDE </li></ul></ul><ul><ul><li>B. “plugins” & “features”  將 plugins 和 features 目錄解壓 縮於 C:IDEeclipse </li></ul></ul><ul><ul><li>C. “com.XXX.XXX”  將 com.XXX.XXX 目錄解壓縮於 C:IDEeclipseplugin </li></ul></ul>
  32. 32. 開發 JSP 的前置作業 <ul><li>請先裝好 Tomcat5.0.28 </li></ul><ul><li>選擇“ 視窗 / 喜好設定 ”後 , 展開“ Java / 建置路徑 / 類別路徑變數 &quot; 後 , 選擇 &quot; 新建 &quot; 變數 &quot; 名稱 &quot; 請輸入 &quot; JDK_TOOLS &quot;, 並按 &quot; 檔案 &quot; 選取 C:/ jdk/lib/tools.jar , 之後請選 &quot; 確定 &quot; </li></ul>
  33. 33. 開發 JSP 的前置作業 <ul><li>接著 , 選 Lomboz, 設定 JDK Tools.jar 後請按 &quot; 套用 &quot; </li></ul>
  34. 34. 開發 JSP 的前置作業 <ul><li>接著展開 Lomboz, 選擇 Server Definitions , 其中 Server Types, </li></ul><ul><li>Application Server directory, 和 Classpath Variable 都要作適當設定 </li></ul>
  35. 35. 開發 JSP 的前置作業 <ul><li>於 Server Classpath 中新增 bootstrap.jar , 請按 Add Library  tomcat5 / bin / bootstrap.jar </li></ul>
  36. 36. 開發 JSP 的前置作業 <ul><li>於 Project Classpath 中新增 bootstrap.jar 、 servlet-api.jar 、 jsp-api.jar , 請按 Add Library  tomcat5 / bin / bootstrap.jar 及 Add Library  tomcat5 / common/lib/ servlet-api.jar && jsp-api.jar </li></ul>
  37. 37. 開發 JSP 的前置作業 <ul><li>以上步驟都設好後按 &quot; 確定 &quot;, 接著 , 要選擇 &quot; 視窗 / 自訂視景 &quot;, </li></ul><ul><li>將 &quot; Lomboz J2EE Wizards &quot; 勾選後按 &quot; 確定 &quot; </li></ul>
  38. 38. 開發 JSP 專案 <ul><li>開始建立新 JSP 專案 , 請選擇 &quot; 新增專案 ” , </li></ul><ul><li>選擇 &quot; Lomboz J2EE Project &quot; </li></ul>
  39. 39. 開發 JSP 專案 <ul><li>輸入專案名稱 , 本例命名為 &quot;JspTest&quot;, 按 &quot; 下一步 &quot; </li></ul>
  40. 40. 開發 JSP 專案 <ul><li>再選 &quot; 下一步 &quot; </li></ul>
  41. 41. 開發 JSP 專案 <ul><li>請選擇 &quot; Add ...&quot;, 並在 Module Name: 處輸入模組的名稱 , 本例輸入 &quot; Test &quot; 後再按 &quot; 確定 &quot; </li></ul>
  42. 42. 開發 JSP 專案 <ul><li>再選 &quot; Targeted Servers “, 請選擇開發 module 所使用的 Application Server, </li></ul><ul><li>本例是使用 Tomcat v5.0.x , 所以選好後按 &quot; Add ....&quot;, 再按 &quot; 完成 &quot; </li></ul>
  43. 43. 開發 JSP 專案 <ul><li>程式自動判別專案為 Java 開發案 , 請選擇 &quot; 是 &quot; </li></ul>
  44. 44. 開發 JSP 專案 <ul><li>系統自動在“ JspTest” 專案下的 Test 模組下建立二個檔案 , 分別是 </li></ul><ul><li>“ index.jsp ” 和“ error.jsp ” 和設定檔目錄“ WEB-INF ” 及相關的設定檔 </li></ul><ul><li>, 若要新建其他程式 , 請選擇 &quot; Test &quot; 按右鍵選 &quot; 新建 / 檔案 </li></ul>
  45. 45. 開發 JSP 專案 <ul><li>請輸入檔案名稱 , 本例命名為 &quot;first.jsp&quot; 後按 &quot; 完成 &quot; </li></ul>
  46. 46. 開發 JSP 專案 <ul><li>接著 , 在程式撰寫區輸入程式碼 , 並在工具列選取 &quot; J2EE Project Outliner &quot; 的 icon </li></ul>
  47. 47. 開發 JSP 專案 <ul><li>可看到顯示區多了 &quot; Lomboz J2EE View &quot; 的顯示視窗 , 結果如下圖 : </li></ul>
  48. 48. 如何執行 JSP 專案 <ul><li>因為新建的 JspTest 專案是存於 C:IDEworkspace 目錄中, </li></ul><ul><li>為了讓 Tomcat 能找到 JspTest 專案,須修改 tomcat5/conf </li></ul><ul><li>中的 server.xml 檔 </li></ul>
  49. 49. 如何執行 JSP 專案 於 <Host> 標籤中加入黃色的文字 ( 其目的為告訴 Tomcat ,專案 JspTest 的工作目錄 ) ,然後存檔 <Server> ............ <Host> ............ <Context path=&quot;/Test&quot; docBase=&quot;C:IDEworkspaceJspTestTest&quot;               workDir=&quot;C:IDEworkspaceJspTestTest&quot;  debug=&quot;0&quot;                crosscontext=&quot;true&quot; reloadable=&quot;true&quot;> </Context> </Host> ........... </Server>
  50. 50. 如何執行 JSP 專案 <ul><li>若要在 eclipse 啟動 Tomcat , 請在 Test 模組名稱下按右鍵 , 選擇 &quot; 執行 / 執行 </li></ul>
  51. 51. 如何執行 JSP 專案 於建立、管理與執行配置中 新建 一新建配置,並修改此新建配置的 名稱 及 主要類別 如圖
  52. 52. 如何執行 JSP 專案 請將“ VM 引數”中的引數刪除 , 再按 &quot; 套用 &quot; 之後按 &quot; 執行 &quot;
  53. 53. 啟動 Tomcat 已啟動 Tomcat
  54. 54. 讓專案顯示於 browser 上 要讓專案顯示於 browser 上,請於 Test 上按滑鼠右鈕  Lomboz J2EE / Show in browser
  55. 55. 讓專案顯示於 browser 上 網頁上若出現” Welcome” 就一切 ok 了…
  56. 56. 運用 Checkstyle <ul><li>請至 http://sourceforge.net/projects/eclipse-cs/ 下載 CheckStyle 外掛程式 </li></ul><ul><li>CheckStyle For Eclipse( com.atlassw.tools.eclipse.checkstyle_3.5.0-bin ) </li></ul><ul><li>請直接將該檔解壓縮至 C:IDEeclipseplugins 目錄下,並重新開啟 Eclipse ,請按 說明 / 關於 Eclipse Platform / 外掛程式詳細資料 ,確定 CheckStyle 已正確外掛於 Eclipse 上 </li></ul>
  57. 57. 運用 Checkstyle <ul><li>假如今天我想制定一個 check style ,請按 視窗 / 喜好設定 / Checkstyle / Add </li></ul>請輸入 Check Style 的名稱 若想增加 rule ,請按 add rule
  58. 58. 運用 Checkstyle <ul><li>輸入 CheckStyle 名稱” CheckLength” ,並按頁籤 Size Violations  Add Rule  在 Select Rule 下拉選單中選取 Maximun Line Length  確定 </li></ul>選取限制程式每行長度的選項
  59. 59. 運用 Checkstyle 規定每行不得超過 80 個字元,若超過則出現 Severity 訊息
  60. 60. 如何於專案中引用 Checkstyle 請於專案上按滑鼠右鈕  選取 Checkstyle  Add ,在 Checkstyle File Set Editor 中輸入 File Set Name 跟 Check Configuration  確定
  61. 61. 如何於專案中引用 Checkstyle 程式於執行後,若不符合 Checkstyle 規定將出現下圖的訊息
  62. 62. 如何共用 Checkstyle 制定者利用 Export 將 Checkstyle 匯出於某個 repository ,其它開發者即 可使用 Import 將該 Checkstyle 匯入使用
  63. 63. 連結資料庫的前置作業 請於 C 槽下建於一 java 目錄,並將 mysql-4.0.21-win-noinstall 安裝於 C:java 目錄下 <ul><li>本專案將以 mysql-4.0.21-win-noinstall 為例,示範 Eclipse 如何連結資料庫 </li></ul>
  64. 64. 連結資料庫的前置作業 解壓縮完後執行” c:javamysql-4.0.21-wininwinmysqladmin.exe” 解壓縮完後執行接著輸入 DBA 的 user name 及 password , 例如 user_name=“root”,Password=“123456” , 這組 user_name 和 Password 要記住 , 以後連結資料庫時用得到
  65. 65. 連結資料庫的前置作業 <ul><li>輸入完後按 &quot;OK&quot;, 可看到右下角有紅綠燈且亮綠燈代表 MySQL 已正常運作了 , 未來要執行 MySQL </li></ul><ul><li>只要執行 &quot;c:javamysql-4.0.21-wininwinmysqladmin.exe&quot; 即可 </li></ul>
  66. 66. 連結資料庫的前置作業 接著要安裝 Java 連結 MySQL 的 JDBC(mysql-connector-java-3.0.15-ga.zip) ,請將該檔解壓縮至 C:java
  67. 67. 連結資料庫的前置作業 等解壓縮完成 , 將 &quot; c:javamysql-connector-java-3.0.15-gamysql-connector-java-3.0.15-ga-bin.jar &quot; 這個檔案複製到 &quot; c:jdkjrelibext &quot; 目錄內
  68. 68. 連結資料庫 請按照前面章節自行建立一 Java Project ,並於該專案上按滑鼠右鈕  建置路徑 / 新增外 Jar , 將 C:jdkjrelibextmysql-connector-java-3.0.15-ga-bin 匯入該專案
  69. 69. 連結資料庫 請按照前面章節自行建立一 Java Application File
  70. 70. 如何讓 Eclipse 連上 CVS 新建 專案  選擇 視窗  開啟 視景  其它  選取 CVS Repository Exploring 當出現下圖時請對左側空白處按滑鼠右鍵  新建  儲存圖的位置
  71. 71. 如何讓 Eclipse 連上 CVS 請依下圖輸入,使用者及密碼請依個人輸入
  72. 72. 如何讓 Eclipse 連上 CVS 當正確連上 CVS 時,左側空白處將出現一個金色罐狀圖示及 CVS 儲存庫的位置
  73. 73. 如何共用專案 對欲共用的專案按滑鼠右鈕  Team  Share Project  當出現下列視窗時請按 下一步
  74. 74. 如何共用專案 若不想更新模組名稱,請按下一步
  75. 75. 如何共用專案 此時按下完成即可將該專案加入 CVS 中
  76. 76. 如何交付檔案 請於欲交付的檔案上按滑鼠右鈕  Team  Commit
  77. 77. 如何讓專案出庫 當其他人想將新的 CVS 模組出庫  請前面的步驟建立儲存庫位置  對儲存庫視圖中 的模組按滑鼠右鈕  Check Out As  當出現下列視窗按 完成 即可讓該專案出庫
  78. 78. 讓專案同步化 對該專案按滑鼠右鈕  Team  Synchronize with Repository 即可讓該模組同步化 同步化有三種模式,欲了解其意義請見下頁註解: Incoming Outgoing Incoming/Outgoing
  79. 79. 讓專案同步化 <ul><li>Incoming 模式: </li></ul><ul><li>顯示自從上次你利用儲存庫做同步化、更新或交付程式碼之後,任何儲存庫中有變動過的檔案。 </li></ul><ul><li>Outgoing 模式: </li></ul><ul><li>顯示自從上次你利用儲存庫做同步化、更新或交付程式碼之後,任何本端電腦有變動過的檔案。 </li></ul><ul><li>Imcoming/Outgoing 模式: </li></ul><ul><li>顯示自從上次你利用儲存庫做同步化、更新或交付程式碼之後,任何儲存庫或本端電腦有變動過的檔案。 </li></ul>
  80. 80. 貼上版本標籤 當建立程式的里程碑版時,可以替這個版本貼上一個版本標籤,請對該專案按滑鼠 右鈕  Team  Tag As Version ,輸入版本標示 注意 :該版本不能含空格或這些字元【 $ , . : ; @ | 】
  81. 81. 貼上版本標籤 此時即可於 CVS Repository 視圖中的 Version 節點找到此版本
  82. 82. 將標籤版本出庫及替代 你也可以替這個貼上標籤的模組版本做出庫的動作,在 CVS Repository 視圖 下對該模 組按滑鼠右鍵  Check Out As … ,也可以在 Package Explorer 視圖 下對該模組按滑鼠 右鍵  Replace with  Another Branch or Version 選擇你要替代當前的版本
  83. 83. 建立分支 如果想為軟體開發其它的分線,對該專案按滑鼠右鍵  Team  Branch , 若想將該分支合併回主開發線,在 Package Explorer 下對該專案按滑鼠右鍵  Team  Merge
  84. 84. 包裝 JAR 檔 請於任一專案上按滑鼠右鍵  匯出  選取 JAR File  下一步
  85. 85. 包裝 JAR 檔 請勾選欲匯出的專案,並輸入欲匯出的目的地,下一步
  86. 86. 包裝 JAR 檔 此步驟按預設即可,請按下一步
  87. 87. 包裝 JAR 檔 請輸入主要類別,並按完成
  88. 88. 包裝 WAR 檔 當我們一開建立 Tomcat Project 時,開發軟體就會將相關的檔案 滙入,而我們現在要用到的是 build.xml 這個 ant 來包裝 war
  89. 89. 包裝 WAR 檔 上一列告訴 Eclipse 此檔案 (build.xml) 的位置 上一列是描述 war 要存放的目錄位置 上一列是描述 war 的檔案名稱 上一列是描述指向 Ant 日後會用到的 JDT 編譯器的配接器
  90. 90. 包裝 EAR 檔 請於某 Porject 上按滑鼠右鈕  新建  Lomboz Ear Modual ,建立一 Ear Modual , 並將所需之 War 及 Jar 建於該 Modual 上
  91. 91. Q & A <ul><li>Eclispe 跟 oc4j 的版本整合 </li></ul><ul><li>怎麼引進 tag library </li></ul><ul><li>在 build path 下, JRE_LIB 變數跟 JRE 儲存器的不同 </li></ul>

×