4、(超详细)idea2019.2.4创建maven_web项目

1、先点击create new project!
4、(超详细)idea2019.2.4创建maven_web项目_第1张图片
2、选择类型为maven,项目模板为webapp!
4、(超详细)idea2019.2.4创建maven_web项目_第2张图片
3、填写项目基本信息!
4、(超详细)idea2019.2.4创建maven_web项目_第3张图片
4、配置自己的maven!
如果没有安装和配置过maven,可进入我的主页,有相关文章
4、(超详细)idea2019.2.4创建maven_web项目_第4张图片
5、点击finish完成项目的创建!
4、(超详细)idea2019.2.4创建maven_web项目_第5张图片
6、项目创建完成后,右下角会弹出提示,选择Enable Auto-Import!
4、(超详细)idea2019.2.4创建maven_web项目_第6张图片
7、到这里工程项目就创建完成了,如图所示:
4、(超详细)idea2019.2.4创建maven_web项目_第7张图片
8、接下来手动创建java和resources文件夹!
目前这里暂时没有java文件夹和resources文件夹,需要自己手动创建!
A、首先创建java文件夹,如图所示:
如果你是第一次使用maven,下载的时间可能会很长,
就得等到maven下载完成后再创建目录和转化,否则可能报错,
这是我以前踩过的坑,自己还解决不了!)

4、(超详细)idea2019.2.4创建maven_web项目_第8张图片
4、(超详细)idea2019.2.4创建maven_web项目_第9张图片
然后对java文件夹进行转化!
4、(超详细)idea2019.2.4创建maven_web项目_第10张图片
B、接着创建resources文件夹,也是创建然后转化,创建就不截图了,但是转化是转化成Resources Root,别搞错了,如图所示:

4、(超详细)idea2019.2.4创建maven_web项目_第11张图片
4、(超详细)idea2019.2.4创建maven_web项目_第12张图片
9、接着配置Tomcat。
4、(超详细)idea2019.2.4创建maven_web项目_第13张图片
使用本地的Tomcat,选择对应的Tomcat!
4、(超详细)idea2019.2.4创建maven_web项目_第14张图片
4、(超详细)idea2019.2.4创建maven_web项目_第15张图片
然后切换到server旁边的Deployment属性框。
4、(超详细)idea2019.2.4创建maven_web项目_第16张图片
选择项目,选择不带exploded的!
4、(超详细)idea2019.2.4创建maven_web项目_第17张图片
接着apply→OK!
10、接下来配置首页!
打开web.xml文件,配置一下首页为index.jsp,也就是图片中蓝色框的index.jsp文件。
4、(超详细)idea2019.2.4创建maven_web项目_第18张图片
最后就可以运行Tomcat!
4、(超详细)idea2019.2.4创建maven_web项目_第19张图片
效果如图:
4、(超详细)idea2019.2.4创建maven_web项目_第20张图片
成功显示index.jsp文件中的Hello World!
最基本的基于maven的web项目就创建完成了!
由于本人水平有限,内容稍有不足,望包涵!如果可以,麻烦动手点个赞以示鼓励!

你可能感兴趣的:(4、(超详细)idea2019.2.4创建maven_web项目)