細談eclipse拓展網站項目集錦----my note

    使用eclipse有一些時間啦,也試着開發一些網站project,不是很熟,也用zend studio,後放棄啦。 javascript

   個人一些經驗 php

  1, 使用eclipse開發jsp網站項目,入門篇 html

let's start java


啓動Eclipse,新建一個項目,在創建新項目的嚮導中選擇"Dynamic Web Project"(動態網站項目),如圖:



點擊「Next」,進入嚮導的下一步,鍵入項目名稱,這裏鍵入「MyWebApp」,而後是設置Servlet服務器,這裏須要把已經安裝完成的Tomcat 6.0設置爲Eclipse的調試Servlet程序的默認服務器。
設置方法爲點擊「New...」如圖:



在接下來對話框中選擇 Tomcat v6.0,如圖:




點擊「Next」進入嚮導的下一步,點擊「Browse...」,設置Tomcat 6.0的安裝路徑,設置好後點擊「Finnish」,完成servlet服務器設置。



Servlet服務器設置成功後,Eclipse會顯示如圖的信息,點擊"Finish"完成新建項目的嚮導!



動態網站項目創建成功後,Eclipse的顯示和各個圖標的做用如圖顯示:

  node


Step 2:新建Servlet程序,並調試程序:
與普通Java項目相似,須要新創建Servlet類文件,在項目圖標「MyWebApp」上點擊鼠標右鍵,選擇「New」->"Servlet",如圖:



在彈出的嚮導對話框中,輸入新創建的Servlet類名「EchoForm」,如圖:輸入完成後點擊「Finish」完成新建Servlet類


創建Servlet類後,在程序編輯器中編輯程序,按照例1-3的輸入,輸入完成後,點擊工具欄中的運行按鈕,運行程序: apache

//EchoForm.java:
import javax.servlet.*;
import javax.servlet.http.*;
import java.io.*;
import java.util.*;
Eclipse運行sevlet和jsppublic class EchoForm extends HttpServlet{
    
    public void service(HttpServletRequest req, HttpServletResponse res)
Eclipse運行sevlet和jsp                                                          throws IOException{
    res.setContentType("text/html");
    
    PrintWriter out = res.getWriter();
    
    Enumeration flds = req.getParameterNames();
    
Eclipse運行sevlet和jsp    if(!flds.hasMoreElements()){
        
        out.print("<html>");
        out.print("<form method=\"POST\"" +"action=\"EchoForm\">");
        for(int i = 0; i < 10; i++)
            out.print("<b>Field" + i + "</b> " +
                    "<input type=\"text\""+" size=\"20\" name=\"Field"
                    + i + "\" value=\"Value" + i + "\"><br>");
        out.print("<INPUT TYPE=submit name=submit Value=\"Submit\"></form></html>");
    
Eclipse運行sevlet和jsp    }else{
        
        out.print("<h1>Your form contained:</h1>");
        
Eclipse運行sevlet和jsp        while(flds.hasMoreElements()){
            String field= (String)flds.nextElement();
            String value= req.getParameter(field);
            out.print(field + " = " + value+ "<br>");
        }
    }
    
    out.close();
    
  }
}





運行程序時會彈出一個對話框選擇運行Servlet的服務器,這裏選擇新建一個Servlet服務器後點擊「Finish」



若是Tomcat已經設置好,能夠看到Servlet程序的運行效果,如圖,實際上就是在Eclipse中運行了一個IE瀏覽器做爲客戶端,能夠在「Field0」。。。各輸入框中輸入一些文字而後點擊「Submit」查看效果


固然也能夠在運行程序的同時,打開一個網頁瀏覽器好比IE,而後在地址欄中輸入「http://localhost:8080/MyWebApp/EchoForm」,能夠看到一樣的運行效果



調試完成後須要將Servlet服務器(Tomcat)中止,如圖所示:


  瀏覽器


Step 3:新建JSP文件並運行:

一樣在「MyWebApp」項目的圖標上單擊鼠標右鍵,選擇「New」-》「JSP」




在彈出的嚮導對話框中輸入新建的JSP文件名「CurrentTime.jsp」,主意要輸入文件的全名(即包括文件擴展名),而後點擊「Finish」創建JSP文件



在Eclipse的文件編輯器中,對新創建的「CurrentTime.jsp」進行修改,如圖所示插入一行JSP代碼便可,而後點擊工具欄中的運行按鈕,查看運行效果
  服務器

<%=System.currentTimeMillis()/1000 %>






two,eclipse開發PHP項目

能夠先安裝wamp,以及zend debugger軟件,安裝過程略。 eclipse


next,解壓ZendDebugger-5.2.15-cygwin_nt-i386.zip , 根據你的php版本拿到 ZendDebugger.dll, jsp

這裏假設你解壓到了C:\ZendDebugger.dll。 php的版本能夠在首頁的phpinfo裏面看到。以下圖所示



 記住圖中箭頭的位置,等下要用到!

 

2、 注意這個位置,只有兩行信息。

 



  3、打開eclipse,將你的workspace設置到apache的www下(或者你的是htdocs); 新建一個php項目, 新建一個test.php, 內容以下:

Php代碼   收藏代碼
  1. echo "Hello";  
  2. echo "world";  

 

4、打開eclipse的preference,


 

填入以下內容,這個要根據你的狀況而定,不必定跟做者的同樣


 

注意這裏的PHP ini file的位置,這個位置要跟第一步圖片上的位置同樣,這個我一開始填錯了,花了我半個小時的時間

 

 

5、若是你看過zend debug裏面的readme,這一步其實你已經能夠本身作了。打開你的php.ini,在最後面加入以下內容:[Zend]

Php代碼   收藏代碼
  1. zend_extension_ts="C:\ZendDebugger.dll"  
  2. zend_debugger.allow_hosts=127.0.0.1  
  3. zend_debugger.expose_remotely=always   
 

由於咱們約定你解壓到了C 盤,因此這裏的位置是C:\ZendDebugger.d。

 

保存,重啓。 回到phpinfo的頁面,若是你看到以下的信息,那麼恭喜你,你配置成功了。

 


 

 

 

 

6、回到eclipse下試一下

 

 


 

7、你可能很奇怪,你沒有設置斷點,它都會在第一行停下來,這是由於它默認就是在第一行停的。你能夠按照如下步驟關閉



 three,使用eclipse開發node.js,項目

下載安裝eclipse,地址:http://www.eclipse.org/downloads/ 
下載 Eclipse Standard 4.3.2
Eclipse Standard 版本便可。

二、安裝nodeclipse插件:


Name:nodeclipse 
Location:http://www.nodeclipse.org/updates

三、next,用javascript編輯插件 -- VJET



Name: VJET


Location:http://download.eclipse.org/vjet/updates-0.10 
包含的所有選擇便可。




四、安裝完成重啓eclipse,配置node相關信息:  



五、測試代碼:  
新建node項目:  

在項目中新建hello.js文件,代碼以下: 

var http = require('http');
http.createServer(function handler(request, respose) {
	respose.writeHead(200, {
		'Content-Type' : 'text/html'
	});
	respose.end('世界你好。\n');
}).listen(8080,'192.168.2.112');
console.log("服務器已經啓動,地址爲:http://192.168.2.112:8080");
運行以下:
hello.js --> run as  --> Node Application   
eclipse console輸出以下:  


其實eclipse還能夠開發Android項目,以及別的項目,一樣要安裝插件。

實踐是無窮的

。。。。。。

相關文章
相關標籤/搜索