Spring MVC项目踩过的坑

                <p>Spring MVC项目创建,我踩过的bug<br> 前言<br> 最近在学spring MVC,做为一个初学者,踩了不少坑,导致项目各种出错<br> 在这里向大家分享一下我的项目开发操作,开发springMVC项目步骤:<br> <strong>打开idea</strong><br> 我的项目运行环境<br> 在idea2020版+jdk8+maven<br> 选择create new project创建一个新的项目<br> <img src="https://img-blog.csdnimg.cn/20201122225133859.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzUxNTE1MDg1,size_16,color_FFFFFF,t_70" alt="在这i里插入图片描述">idea2020版,<br> <strong>第二步</strong><br> <img src="https://img-blog.csdnimg.cn/20201122225343277.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzUxNTE1MDg1,size_16,color_FFFFFF,t_70" alt="在这里插入图片描述"><br> 选择Maven工程,勾选create from archetype选择Maven骨架,选择webapp,注意是第二个webapp不要选错了<br> 之后就是选择项目名字,个人随意<br> 最后选择自己的Maven,点击finish,Maven工程创建完毕</p> 

我踩得第一个坑:Maven项目目录不对,没有web目录怎么补:

在这里插入图片描述
可以看见我的Maven工程应该是目录不全,没有web目录,该如何补全呢?
首先,自己创建一个webapp目录,在src下在这里插入图片描述
选择flie–>project structrue
在这里插入图片描述
选择moudules,点击+,选择web
在这里插入图片描述
在这里插入图片描述
这时idea为我们创建一个默认的web目录,不要选择它,它与src目录同级
点击web resource directory 下那目录,再点击右边小小的文件夹,选择自己刚刚创建的webapp目录
在这里插入图片描述
点击OK
注意这里把你的webapp目录路径copy一下
在这里插入图片描述
在path点击右边小笔,编辑一下,把WEB-INF\web.xml,路径之前改成自己的webapp路径,点击OK
在这里插入图片描述
点击右下角Artifacts,进入点击OK,web目录补全了
接下来创建第一个项目:hello springmvc
在webapp目录下创建一个子目录pages,pages目录创建一个hello.jsp
在这里插入图片描述
在index.jsp,起始页面
在这里插入图片描述
在pom.xml导入依赖,相关依赖都可以百度到
在这里插入图片描述

注意我踩到第二个大坑,我的pom.xml没有将我的项目打包成war包部署进服务器Tomcat,导致我后面一直跳转页面时报404

需加war
如下图
在这里插入图片描述
接下来,先编写一个HelloController类
return:跳转页面
@Controller:将HelloController加载进spring容器
@RequestMapping:映射,使扫描器扫描到这
在这里插入图片描述
在resources目录写一个spring-mvc.xml
<context:component-scan base-package=“com.itcast.controller”/>代表扫描的基本包,其他有注释
中vlaue代表前端控制器会去找的资源目录,找web目录下pages目录hello,后缀名.jsp的页面
在这里插入图片描述
在web.xml编写前端控制器
在这里插入图片描述
至此代码编写完成,我们在add configuration添加Tomcat,启动项目
项目启动成功,初始化页面
在这里插入图片描述
点击跳转页面
hello spring MVC
项目启动成功
在这里插入图片描述

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值