Web 項目結構與部署發佈

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 爲 /

以後就能夠直接經過根目錄,訪問網頁了

相關文章
相關標籤/搜索