鉴于这是基本功,而且发现自己经常犯类似的错误,因此详细记录一下这个问题。

1.准备

以笔者的测试软件以及版本为准

  • IDEA 2020.3
  • Maven3.6.5
  • Tomcat 8.5
  • JDK1.8

2.项目目录构建

2.1

File→new →Project:选择Maven构建项目,Project SDK 是1.8直接Next,填写项目名称以及对应的位置,不再细说;此时只是一般的Maven构建的项目。

2.2

File→Project Structure→选择Facets,点击 + 选择 Web,默认弹出当前的项目名,选中项目,然后点击OK,右边有三项需要调整:

Deployment Descriptors:

点击该栏,再点击右边铅笔表示编辑按钮,修改当前的web.xml的目录结果,比如:我的是 E:\JavaProject\springMVC\testProj\web\WEB-INF\web.xml,将其修改成 E:\JavaProject\springMVC\testProj\src\main\webapp\WEB-INF\web.xml ,下面的 Version可以修改成3.1,点击OK

Web Resource Directories

这个设置主要是web资源存放的目录,很重要,如果不设置Web里面的一系列资源就404无法访问。点击该栏,再编辑,和前面保持一致 E:\JavaProject\springMVC\testProj\src\main\webapp 。 相对路径为默认的 /

点击OK,并确认创建该目录。

Source Root

直接点击 Create Artifact,然后进入后不用修改,直接点OK。

之后点击OK,退出界面,此时在工程目录中 src/main/webapp目录就存放后面的web资源文件。可以在该目录下创建一个测试index.html:

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. </head>
  7. <body>
  8. <h1>Test Page</h1>
  9. </body>
  10. </html>

3.配置Tomcat服务器

点击编辑器右上角 锤子后边的 Add Configuration,在面板中展开Templates,然后选择 Tomcat Server→Local,然后 配置Application Server的安装目录,点击OK。退出再进入,然后直接点击 +

选择Tomcat Server Local就出现之前设置好的 模板,这里有几点:

3.1

点击Deployment,点击右边 + 选择添加当前项目目录。再设置 下方的 Application Context为 /

再切换回Server :

3.2

设置 On 'Update' action 选择 Update classes and resources。这样修改源代码就不用重启Tomcat服务器。即热部署(热部署只存在于Debug模式下)。后面可以按需修改端口,整个项目Tomcat服务器配置就完成。

BTW:我实际发现工程中没有java代码的时候这个选项暂时还没有,可以写完一个Java代码后再设置这个

4.测试

可以以Debug模式启动测试页面 查看 localhost/index.html是否能正确显示出来。

