IDEA建立web項目操做流程

一、File -> new Project ->選擇project sdk 爲1.8(若是沒有sdk的同窗請先配置)-> Next
IDEA建立web項目操做流程
二、create project from template 頁面,不勾選任何選項 -> Next
IDEA建立web項目操做流程
輸入項目名:"test" -> Next -> Finishweb

三、到project中 -> 右鍵選擇Newtomcat

IDEA建立web項目操做流程

選擇Module -> Module SDK 選擇1.8 -> 勾選JavaEE下的Web Application ,注意窗口下的version對應版本,且Create web.xml已勾選 -> Next服務器

IDEA建立web項目操做流程

輸入Module name 爲mybatisdemo -> Finish
IDEA建立web項目操做流程mybatis

四、 建立好的web項目,這裏我已經配置好了,以下圖jsp

IDEA建立web項目操做流程

五、在web/WEB_INF 目錄下建立兩個文件夾:classes和libide

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

IDEA建立web項目操做流程

六、配置文件夾路徑3d

File -> Project Structure (ctrl + shift + Alt + s) 或者使用工具欄的快捷鍵 -> 選擇Modules -> 選擇Paths -> 選擇「Use module compile out path」 -> 將Outputpath 和Test output path 都設置爲剛剛建立的classes文件夾
IDEA建立web項目操做流程xml

將Outputpath 和Test output path 都設置爲剛剛建立的classes文件夾
IDEA建立web項目操做流程blog

選擇當前窗口的Dependencies -> 將Module SDK選擇爲1.8->點擊右邊的 + 號 -> 選擇 「1 JARS or directories ...」
IDEA建立web項目操做流程

-> 選擇剛剛建立的lib文件夾 -> OK
IDEA建立web項目操做流程
-> 選擇Jar Directory -> OK
IDEA建立web項目操做流程
-> Apply -> OK
IDEA建立web項目操做流程

七、配置Tomcat容器
打開菜單Run -> Edit Configurations...
IDEA建立web項目操做流程
點擊 「+」 ,選擇 「Tomcat Server」 -> 選擇「Local」
IDEA建立web項目操做流程

在Name出輸入新的服務器名,點擊 "Application Server" 後面的 "Configure...",彈出Application Servers窗口,在Tomcat Home 選擇本地安裝的tomcat目錄 -> OK
在"Run/Debug Configurations"窗口中Name一欄輸入服務器的名字mybatisdemo,在「Server」面板中,勾選取消「After Launch」,設置「HTTP port」和「JMX port」(默認值便可),點擊Apply -> OK,至此tomcat配置完畢(左邊列表中tomcat圖標上小紅叉是未部署項目的提示,部署項目後就會消失)。

IDEA建立web項目操做流程

八、在tomcat上部署並運行項目
在建立好tomcat後,能夠經過工具欄快速打開tomcat的配置頁面
IDEA建立web項目操做流程
也能夠經過菜單欄:Run -> Edit Configurations... ->選擇剛建立的mybatisdemo -> 選擇Deployment ->點擊右邊的「 + 」號 -> 選擇 Artifact

IDEA建立web項目操做流程

IDEA建立web項目操做流程
回到Server面板,將On 'update' action和On frame deactivation(這兩個選項是tomcat配置了項目後纔有的)改成update classes and resources -> Apply

IDEA建立web項目操做流程

開發web項目並運行tomcat查看效果
一、編輯index.jsp頁面
IDEA建立web項目操做流程
二、運行tomcat
IDEA建立web項目操做流程
三、展現效果
IDEA建立web項目操做流程

相關文章
相關標籤/搜索