1、Web項目的建立css
File New Other... Dynamic Web Project web
輸入信息:項目名、選擇版本、tomcat
編譯後,class文件所在位置eclipse
訪問Context root的名稱、訪問的目錄、自動生成web.xml(方便作擴展)spa
以後點擊finish,完成建立。debug
在WEB-INF下,建立classes文件夾(把項目打包成Web包的時候,須要)3d
選中WEB-INF,右鍵、New、Folder,輸入名稱classesserver
在WebContent文件下,建立css、js文檔xml
重定向編譯後的class文件的指向:blog
選中根項目,右鍵屬性properties,修改爲圖片中樣子。
2、Tomcat的安裝與配置
而後,解壓在沒有空格、中文的文件夾下
在配置好jdk環境變量的狀況下:
打開,解壓縮的文中中:bin目錄下startup.bat
eclipse中 window 、show view 、other 、Server、servers
建立tomcat與eclipse關聯
而後選擇Apache目錄下,對應的Tomcat版本。
而後配置名稱、路徑、JRE
在tomcat導入項目:
選中圖片中條目,右鍵、Add and Remove,雙擊要加載的項目,finish
配置好後:
選中、右鍵、start,效果圖:
小技巧:
1.修改文檔
2.直接debug模式打開,替代原來的start
使用根目錄訪問網頁:
選中項目,properties,Web Project Setting,修改Context root 爲 /
以後就能夠直接經過根目錄,訪問網頁了