SpringMVC的入门案例以及基本环境搭建

SpringMVC的入门案例和环境搭建(超详细)

1.创建基于maven的webapp项目

在这里插入图片描述
在这里插入图片描述在这里插入图片描述

2.添加pom.xml文件的依赖

<spring.version>5.0.2.RELEASE</spring.version>

在这里插入图片描述

<dependencies>
  <dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-context</artifactId>
    <version>${spring.version}</version>
  </dependency>
  <dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-web</artifactId>
    <version>${spring.version}</version>
  </dependency>
  <dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-webmvc</artifactId>
    <version>${spring.version}</version>
  </dependency>
  <dependency>
    <groupId>javax.servlet</groupId>
    <artifactId>servlet-api</artifactId>
    <version>2.5</version>
    <scope>provided</scope>
  </dependency>
  <dependency>
    <groupId>javax.servlet.jsp</groupId>
    <artifactId>jsp-api</artifactId>
    <version>2.0</version>
    <scope>provided</scope>
  </dependency>
</dependencies>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qfBJIZnn-1588916971061)(F:\360MoveData\Users\Administrator\Desktop\博客\图片\6.png)]

3.补全项目的目录结构

我们先观察一下目录结构

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LitZPI7F-1588916971063)(F:\360MoveData\Users\Administrator\Desktop\博客\图片\7.png)]

发现缺少装class文件和配置文件的目录,于是在main文件下添加java和resources两个文件夹并指明为源文件夹

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uglBBdUw-1588916971065)(F:\360MoveData\Users\Administrator\Desktop\博客\图片\8.png)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Pte7vj6L-1588916971067)(F:\360MoveData\Users\Administrator\Desktop\博客\图片\10.png)]
在这里插入图片描述

最终的目录结构

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pbqPwW7x-1588916971069)(F:\360MoveData\Users\Administrator\Desktop\博客\图片\11.png)]

4.敲代码

web.xml

<!DOCTYPE web-app PUBLIC
        "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
        "http://java.sun.com/dtd/web-app_2_3.dtd" >

<web-app>
    <display-name>Archetype Created Web Application</display-name>
    <servlet>
        <servlet-name>dispatcherServlet</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:springmvc.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>dispatcherServlet</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>

</web-app>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-X28skfc2-1588916971070)(F:\360MoveData\Users\Administrator\Desktop\博客\图片\12.png)]

springmvc.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xsi:schemaLocation="
       http://www.springframework.org/schema/beans
       http://www.springframework.org/schema/beans/spring-beans.xsd
       http://www.springframework.org/schema/mvc
       http://www.springframework.org/schema/mvc/spring-mvc.xsd
       http://www.springframework.org/schema/context
       http://www.springframework.org/schema/context/spring-context.xsd">

    <context:component-scan base-package="cn.yznu.demo"></context:component-scan>

    <bean id="ViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/pages/"></property>
        <property name="suffix" value=".jsp"></property>
    </bean>

    <mvc:annotation-driven></mvc:annotation-driven>
</beans>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-q0cAQ9d7-1588916971071)(F:\360MoveData\Users\Administrator\Desktop\博客\图片\13.png)]

demo01.class

package cn.yznu.demo;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class demo01 {
    @RequestMapping(path = "/first")
    public String firstdemo() {
        System.out.println("来了,老弟!");
        return "ok";
    }
}

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6tiNZiFn-1588916971072)(F:\360MoveData\Users\Administrator\Desktop\博客\图片\14.png)]

index.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>入门案例</title>
</head>
<body>
<h3>入门案例</h3>
<a href="first">入门,我入!</a>
</body>
</html>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PFoTwSeA-1588916971075)(F:\360MoveData\Users\Administrator\Desktop\博客\图片\15.png)]

ok.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>入门成功</title>
</head>
<body>
<h1>入门成功!</h1>
</body>
</html>

5.服务器部署

1.

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PJl8T8UT-1588916971076)(F:\360MoveData\Users\Administrator\Desktop\博客\图片\16.png)]

2.

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-WHU6kSRu-1588916971078)(F:\360MoveData\Users\Administrator\Desktop\博客\图片\17.png)]

3.

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mDwIZh3X-1588916971080)(F:\360MoveData\Users\Administrator\Desktop\博客\图片\18.png)]

4.

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sLYFTFHX-1588916971080)(F:\360MoveData\Users\Administrator\Desktop\博客\图片\19.png)]

OK就完事儿

6.运行

啪啦啪啦,一顿运行过后,弹出了浏览器

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-quD2gqQZ-1588916971084)(F:\360MoveData\Users\Administrator\Desktop\博客\图片\20.png)]

我们点击过后

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-I1YPhHk5-1588916971085)(F:\360MoveData\Users\Administrator\Desktop\博客\图片\21.png)]

可以看到,入门成功的页面。我们再看一下控制台是否正确执行

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dV0JuEbj-1588916971087)(F:\360MoveData\Users\Administrator\Desktop\博客\图片\22.png)]

非常好,入门案例成功执行!

7.最后,给大家附上一张SpringMVC的流程图

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hFNCyHWq-1588916971089)(F:\360MoveData\Users\Administrator\Desktop\博客\图片\23.png)]

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值