SpringMVC入门案例包含对静态资源放行操作

阳光穿透心脏的1/2处 2021-12-10 19:07 265阅读 0赞

1 创建web项目

2 导入jar包

![20190711175644915.png][]

3 配置文件【web.xml和springmvc.xml】

web.xml

<?xml version="1.0" encoding="UTF-8"?>
    <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    	xmlns="http://java.sun.com/xml/ns/javaee"
    	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
    	id="WebApp_ID" version="2.5">
    	<display-name>SpringMVC_day01</display-name>
    	<welcome-file-list>
    		<welcome-file>index.html</welcome-file>
    		<welcome-file>index.htm</welcome-file>
    		<welcome-file>index.jsp</welcome-file>
    		<welcome-file>default.html</welcome-file>
    		<welcome-file>default.htm</welcome-file>
    		<welcome-file>default.jsp</welcome-file>
    	</welcome-file-list>
    
    	<servlet>
    		<servlet-name>springMVC</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>
    
    	</servlet>
    	<servlet-mapping>
    		<servlet-name>springMVC</servlet-name>
    		
    		<url-pattern>*.action</url-pattern>
    	</servlet-mapping>
    </web-app>

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:p="http://www.springframework.org/schema/p"
    	xmlns:context="http://www.springframework.org/schema/context"
    	xmlns:mvc="http://www.springframework.org/schema/mvc"
    	xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.0.xsd
            http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd
            http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.0.xsd">
    
    	
    	<context:component-scan base-package="com.controller" />
    	
    	
    	
    	
    	
    	
    	
    	
    	<mvc:annotation-driven/>
    	
    	
    	<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
    		<property name="prefix" value="/WEB-INF/jsp/"></property>
    		<property name="suffix" value=".jsp/"></property>
    	</bean>
    </beans>

> 如果web.xml里面**<url-pattern>/</url-pattern>配置的/          那么就需要我们在**springmvc.xml里面配置对静态资源放行
> 
> ![20190815111512377.png][]
> 
> ![20190814225109380.png][]
> 
> ![20190815105820818.png][]
> 
> <servlet-mapping>  
>         <servlet-name>springMVC</servlet-name>  
>           
>        ** <url-pattern>/</url-pattern>**  
>     </servlet-mapping>

4 编写实体类和数据库表

package com.pojo;
    
    import java.util.Date;
    
    public class Items {
        public Items(Integer id, String name, Float price, Date createtime, String detail) {
    		super();
    		this.id = id;
    		this.name = name;
    		this.price = price;
    		this.createtime = createtime;
    		this.detail = detail;
    	}
    
    	private Integer id;
    
        private String name;
    
        private Float price;
    
        private String pic;
    
        private Date createtime;
    
        private String detail;
    
        public Integer getId() {
            return id;
        }
    
        public void setId(Integer id) {
            this.id = id;
        }
    
        public String getName() {
            return name;
        }
    
        public void setName(String name) {
            this.name = name == null ? null : name.trim();
        }
    
        public Float getPrice() {
            return price;
        }
    
        public void setPrice(Float price) {
            this.price = price;
        }
    
        public String getPic() {
            return pic;
        }
    
        public void setPic(String pic) {
            this.pic = pic == null ? null : pic.trim();
        }
    
        public Date getCreatetime() {
            return createtime;
        }
    
        public void setCreatetime(Date createtime) {
            this.createtime = createtime;
        }
    
        public String getDetail() {
            return detail;
        }
    
        public void setDetail(String detail) {
            this.detail = detail == null ? null : detail.trim();
        }
    }

CREATE TABLE `items` (
      `id` int(11) NOT NULL AUTO_INCREMENT,
      `name` varchar(32) NOT NULL COMMENT '商品名称',
      `price` float(10,1) NOT NULL COMMENT '商品定价',
      `detail` text COMMENT '商品描述',
      `pic` varchar(64) DEFAULT NULL COMMENT '商品图片',
      `createtime` datetime NOT NULL COMMENT '生产日期',
      PRIMARY KEY (`id`)
    ) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8;

5 编写controller层

package com.controller;
    
    import java.util.ArrayList;
    import java.util.Date;
    import java.util.List;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.RequestMapping;
    import org.springframework.web.servlet.ModelAndView;
    
    import com.pojo.Items;
    //注解方式
    @Controller
    public class ItemController {
    	// @RequestMapping：里面放的是请求的url，和用户请求的url进行匹配
    	@RequestMapping("/itemList.action")
    	public ModelAndView queryItem() {
    		List<Items> list = new ArrayList<>();
    		list.add(new Items(1, "1华为 荣耀8", 2399f, new Date(), "质量好！1"));
    		list.add(new Items(2, "2华为 荣耀8", 2399f, new Date(), "质量好！2"));
    		list.add(new Items(3, "3华为 荣耀8", 2399f, new Date(), "质量好！3"));
    		list.add(new Items(4, "4华为 荣耀8", 2399f, new Date(), "质量好！4"));
    		list.add(new Items(5, "5华为 荣耀8", 2399f, new Date(), "质量好！5"));
    		list.add(new Items(6, "6华为 荣耀8", 2399f, new Date(), "质量好！6"));
    		// 创建ModelAndView，用来存放数据和视图
    		ModelAndView modelAndView = new ModelAndView();
    		modelAndView.addObject("itemList", list);
    	    //modelAndView.setViewName("/WEB-INF/jsp/itemList.jsp");
            //视图解析器会自动拼装
            modelAndView.setViewName("itemList");
    		return modelAndView;
    
    	}
    }

6 编写jsp页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>查询商品列表</title>
    </head>
    <body> 
    <form action="${pageContext.request.contextPath }/item/queryitem.action" method="post">
    查询条件：
    <table width="100%" border=1>
    <tr>
    <td><input type="submit" value="查询"/></td>
    </tr>
    </table>
    商品列表：
    <table width="100%" border=1>
    <tr>
    	<td>商品名称</td>
    	<td>商品价格</td>
    	<td>生产日期</td>
    	<td>商品描述</td>
    	<td>操作</td>
    </tr>
    <c:forEach items="${itemList }" var="item">
    <tr>
    	<td>${item.name }</td>
    	<td>${item.price }</td>
    	<td><fmt:formatDate value="${item.createtime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>
    	<td>${item.detail }</td>
    	
    	<td><a href="${pageContext.request.contextPath }/itemEdit.action?id=${item.id}">修改</a></td>
    
    </tr>
    </c:forEach>
    
    </table>
    </form>
    </body>
    
    </html>

7 访问 [http://127.0.0.1:8080/SpringMVC\_day01/itemList.action][http_127.0.0.1_8080_SpringMVC_day01_itemList.action]看是否成功

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTY5MTA4_size_16_color_FFFFFF_t_70][]

[20190711175644915.png]: /images/20211210/84226673557545998af9a2edfb5ef468.png
[20190815111512377.png]: /images/20211210/10df8202c396417abbe60e5e5b09b514.png
[20190814225109380.png]: /images/20211210/f3695bceb66f4fc0babc396c4c59800d.png
[20190815105820818.png]: /images/20211210/7b01cf422ea74b17b3dc7c5b035bf133.png
[http_127.0.0.1_8080_SpringMVC_day01_itemList.action]: http://127.0.0.1:8080/SpringMVC_day01/itemList.action
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwOTY5MTA4_size_16_color_FFFFFF_t_70]: /images/20211210/1b11c26fdd314cab8f2e0d52eb49947c.png