IntelliJ IDEA 創(chuàng)建Web項(xiàng)目(全教程)

說(shuō)明:
IntelliJ IDEA 版本為14.
JDK 版本為1.7
tomcat 版本為apache-tomcat-7.0.70

注:在創(chuàng)建過(guò)程中注意相關(guān)軟件版本位數(shù)的問(wèn)題。32位,64位的軟件混搭會(huì)導(dǎo)致訪問(wèn)不成功的問(wèn)題!??!

首先要理解一個(gè)基本問(wèn)題:對(duì)比eclipse ,在IntelliJ IDEA中“new Project”相當(dāng)于eclipse中的工作空間(Workspace),而“new Module”相當(dāng)于eclipse中的工程(Project)。以下均采用Intellij的說(shuō)法,請(qǐng)自行對(duì)照轉(zhuǎn)換理解。

1,創(chuàng)建Project:依次點(diǎn)擊File–new Project;
創(chuàng)建.png
2,選擇Empty Project項(xiàng)目,點(diǎn)擊Next;
下一步
3,輸入項(xiàng)目名稱,選擇項(xiàng)目路徑;
Paste_Image.png
4,創(chuàng)建Module:點(diǎn)擊Finish,彈出下面窗口,Intellij默認(rèn)選擇Modules,點(diǎn)擊加號(hào),選擇New Module;
Paste_Image.png
5,選擇Java,配置Module SDK,選擇Web Application,配置Versions,點(diǎn)擊Next;
Paste_Image.png
6,輸入Module Name,點(diǎn)擊Finish。
Paste_Image.png
7,選擇Project,配置SDK;
Paste_Image.png
8,選擇Modules–(Modules名稱)–Sources–web–WEB-INF;
Paste_Image.png
9,右擊WEB-INF,依次new folder,創(chuàng)建classes目錄和lib目錄;
Paste_Image.png
10,選擇Paths,選擇Use Modules complie Output path,指定路徑為上面創(chuàng)建的classes目錄;
Paste_Image.png
11,選擇Dependencies,點(diǎn)擊右邊的加號(hào),選擇第一個(gè)jars and ……,選擇上面創(chuàng)建的lib目錄,點(diǎn)擊OK,彈出框選擇jar Directory,點(diǎn)擊OK,點(diǎn)擊下面OK,完成項(xiàng)目配置;
Paste_Image.png
12,配置項(xiàng)目:打開(kāi)index.jsp,輸入顯示內(nèi)容,比如“ 測(cè)試。。?!?/h5>
Paste_Image.png
13,配置項(xiàng)目服務(wù)器;
Paste_Image.png
14,點(diǎn)擊加號(hào),選擇tomcat server,選local;
Paste_Image.png
15,配置name、server、端口號(hào);
Paste_Image.png
16,選擇Deployment,點(diǎn)擊+號(hào),選擇上面配置的項(xiàng)目;
Paste_Image.png
17,設(shè)置Application context,點(diǎn)擊OK,完成tomcat配置;
Paste_Image.png
18,啟動(dòng)項(xiàng)目
Paste_Image.png
Paste_Image.png
自此完成IDEA的整個(gè)項(xiàng)目的創(chuàng)建、配置與啟動(dòng)。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容