IDEA Maven快速创建JavaWeb项目的更多相关文章

  1. maven学习(八)——使用maven创建javaweb项目

    构建JavaWeb项目 1.创建JavaWeb项目 1.使用mvn archetype:generate命令,如下所示: mvn archetype:generate -DgroupId=com.my ...

  2. JavaEE——Intellij Idea 创建JavaWeb项目

    原文:JavaEE--Intellij Idea 创建JavaWeb项目 折腾Tomcat折腾了两个晚上,第一个晚上怎么都进不了Tomcat的首页,第二个晚上进去了,但是新建的Web项目,在浏览器中运 ...

  3. eclipse弃坑记第一篇之在idea上配置Tomcat环境并创建Javaweb项目的详细步骤原创

    IntelliJ IDEA是一款功能强大的开发工具,在代码自动提示.重构.J2EE支持.各类版本工具(如git.svn.github).maven等方面都有很好的应用. IntelliJ IDEA有免 ...

  4. Spring-boot(一)通过向导快速创建Spring-boot项目

    通过向导快速创建Spring-boot项目 创建步骤: 选择Spring Initializr 填写组织和模块名 选择对应的模块 注:这里左侧的模块比较多,玩家可以根据自己的实际需要自由选择,此处暂时 ...

  5. 转:基于Maven管理的JavaWeb项目目录结构参考

    通常在创建JavaWeb项目时多多少少都会遵循一些既定的比较通用的目录结构,下面分享一张基于Maven管理的JavaWeb项目目录结构参考图: 上图仅是参考,不同项目不同团队都有自己的约定和规范. 个 ...

  6. 【快学springboot】1.快速创建springboot项目

    若图片查看异常,请前往掘金查看:https://juejin.im/post/5d00e793f265da1b614ff10b 使用spring initialize工具快速创建springboot项 ...

  7. 使用Maven来创建WEB项目

    IDE: Eclipse Tool:Maven 1. 下载JDK,配置java环境变量 2.下载Maven,配置Maven环境变量 3. 利用Maven来创建WEB项目 (1)按照下面的截图流程创建m ...

  8. Intellij Idea 创建JavaWeb项目入门(一)

    Idea创建JavaWeb项目步骤:1.打开Intellij Idea IDE,然后点击Create New Project 2.左侧选择Java Enterprise,右侧选择Web Applica ...

  9. Eclipse创建javaWeb项目工程

    首先,想作为一个较为标准的程序员,应该把自己的开发工具eclipse设置成与公司中大多数程序员的设置一样,比如说工作的字符编码为UTF-8,字体大小等等. 在刚下载好的eclipse中刚进去是没有To ...

随机推荐

  1. JavaScript中for...in循环使用问题

    问题 使用for...in去遍历一个数组,同时将值添加到另外一个数组时,新的数组中每次都多出来一个function类型的元素. 原因及解决方案 for...in用来循环本身没有问题,但是经常被误用来遍 ...

  2. Docker单机网络下

    前言 Docker系列文章: 此篇是Docker系列的第七篇,大家一定要按照我做的Demo都手敲一遍,印象会更加深刻的,加油! 为什么要学习Docker Docker基本概念 Docker镜像基本原理 ...

  3. nginx反向代理tcp协议的80端口

    需求:内网有一台mqtt协议服务器,需要将外网的mqtt请求通过一台服务器代理到内网的mqtt服务器上.而这台代理服务器不会开放出了80之外的端口,所以只能使用80端口来转发mqtt请求. 步骤:1. ...

  4. MySQL 查看命令执行时间

    查看执行时间 1 show profiles; 2  show variables like "%pro%";查看profiling 是否是on状态: 3 如果是off,则执行se ...

  5. ROS2学习之旅(4)——理解ROS2 Graph中的节点

    ROS(2)图(ROS(2) graph)是一个同时处理数据的基于ROS2元素的网络,它包含了所有的可执行文件以及它们之间的连接.图中的基本元素包括:节点(nodes).话题(topics).服务(s ...

  6. JUnit5参数化测试的几种方式

    参数化测试一直是津津乐道的话题,我们都知道JMeter有四种参数化方式:用户自定义变量.用户参数.CSV文件.函数助手,那么JUnit5有哪些参数化测试的方式呢? 依赖 JUnit5需要添加junit ...

  7. [刘阳Java]_eayui-searchbox搜索组件_第6讲

    EasyUI中搜索框也是常用的基本组件,可以用到条件搜索中 <!DOCTYPE html> <html> <head> <meta charset=" ...

  8. [刘阳Java]_EasyUI环境搭建_第2讲

    在EasyUI的第1讲中我们介绍了学习EasyUI能够做什么,这次我们得快速搭建一个EasyUI环境,来测试一下它的运行效果 1.jQuery EasyUI环境搭建 <script type=& ...

  9. 字典get方法和setdesault方法,统计message中各元素的出现频次

    message= 'There are moments in life when you miss someone so much that you just want to pick them fr ...

  10. 超详细!Vuex手把手教程

    目录 1,前言 2,Vuex 是什么 3,5大属性说明 4,state 4.1 直接访问 4.1 使用mapState映射 5,getters 5.1 先在vuex中定义getters 5.2 直接获 ...