一、文件編碼通用設定
在Eclipse中，默認使用當前操作系統的字符集，一般爲GBK。然而我們在開發web應用程序時，一般使用UTF-8，步驟如下：
1）從菜單【Window】下選擇【Preferences】打開Preferences窗口，在過濾輸入欄中輸入【Workspace】，選擇【General】下的【Workspace】節點。
2）將【Text file encoding】項的值修改成【Other(UTF-8)】
注意：右側New text file line delimiter根據自己的系統來選
二、Content Types設定
1). 從菜單【Window】下選擇【Preferences】打開Preferences窗口，在過濾輸入欄中輸入【Content Types】，選擇【General】下的【Content Types】節點
2). 在【Content types】中展開【Text】節點，並在其下選擇【Java Properties File】節點，將【Default encoding】設置爲【UTF-8】，如下圖：
3). 點擊【Update】按鈕，應用設定。
4). 在【Content types】中選擇【JSP】節點，將【Default encoding】設置爲【UTF-8】，如下圖：
三、Web文件設置
1). 從菜單【Window】下選擇【Preferences】打開Preferences窗口，在左邊欄中定位到【Web】，選擇【CSS Files】，保持【CSS Files】節點被選中，在右邊將【Encoding】設置爲【ISO 10646/Unicode(UTF-8)】，如下圖：
2). 點擊【Apply】按鈕應用設置。
3). 選擇【HTML Files】，保持【HTML Files】節點被選中，在右邊將【Encoding】設置爲【ISO 10646/Unicode(UTF-8)】，如下圖：
4). 點擊【Apply】按鈕應用設置。
5). 選擇【JSP Files】，保持【JSP Files】節點被選中，在右邊將【Encoding】設置爲【ISO 10646/Unicode(UTF-8)】，如下圖：
三、配置Tomcat【重點】
1). 從菜單【Window】下選擇【Preferences】打開Preferences窗口，在過濾輸入欄中輸入【Runtime Environments】，選擇【Server】下的【Runtime Environments】節點，如下圖：
2). 點擊【Add...】按鈕，在彈出窗口中選擇Appche節點下的Appche Tomcat 8.0。
3). 點出【Next >】，在彈出窗口中點擊【Browse...】，選擇Tomcat 7.0的安裝目錄
4). 點擊【Finish】完成Tomcat的設定。
四、設置 Build Path
在開發Web應用程序時，需要用到 Tomcat ，我們要將 Tomcat / lib 加入編譯路徑中。否則你會在建立 jsp 時，出現如下錯誤：
The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path
1). 在 Eclipse 中，點擊菜單欄 Window->Preferences ， 點擊 Java / Build Path / Classpath Variables
2). 點擊“New"新建名爲“Tomcat Server”的變量，將Path設置爲tomcat的安裝位置中的lib目錄（如上圖所示），點擊“OK”按鈕。
接下來，添加 User Libraries。點擊 Java / Build Path / User Libraries
3). 點擊“New...”按鈕，新建名爲 Tomcat Server 的User Libraries。然後點擊“Add External JARs...”按鈕，將我們安裝並使用的tomcal / lib 下的所有 jar 選中（Ctrl + A）並確定。完成後如上圖所示，之後點擊“OK”完成設置。
五、環境配置完成之後，就可以開始寫Web程序了
按照國際慣例我們先寫一個輸出HelloWord的Web項目
1). 右鍵點擊右側的項目管理器，新建Web項目
2). 設置項目名
3). 這一步忽略，直接下一步
4).勾選Gennerrate Web.xml deployment descriptor之後，生產項目時會自動創建Web.xml
5). 創建JSP文件
6). 編寫好代碼之後，將之前配置好的Tomcat服務器添加到開發工具中
7). 將項目發佈到配置好的Tomcat服務器中
8). 啓動Tomcat
9). 輸入網址訪問項目
教程到此結束，參考資料：
1.https://www.cnblogs.com/RoadNorth/p/3262096.html
2.https://www.cnblogs.com/yangyxd/articles/5615965.html