[Intellij] 在IntelliJ IDEA 中建立运行web项目

 

 

 

安装工具

一、JDK7+

二、IntelliJ Idea 工具（下载安装后，网上找注册码破解便可）

三、tomcat7+ 解压缩版

 

明确两个概念：

一、Project：相似于eclipse的workspace概念

二、Module：相似于eclipse的工程项目概念

固然，实际开发中最好是一个Project对应一个module。

 

【一、建立一个项目】

入口

首次：

工做界面：

注意选择红框部分

一路next。

新建文件夹：F:\IntelliJ_IDEA_Project\DemoProject 做为示例project的存放路径

点击finish，完成project建立。

 

【二、建立一个Module】

鼠标点中项目名称DemoProject-> 右键选择New，选择Module 

 

勾选“Web Application” -> 确认已勾选“Create web.xml” -> Next

输入Module名字和存储路径，点击finish

 

生成文件：

 

 工做台：

 

 【三、设置产出和依赖目录】

 右键文件夹WE-INF，在web/WEB-INF下建立两个文件夹：classes和lib，并设置产出路径

 

classes用来存放编译后输出的class文件，lib用于存放第三方jar包。

File -> Project Structure (快捷键：Ctrl + Shift + Alt + S) -> 选择Module ：

选择 Paths -> 选择"Use module compile output path" -> 将Output path和Test output path都选择刚刚建立的classes文件夹。

接着选择Dependencies ->  将Module SDK选择为1.7 -> 点击右边的“+”号  -> 选择1 “Jars or Directories” 

勾选

 

 【四、配置tomcat容器】

打开菜单Run -> 选择Edit Configuration 

 

点击“+”号 -> 选择“Tomcat Server” -> 选择“Local”

 

 

 在"Name"处输入新的服务名，点击"Application server"后面的"Configure..."，弹出Tomcat Server窗口，选择本地安装的Tomcat目录 -> OK 

 

选择tomcat跟路径

"Server"选项板中，取消勾选"After launch"，设置"HTTP port"和"JMX port"（默认值便可），点击 Apply -> OK， 至此Tomcat配置完成。

 

 

【五、在Tomcat中部署并运行项目 】

Run -> Edit Configurations，进入"Run/Debug Configurations"窗口 -> 选择刚刚创建的Tomcat容器 -> 选择Deployment -> 点击右边的“+”号 -> 选择Artifact

 

 

->选择web项目 -> Application context能够填“/firstweb”(其实也能够不填的~~) -> OK

 

 此时在左下角可见咱们刚建立的tomcat和部署的firstweb项目

右上角也有

而后咱们修改下index.jsp文件查看下访问效果

 

启动tomcat

 

 

而后页面访问下