springMVC项目搭建及其环境配置

一.新建maven项目，导入依赖

• 

• <?xml version="1.0" encoding="UTF-8"?>
  <project xmlns="http://maven.apache.org/POM/4.0.0"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
      <parent>
          <artifactId>demo</artifactId>
          <groupId>org.example</groupId>
          <version>1.0-SNAPSHOT</version>
      </parent>
      <modelVersion>4.0.0</modelVersion>
  
      <artifactId>demo-mvc1</artifactId>
      <packaging>war</packaging>
  
  
      <dependencies>
          <dependency>
              <groupId>org.springframework</groupId>
              <artifactId>spring-webmvc</artifactId>
              <version>5.3.19</version>
          </dependency>
  
          <dependency>
              <groupId>javax.servlet</groupId>
              <artifactId>javax.servlet-api</artifactId>
              <version>3.1.0</version>
          </dependency>
  
          <dependency>
              <groupId>javax.servlet</groupId>
              <artifactId>jsp-api</artifactId>
              <version>2.0</version>
          </dependency>
  
          <dependency>
              <groupId>javax.servlet</groupId>
              <artifactId>jstl</artifactId>
              <version>1.2</version>
          </dependency>
      </dependencies>
  </project>

二.在webapp/WEB-INF包下面加入web.xml 文件，搭建好服务器tom-mvc1

• 

三.新建一个util.DataUtil来模仿数据库数据，和com.pro.controller.UserController类（相当于servlet），

• 

• package com.pro.util;
  
  import com.pro.domain.User;
  
  import java.util.ArrayList;
  import java.util.List;
  
  public class DataUtil {
  
      public static List<User> userList = new ArrayList<User>();
  
      //写一个静态代码块，模拟从数据库当中取出来的数据集合
      static {
          for (int i = 0; i < 10; i++) {
              userList.add((new User(
                      i,
                      "name" + i,
                      "pwd" + 1
              )));
          }
      }
  }
  

• package com.pro.controller;
  
  
  import com.pro.util.DataUtil;
  import org.springframework.stereotype.Controller;
  import org.springframework.ui.Model;
  import org.springframework.web.bind.annotation.RequestMapping;
  
  @Controller
  public class UserController {
  
      @RequestMapping("/")
      public String index(Model model){
          System.out.println("--index--");
          //相当于request.setAttribute("","")
          model.addAttribute("userList", DataUtil.userList);
          return "index";
          ///WEB-INF/jsp/index.jsp
      }
  }
  

四.配置好web.xml文件 

• 

• <?xml version="1.0" encoding="UTF-8"?>
  <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
           xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
           version="3.1">
  
      <servlet>
          <servlet-name>mvc</servlet-name>
          <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
          <init-param>
              <param-name>contextConfigLocation</param-name>
              <param-value>classpath:spring-mvc.xml</param-value>
          </init-param>
          <load-on-startup>1</load-on-startup>
      </servlet>
      <servlet-mapping>
          <servlet-name>mvc</servlet-name>
          <url-pattern>/</url-pattern>
      </servlet-mapping>
  </web-app>

五.在resource资源包下面配置好spring-mvc.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:p="http://www.springframework.org/schema/p"
         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">
      <!--这个是扫描,指定包下的组件-->
      <context:component-scan base-package="com.pro"/>
  
      <!--配置一个视图解析器，来访问WEB-INF下面的文件
        /WEB-INF/jsp/网页目录及名称 WEB-INF/jsp/index.jsp
        -->
      <bean id="viewResolver" class="org.springframework.web.servlet.view.UrlBasedViewResolver">
          <property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/>
          <property name="prefix" value="/WEB-INF/jsp/"/>
          <property name="suffix" value=".jsp"/>
  
      </bean>
  </beans>
  

六.在WEB-INF包下面建一个jsp包，里面加入index.jsp

•  

• <!DOCTYPE html>
  <%--引入jstl--%>
  <%@page contentType="text/html; charset=UTF-8" language="java" %>
  <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  <html lang="en">
  <head>
      <meta charset="UTF-8">
      <title>Title</title>
      <script src="js/jquery-3.6.0.js"></script>
      <script>
          $(function () {
  
          })
      </script>
  </head>
  <body>
  hello index
  <table border="1px" width="500px">
      <tr>
          <td>编号</td>
          <td>用户名</td>
          <td>密码</td>
          <td>操作</td>
      </tr>
  
      <c:forEach items="${userList}" var="user">
          <tr>
              <td>${user.userId}</td>
              <td>${user.username}</td>
              <td>${user.password}</td>
              <td>
                  <a href="#">修改</a>
                  <a href="#">删除</a>
              </td>
          </tr>
      </c:forEach>
  </table>
  </body>
  </html>

 七.案例效果：