1. 程式人生 > >Intellij Idea 2017創建web項目及tomcat部署實戰

Intellij Idea 2017創建web項目及tomcat部署實戰

java 圖片 cati debug sdk onf nbsp end dep

Intellij Idea直接安裝(可根據需要選擇自己設置的安裝目錄),jdk使用1.6/1.7/1.8都可以,主要是配置好系統環境變量,tomcat7上tomcat的官網下載壓縮包解壓即可。

一、創建簡單web項目

1、創建一個web project

File -> new Project ->選擇project sdk 為1.6(如果沒有sdk的同學請先配置)-> Next

技術分享圖片

create project from template 頁面,不勾選任何選項 -> Next

技術分享圖片

輸入項目名:webDemo -> Next -> Finish

技術分享圖片

二、創建一個Module

鼠標點中項目名稱webDemo -> 右鍵選擇New,選擇Module -> Module SDK 選擇1.6 -> 勾選JavaEE下的Web Application(3.1) ,註意窗口下的version對應為3.1,且Create web.xml已勾選 -> Next

技術分享圖片

輸入Module name 為firstweb -> Finish

技術分享圖片

3、創建好的web項目

技術分享圖片

4、在web/WEB_INF 目錄下創建兩個文件夾:classes和lib

classes用來存放編譯後輸出的class文件,lib用於存放第三方jar包

技術分享圖片

5、配置文件夾路徑

File -> Project Structure (ctrl + shift + Alt + s) 或者使用工具欄的快捷鍵 -> 選擇Modules

-> 選擇Paths -> 選擇“Use module compile out path” -> 將Outputpath 和Test output path 都設置為剛剛創建的classes文件夾

技術分享圖片

技術分享圖片

選擇當前窗口的Dependencies -> 將Module SDK選擇為1.6 ->點擊右邊的 + 號 -> 選擇 “1 JARS or directories ...”

技術分享圖片

-> 選擇剛剛創建的lib文件夾 -> OK

技術分享圖片

-> 選擇Jar Directory -> OK

技術分享圖片

-> Apply -> OK

技術分享圖片

三、配置Tomcat容器

打開菜單Run -> Edit Configurations...

技術分享圖片

點擊 “+” ,選擇 “Tomcat Server” -> 選擇“Local”

技術分享圖片

在Name出輸入新的服務器名,點擊 "Application Server" 後面的 "Configure...",彈出Application Servers窗口,在Tomcat Home 選擇本地安裝的tomcat目錄 -> OK

技術分享圖片

在"Run/Debug Configurations"窗口中Name一欄輸入服務器的名字tomcat7,在“Server”面板中,勾選取消“After Launch”,設置“HTTP port”和“JMX port”(默認值即可),點擊Apply -> OK,至此tomcat配置完畢(左邊列表中tomcat圖標上小紅叉是未部署項目的提示,部署項目後就會消失)。

技術分享圖片

四、在tomcat上部署並運行項目

在創建好tomcat後,可以通過工具欄快速打開tomcat的配置頁面:

技術分享圖片

也可以通過菜單欄:Run -> Edit Configurations... ->選擇剛創建的tomcat7 -> 選擇Deployment ->點擊右邊的“ + ”號 -> 選擇 Artifact

技術分享圖片

-> 選擇web項目 -> Application Context可以填“/firstweb”(也可以不填) -> Apply

技術分享圖片

回到Server面板,將On ‘update‘ action和On frame deactivation(這兩個選項是tomcat配置了項目後才有的)改為update classes and resources -> Apply

技術分享圖片

開發web項目並運行tomcat查看效果

1、編輯index.jsp頁面

技術分享圖片

2、運行tomcat

技術分享圖片

技術分享圖片

Intellij Idea 2017創建web項目及tomcat部署實戰