intellij idea版本:2017
1.新建一个web工程
使用工具intellij ideal,注意:只有Ultimate版本的可以新建web工程,社区版本的不支持新建web工程
File->New->Project…

注意: 选择的是maven的webapp

然后下一步一下步即可。
创建完成的目录如下:

注意:新建完工程后会弹出一个配置Framworks Detected配置的弹框,一定要点击配置,否则后续还要手动去配置


如果看到maven工程导入提醒弹框,直接点击Import Changes就好

2.main下新增java目录,存放java代码
在src/main下新增目录java,然后在java目录上右键选择Mark Directory as->Sources Root将目录转换成源文件目录

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即可


通过下图可以看到,/opt/demo2/src/main/webapp是网站资源的根目录,上面web.xml为站点的配置文件(启动引导文件)。
我们可以通过更改这里的目录来更改web站点的目录以及web入口配置文件web.xml的位置

此时在看工程目录,webapp的图标变为文件夹左下角有个蓝点的样式了

3.2配置要用tomcat部署的内容
选择左侧的Artifacts,点击右侧+号,选择Add上的Web Application:Exploded,选择From Modules…,然后选择弹出页面上的Modules即可,最后点击ok保存


通过下图可以看出,web生成的target目标文件的位置,最终部署需要的classes文件等

3.3让工程支持Spring MVC,非必须操作
在左侧工程目录根目录上右键,点击Add Framework Support…,然后勾选Spring下的Spring MVC,点击ok

4.ideal工程配置tomact
Run ->Edit Configuration,添加Tomcat server,(前提需要自己本地安装tomact)

tomcat的配置如下:
Application server:选择本地tomcat安装的目录
After launch为启动tomcat后就打开浏览器
HTTP port:web站点的端口号,默认8080

配置部署的war
选择Deployment,点击下面的+,选择Artifact…,在弹框中选择工程名.war exploded,最后点击ok即可



5.测试工程是否配置成功
选择run(左侧选中tomact配置了),启动tomcat

然后访问http://localhost:8080能够看到webapp目录下index.jsp的内容就表示配置成功了
