使用ideaIU創建web工程圖文說明
聲明:
1.ideaIU中的project相當於使用eclipse或者MyEclipse時的workspace;
2.ideaIU中的module(web工程)相當於使用eclipse或者MyEclipse時的web工程文件;
如何創建project:
1.如圖1所示,File --> New -->project;
圖1 創建project_1
2.如圖2所示,在彈出的New Project設置框中選擇左下角的Empty Project,然後點擊Next;
圖2 創建project_2
3.如圖3所示,給新建的project命名,例如“Demo”,點擊Finish;
圖3 創建project_3
4.至此,project就已經創建完了,並且會彈出如圖4所示Project Structure設置框;
如圖4所示,選中左側的Project,然後設置jdk爲本機安裝的jdk版本;
並設置編譯文件的保存路徑,如:“D:\project\ideaIU\Demo\out”;
點擊Apply;
圖4 創建module(web工程)_1
5.如圖5所示,選中左側的Module(web工程)s,然後點擊頂部的“+”號,選擇New Module(web工程),將會彈出圖示的New Module(web工程)設置框;
選中Java,設置右側的Module(web工程) SDK爲本機安裝的jdk版本;
勾選Web Application,勾選底部的Create web.xml,點擊Next;
圖5 創建module(web工程)_2
6.如圖6所示,給新建的module(web工程)命名,如webDemo,點擊Finish;
圖6 創建module(web工程)_3
7.如圖7所示,選中已經創建的module(web工程),點擊Sources選項:
圖7 設置web成功的文件結構
另外,如圖8所示,可根據自己的喜好,修改web項目資源文件名,如修改爲“webContent”,並同步修改圖示紅色圓圈標記的地方,修改之後點擊Apply:
圖8 修改web工程資源文件名
8.如圖9所示,在Sources模塊中選中項目工程名,右鍵選擇“New Folder”,創建項目文件夾,如放置項目配置文件的文件夾config;
圖9 創建項目文件夾
9.如圖10所示,選中創建的存放項目配置文件的config文件夾設置爲與src同級的項目源文件:選中創建的文件夾,上方的Sources;
圖10 設置項目源文件
10.如圖11所示,選中WEB-INF,右鍵選擇“New Folder”,創建用於存放項目編譯後的文件的文件夾classes,和用於存放jar包的文件夾lib;
圖11 創建classes文件和lib文件
11.如圖12所示,切換到Paths選項,選中“Use module compile output path”,設置Output paths爲上一步中創建的classes文件夾路徑:
圖12 指定項目編譯文件路徑
12.如圖13所示,同理,將Test output paths也設置爲上一步中創建的classes文件夾路徑,設置完項目編譯文件路徑之後,點擊Apply;
圖13 指定項目編譯文件路徑_2
13.如圖14所示,切換到“Dependencies”選項,將Module SDK設置爲本機安裝的jdk版本,然後點擊右側的“+”號,選擇“JARs or directories”,在彈出的Attach Files or Directories設置框中選擇前面創建的lib文件夾,點擊“OK”之後在彈出的Choose Categories of Selected Files文件類別設置框中選擇“Jar Directory”,點擊“OK”;
圖14 指定jar包文件夾路徑
14.如圖15所示,設置項目生成war包;選擇“Artifacts”,點擊“+”號,點擊“Web Application: Archive”下的“Empty”;
在右側生成的信息中設置Name爲“webDemo”,勾選“Includein project build”;
點擊下方的“Create Manifest”,在彈出的“Select Directory for META-INF/MANIFEST.MF file”設置框中選中“web”父目錄,點擊“OK”;
圖15 設置項目生成war包
15.如圖16所示,設置項目編譯後的服務器發佈文件;
在完成上述war包生成配置之後的頁面選中下方的服務器發佈文件,設置Name爲“webDemo_web”,點擊“Apply”,點擊“OK”;
圖16 設置項目編譯後的服務器發佈文件
16.完成上述一系列配置之後所得項目文件結構如圖17所示:
圖17 module(web工程)創建完成之後的項目結構
17.配置Tomcat服務器;
如圖18所示,點擊工具欄的倒三角按鈕,選擇“Edit Configurations”;
在彈出的Run/Debug Configuration設置框中點擊“+”號,點擊“Tomcat Server”下的“local”;
圖18 配置Tomcat服務器
18.如圖19所示,選中生成的Tomcat服務器文件,設置Name,選中“Deployment”選項;
點擊右側的“+”號,選擇“Artifacts”,在彈出的“SelectArtifacts to Deploy”設置框中選擇上述步驟中設置的web工程服務器發佈文件“webDemo_web”,點擊“OK”;
在“Application content”選項設置框中的“/”後面添加項目發佈到服務器後訪問的名稱“webDemo”;
圖19 設置項目發佈的訪問工程名
19.如圖20所示,選中server選項,設置項目服務器啓動時後訪問項目默認打開的瀏覽器;
設置“On ‘Update action:’”和“On frame deactivations:”選項的值爲“Update classes and resources”,此設置是保證在開發的過程中不需要重啓服務器即能自動同步編譯對代碼所做的修改;
設置JRE爲本機當前安裝的jre路徑;點擊“Apply”,點擊“OK”;
圖20 配置Tomcat關聯jdk
20.如圖21所示,編輯index.jsp文件,啓動服務器;
圖21 編輯index.jsp文件顯示內容
21.運行web工程項目之後瀏覽器訪問效果圖;
圖22 啓動服務器運行項目工程效果圖