intellij idea版本:2017
1.新建一个web工程
使用工具intellij ideal,注意:只有Ultimate版本的可以新建web工程,社区版本的不支持新建web工程
File->New->Project…
![](https://images2017.cnblogs.com/blog/626983/201712/626983-20171210131821786-1531457285.png)
注意: 选择的是maven的webapp
![](https://images2017.cnblogs.com/blog/626983/201712/626983-20171210131909052-103398183.png)
然后下一步一下步即可。
创建完成的目录如下:
![](https://images2017.cnblogs.com/blog/626983/201712/626983-20171210131928990-776647316.png)
注意:新建完工程后会弹出一个配置Framworks Detected配置的弹框,一定要点击配置,否则后续还要手动去配置
![](https://images2017.cnblogs.com/blog/626983/201712/626983-20171210131947630-946962029.png)
![](https://images2017.cnblogs.com/blog/626983/201712/626983-20171210132000990-1531868273.png)
如果看到maven工程导入提醒弹框,直接点击Import Changes就好
![](https://images2017.cnblogs.com/blog/626983/201712/626983-20171210132030068-1054167758.png)
2.main下新增java目录,存放java代码
在src/main下新增目录java,然后在java目录上右键选择Mark Directory as->Sources Root将目录转换成源文件目录
![](https://images2017.cnblogs.com/blog/626983/201712/626983-20171210132049318-1470549194.png)
java作为Sources Root存放java代码源文件,如果你不需要存放java代码,则这步可以不做
3.将某个目录变成web站点,对工程增加spring mvc支持
在上图的目录中,将webapp当做存放web资源地方,下图告诉大家在哪里可以更改web资源目录和配置文件
配置入口:File->Project Structure…->Project Settings
3.1配置Facets,配置web站点的目录
如果在第1步创建工程时通过Framworks Detected点过了Configure,则可以跳过这步,去进行3.2步骤
左侧点击Facets,选择右侧的+号,然后选择Web,在弹出的弹框中选择要变为web工程的名,这里是demo,然后点击ok即可
![](https://images2017.cnblogs.com/blog/626983/201712/626983-20171210132109052-499911388.png)
![](https://images2017.cnblogs.com/blog/626983/201712/626983-20171210132135833-2044088765.png)
通过下图可以看到,/opt/demo2/src/main/webapp是网站资源的根目录,上面web.xml为站点的配置文件(启动引导文件)。
我们可以通过更改这里的目录来更改web站点的目录以及web入口配置文件web.xml的位置
![](https://images2017.cnblogs.com/blog/626983/201712/626983-20171210132204255-547397267.png)
此时在看工程目录,webapp的图标变为文件夹左下角有个蓝点的样式了
![](https://images2017.cnblogs.com/blog/626983/201712/626983-20171210132239161-2141137662.png)
3.2配置要用tomcat部署的内容
选择左侧的Artifacts,点击右侧+号,选择Add上的Web Application:Exploded,选择From Modules…,然后选择弹出页面上的Modules即可,最后点击ok保存
![](https://images2017.cnblogs.com/blog/626983/201712/626983-20171210132302333-379979916.png)
![](https://images2017.cnblogs.com/blog/626983/201712/626983-20171210132327849-1812265228.png)
通过下图可以看出,web生成的target目标文件的位置,最终部署需要的classes文件等
![](https://images2017.cnblogs.com/blog/626983/201712/626983-20171210132353318-183311657.png)
3.3让工程支持Spring MVC,非必须操作
在左侧工程目录根目录上右键,点击Add Framework Support…,然后勾选Spring下的Spring MVC,点击ok
![](https://images2017.cnblogs.com/blog/626983/201712/626983-20171210132428943-918995144.png)
4.ideal工程配置tomact
Run ->Edit Configuration,添加Tomcat server,(前提需要自己本地安装tomact)
![](https://images2017.cnblogs.com/blog/626983/201712/626983-20171210132457099-1132464775.png)
tomcat的配置如下:
Application server:选择本地tomcat安装的目录
After launch为启动tomcat后就打开浏览器
HTTP port:web站点的端口号,默认8080
![](https://images2017.cnblogs.com/blog/626983/201712/626983-20171210132521083-189180261.png)
配置部署的war
选择Deployment,点击下面的+,选择Artifact…,在弹框中选择工程名.war exploded,最后点击ok即可
![](https://images2017.cnblogs.com/blog/626983/201712/626983-20171210132549036-1509771747.png)
![](https://images2017.cnblogs.com/blog/626983/201712/626983-20171210132618490-1925529342.png)
![](https://images2017.cnblogs.com/blog/626983/201712/626983-20171210132642208-756959035.png)
5.测试工程是否配置成功
选择run(左侧选中tomact配置了),启动tomcat
![](https://images2017.cnblogs.com/blog/626983/201712/626983-20171210132716193-675037974.png)
然后访问http://localhost:8080能够看到webapp目录下index.jsp的内容就表示配置成功了
![](https://images2017.cnblogs.com/blog/626983/201712/626983-20171210132740286-1434380831.png)