sweets_wn的gravatar头像
sweets_wn 2018-08-13 10:08:12
Intellij IDEA系列(二)__创建web项目详细步骤图解

上一篇博客对Intellij IDEA的安装做了详细图解说明,下面开始创建项目了(简单的web项目,各类框架的搭建后续跟进)。本文照旧主要为个人学习笔记,有缘路过的朋友们有任何疑问可以随时留言。(题外话:作为一个近十年习惯eclipse的资深搬砖人,强烈推荐大家使用IDEA,除了炫酷的主题,强大的代码提示/补全功能、无处不在的快捷方式、以及各类插件的完美集成...,可以切实的节省开发时间)

说明

1. IDEA中,project相当于一个workspace,而一个module相当于一个项目。所以可以先建一个project,再在该project中创建各种类型的module(如:java/maven/springboot等)。

 2. IDEA中,本人目前已安装的插件有 Alibaba Java Coding Guidelines、gsonFormat、Jrebel、key promoter、Translation、Grep Console

环境

Intellij IDEA 2018.1.5(UItimate Edition)

JDK1.6

Tomcat6

一、创建java project

1. File --> new --> project

Intellij IDEA系列(二)__创建web项目详细步骤图解

2. 可修改jdk版本和Java EE版本

Intellij IDEA系列(二)__创建web项目详细步骤图解

3. 不勾选,next

Intellij IDEA系列(二)__创建web项目详细步骤图解

4. 输入项目名称

如下图中项目名称为test,finish

Intellij IDEA系列(二)__创建web项目详细步骤图解

5. Project创建完成

下图为目录结构(src目录可删除)

Intellij IDEA系列(二)__创建web项目详细步骤图解

6. 配置project的jdk

默认为全局jdk版本,可修改成别的版本

Intellij IDEA系列(二)__创建web项目详细步骤图解

Intellij IDEA系列(二)__创建web项目详细步骤图解

7. 配置project的tomcat

Intellij IDEA系列(二)__创建web项目详细步骤图解

Defaults中配置tomcat

Intellij IDEA系列(二)__创建web项目详细步骤图解

Intellij IDEA系列(二)__创建web项目详细步骤图解

至此,一个java project创建结束。

 

二、创建java web module

1. 项目右击,新建一个module

Intellij IDEA系列(二)__创建web项目详细步骤图解

2. 勾选Web Application(可修改版本),next

Intellij IDEA系列(二)__创建web项目详细步骤图解

3. 输入module名称,finish

Intellij IDEA系列(二)__创建web项目详细步骤图解

4. 创建的module目录如下

Intellij IDEA系列(二)__创建web项目详细步骤图解

5. 在上图中的web/WEB-INF目录下创建两个文件夹(Directory):classes和lib

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

Intellij IDEA系列(二)__创建web项目详细步骤图解

6. 配置文件夹路径

File -> Project Structure - >Modules -> Path s-> 选择”Use module compile out path” -> 将Outputpath和Test outputopath都设置为刚才创建的classes文件夹

Intellij IDEA系列(二)__创建web项目详细步骤图解

选择当前窗口中的Dependencies页签,设置Module SDK,点击右侧的+号,选择“1. JARs or directories...”

Intellij IDEA系列(二)__创建web项目详细步骤图解

选择刚创建的lib文件夹,OK

Intellij IDEA系列(二)__创建web项目详细步骤图解

选择Jar Directory,OK

Intellij IDEA系列(二)__创建web项目详细步骤图解

7. 查看其它文件配置

Intellij IDEA系列(二)__创建web项目详细步骤图解

Intellij IDEA系列(二)__创建web项目详细步骤图解

上图中的Name可修改(个人习惯去掉“:war exploded”)

Intellij IDEA系列(二)__创建web项目详细步骤图解

8. 配置module的运行tomcat

Intellij IDEA系列(二)__创建web项目详细步骤图解

Intellij IDEA系列(二)__创建web项目详细步骤图解

修改Name为demo01,切换到Deployment页签,增加Artifact,并修改对应的Application context值(应用的访问路径),Apply

Intellij IDEA系列(二)__创建web项目详细步骤图解

Intellij IDEA系列(二)__创建web项目详细步骤图解

切换回Server页签,填入编码格式、配置热部署(注意:run模式下,修改的java文件不会即刻生效;但debug模式下,修改的java文件和资源文件都会立即生效),Apply,OK

Intellij IDEA系列(二)__创建web项目详细步骤图解

至此,配置完成

三、测试

1. 修改index.jsp,并启动tomcat

Intellij IDEA系列(二)__创建web项目详细步骤图解

Intellij IDEA系列(二)__创建web项目详细步骤图解

2. 浏览器访问系统

Intellij IDEA系列(二)__创建web项目详细步骤图解


打赏

已有1人打赏

最代码官方的gravatar头像
最近浏览
张胜豪 2021年4月26日
暂无贡献等级
xiongfan  LV6 2021年2月2日
yishicong 2021年1月26日
暂无贡献等级
danxinlaile 2020年12月1日
暂无贡献等级
yanghongbaoguo 2020年7月27日
暂无贡献等级
233322  LV1 2020年5月31日
Jackson_李  LV8 2020年5月11日
崩坏2225 2020年4月3日
暂无贡献等级
fanglong 2020年3月9日
暂无贡献等级
857591078  LV1 2019年12月26日
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友