springmvc 图片不显示 springmvc图解

文章目录

• SpirngMVC介绍
• MVC模式图解
• SpringMVC的工作原理图
• SpringMVC小案例

• 最终效果图
• 1. 环境准备`pom.xml`
• 2. 准备bean对象`Person`
• 3. 用`PersonDb`模拟查询数据
• 4. 核心配置文件`springmvc.xml`
• 5. 配置`web.xml`配置`DispatcherServlet`
• 6. 创建`PersonController`
• 7. 前端`list.jsp`页面

SpirngMVC介绍

• Spring mvc属于表现层(view)的框架，它是Spring框架的一部分。
• 主要用于接收参数，获取参数，处理参数，最终将结果响应给浏览器(重定向/请求转发/返回json数据)
• springmvc属于spring FrameWork的一部分，就是一个Spring的模块。
• SpringMVC的web层现在写为controller层，@Controller注解，service层还是@Service，dao层还是@Repository

MVC模式图解

SpringMVC的工作原理图

SpringMVC小案例

最终效果图

1. 环境准备pom.xml

<dependencies>
   <!-- 3 servlet-->
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>servlet-api</artifactId>
      <version>2.5</version>
      <scope>provided</scope>
    </dependency>
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>jsp-api</artifactId>
      <version>2.0</version>
      <scope>provided</scope>
    </dependency>
    <dependency>
      <groupId>jstl</groupId>
      <artifactId>jstl</artifactId>
      <version>1.2</version>
    </dependency>
    <!-- spring mvc是对servlet的封装-->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-webmvc</artifactId>
      <version>5.2.9.RELEASE</version>
    </dependency>

  </dependencies>

2. 准备bean对象Person

public class Person {
    private int id;
    private String username;
    private String password;
    private String city;
	//省略get/set方法
}

3. 用PersonDb模拟查询数据

public class PersonDb {
    //模拟数据库的调用
    public static List<Person> findAll(){
        List<Person> list = new ArrayList<Person>();
        list.add(new Person(1,"jack","123456","北京"));
        list.add(new Person(2,"rose","123456","长沙"));
        list.add(new Person(3,"tony","123456","深圳"));
        return list;
    }
}

4. 核心配置文件springmvc.xml

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

    <!--进行包扫描,创建controller层的对象 只要是指定的包与子包下面有@Controller的类
    都要被创建对象，且加入ioc容器中-->
    <context:component-scan base-package="com.wzx.controller"/>
</beans>

5. 配置web.xml配置DispatcherServlet

配置所有的后缀为.action的受DispatcherServlet调配。

Alt+Insert快捷键选择servlet创建(或者鼠标右键选择 Generate)

<!--鼠标右键自动生成servlet-->
  <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>
    <!-- *.action就是所有后缀为action的转给当前servlet处理 -->
    <url-pattern>*.action</url-pattern>
  </servlet-mapping>

6. 创建PersonController

  ModelAndView数据格式 Model是数据，View是视图，进行数据与页面的封装。
@RequestMapping设置自访问名称

@Controller
public class PersonController {
    //查询所有的person数据，后缀action
    @RequestMapping("list.action")
    public ModelAndView listPersons(){
        //1:获取集合
        List<Person> list = PersonDb.findAll();

        //2:转发到页面 - 以前通过设置到请求域中，然后请求转发/重定向
        // request.setAttribute("list",list)
        // request.getDispatcher("/list.jsp").forward(req,resp)

        //现在通过ModelAndView数据格式 Model是数据，View是视图，进行数据与页面的封装。
        ModelAndView mv = new ModelAndView();//对数据与页面的封装
        mv.addObject("list",list);
        mv.setViewName("list.jsp");
        //3:在页面上进行forEach循环
        return mv;
    }
}

7. 前端list.jsp页面

通过C标签的forEach循环遍历输出显示。c:forEach

<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <table border="1px" width="100%">
        <tr>
            <td>编号 </td>
            <td>用户名 </td>
            <td>密码 </td>
            <td>城市 </td>
            <td>操作 </td>
        </tr>
        <%--通过forEach循环，item是循环的当前对象，存放到作用域中，通过el表达式获取--%>
        <c:forEach items="${list}" var="item" >
            <tr>
                <td>${item.id}</td>
                <td>${item.username}</td>
                <td>${item.password}</td>
                <td>${item.city}</td>
                <td><a href="#">修改</a> </td>
            </tr>
        </c:forEach>

    </table>
</body>
</html>