Spring+SpringMVC+SpringJDBC搭建web项目实现商品查询

准备工作：创建商品数据库，以及商品表

#创建数据库

DROP DATABASE IF EXISTS goodsDB;

CREATE DATABASE goodsDB;

USE goodsDB;

#创建商品表 goods

#id number 商品编号，主键

#name Varchar2(50) 商品名称，非空

#Price Number 商品单价，非空

#Num number 商品库存，必须大于0

CREATE TABLE goods(

id INT PRIMARY KEY,

NAME VARCHAR(50),

price DOUBLE NOT NULL,

imgs VARCHAR(200),

num INT

);

#添加数据

#创建数据库

DROP DATABASE IF EXISTS goodsDB;

CREATE DATABASE goodsDB;

USE goodsDB;

#创建商品表 goods

#id number 商品编号，主键

#name Varchar2(50) 商品名称，非空

#Price Number 商品单价，非空

#Num number 商品库存，必须大于0

CREATE TABLE goods(

id INT PRIMARY KEY,

NAME VARCHAR(50),

price DOUBLE NOT NULL,

imgs VARCHAR(200),

num INT

);

#添加数据

INSERT INTO goods VALUES('10010','迪奥999',250,'dior999.gif',100);

INSERT INTO goods VALUES('10020','阿玛尼405',288,'405.gif',50);

INSERT INTO goods VALUES('10030','TF16',398,'tf16.jpg',80);

INSERT INTO goods VALUES('10040','YSL1966',998,'ysl1966.jpg',20);

SELECT * FROM goods;

-----------Spring+SpringMVC+SpringJDBC搭建web项目实现商品查询-----------

创建maven的web项目
打开pom.xml导入相关jar包依赖坐标以及打包插件

<dependencies>
    
    <dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-webmvc</artifactId>
        <version>6.0.6</version>
    </dependency>
    
    <dependency>
        <groupId>jakarta.annotation</groupId>
        <artifactId>jakarta.annotation-api</artifactId>
        <version>2.1.1</version>
    </dependency>
    
    <dependency>
        <groupId>jakarta.platform</groupId>
        <artifactId>jakarta.jakartaee-web-api</artifactId>
        <version>9.1.0</version>
        <scope>provided</scope>
    </dependency>
    
    <dependency>
        <groupId>jakarta.servlet.jsp.jstl</groupId>
        <artifactId>jakarta.servlet.jsp.jstl-api</artifactId>
        <version>3.0.0</version>
    </dependency>
    <dependency>
        <groupId>org.glassfish.web</groupId>
        <artifactId>jakarta.servlet.jsp.jstl</artifactId>
        <version>2.0.0</version>
    </dependency>
    
    <dependency>
        <groupId>com.fasterxml.jackson.core</groupId>
        <artifactId>jackson-databind</artifactId>
        <version>2.15.0</version>
    </dependency>
    
    <dependency>
        <groupId>mysql</groupId>
        <artifactId>mysql-connector-java</artifactId>
        <version>8.0.25</version>
    </dependency>
    
    <dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-jdbc</artifactId>
        <version>6.0.6</version>
    </dependency>
    
    <dependency>
        <groupId>com.alibaba</groupId>
        <artifactId>druid</artifactId>
        <version>1.2.8</version>
    </dependency>
    
    <dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-tx</artifactId>
        <version>6.0.6</version>
    </dependency>
    
    <dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-aspects</artifactId>
        <version>6.0.6</version>
    </dependency>
    
    <dependency>
        <groupId>org.projectlombok</groupId>
        <artifactId>lombok</artifactId>
        <version>1.18.26</version>
    </dependency>
    
    <dependency>
        <groupId>ch.qos.logback</groupId>
        <artifactId>logback-classic</artifactId>
        <version>1.2.3</version>
    </dependency>
</dependencies>

<plugins>
    
    <plugin>
        <groupId>org.apache.maven.plugins</groupId>
        <artifactId>maven-war-plugin</artifactId>
        <version>3.2.3</version>
    </plugin>
</plugins>

注意：引入logback.xml的日志文件

3.外部配置文件jdbc.properties 属性配置文件到resources

jdbc.url=jdbc:mysql://localhost:3306/goodsDB?serverTimezone=UTC
jdbc.userName=root
jdbc.userPwd=
jdbc.driverClass=com.mysql.cj.jdbc.Driver

4.创建web容器初始化配置类：MyWebAppInit

public class MyWebAppInit extends AbstractAnnotationConfigDispatcherServletInitializer {
    /**
     * 指定root容器对应的配置类:service / dao层的配置类
     */
    @Override
    protected Class<?>[] getRootConfigClasses() {
        return new Class[]{SpringConfig.class};
    }

    /**
     *web容器对应的配置类:指定springmvc的配置类
     */
    @Override
    protected Class<?>[] getServletConfigClasses() {
        return new Class[]{SpringMvcConfig.class};
    }

    /**
     *设置dispatcherServlet的处理路径!一般情况下为 / 代表处理所有请求!
     */
    @Override
    protected String[] getServletMappings() {
        return new String[]{"/"};
    }
}

5. 创建SpringMVC的配置类: SpringMvcConfig.java

@EnableWebMvc     //开启mvc复合功能开关,启用SpringMVC框架,如注解驱动
@Configuration   //配置类
@ComponentScan(basePackages = "com.bdqn.controller")  //扫描controller控制层
public class SpringMvcConfig implements WebMvcConfigurer {
    /**
     * 配置视图解析器
     */
    @Override
    public void configureViewResolvers(ViewResolverRegistry registry) {
        registry.jsp("/",".jsp");
    }
}

6. 创建Spring的配置类: SpringConfig

@Configuration //配置类注解

@ComponentScan({"com.bdqn.dao","com.bdqn.service"}) //注解扫描
@PropertySource("classpath:jdbc.properties") //加载jdbc的属性配置文件

@EnableTransactionManagement   //开启事务管理器
public class SpringConfig {
    /**
     *从配置文件中获取属性值
     */
    @Value("${jdbc.driverClass}")
    private String driver;
    @Value("${jdbc.url}")
    private String url;
    @Value("${jdbc.userName}")
    private String username;
    @Value("${jdbc.userPwd}")
    private String password;

    /**
     * 创建数据源对象
     */
    @Bean
    public DataSource dateSource(){
        //创建阿里连接池数据源对象
        DruidDataSource dataSource=new DruidDataSource();
        dataSource.setDriverClassName(driver);
        dataSource.setUrl(url);
        dataSource.setUsername(username);
        dataSource.setPassword(password);
        return dataSource;
    }
    /**
     * 创建jdbcTemplate模板对象
     */
    @Bean
    public JdbcTemplate jdbcTemplate(DataSource dataSource){
        JdbcTemplate jdbcTemplate=new JdbcTemplate();
        jdbcTemplate.setDataSource(dataSource);
        return jdbcTemplate;
    }

/**
     * 装配事务管理实现对象
     */
   @Bean
   public DataSourceTransactionManager dataSourceTransactionManager(DataSource dataSource){
        DataSourceTransactionManager transactionManager=new DataSourceTransactionManager();
        transactionManager.setDataSource(dataSource);
        return transactionManager;
   }

}

7. 编写实体层商品实体类 Goods

@Data
@NoArgsConstructor
@AllArgsConstructor
public class Goods {
    private int id;
    private String name;
    private double price;
    private String imgs;
    private int num;
}

8.编写dao数据访问层

1.GoodsDao接口

public interface GoodsDao {
List<Goods> selectAll();
}

2.GoodsDaoImpl实现类

@Repository
public class GoodsDaoImpl implements GoodsDao {
    @Autowired
    JdbcTemplate jdbcTemplate;

    /**
     * 查询所有商品信息
     */
    @Override
    public List<Goods> selectAll() {
        String sql="select * from goods";
        List<Goods> list=jdbcTemplate.query(sql,new BeanPropertyRowMapper<>(Goods.class));
        return list;
    }
}

9.编写service业务层

1.GoodsService接口

public interface GoodsService {
List<Goods> getAll();
}

2.GoodsServiceImpl实现类

@Service
public class GoodsServiceImpl implements GoodsService {
    @Autowired
    GoodsDao goodsDao;

    @Override
    public List<Goods> getAll() {
        return goodsDao.selectAll();
    }

}

10.编写controller控制层

@Controller
public class GoodsController {
    @Autowired
    GoodsService goodsService;

    /**
     * 获取所有商品控制器
     */
    @RequestMapping("/getAll")
    public ModelAndView getAll(){
        ModelAndView mv=new ModelAndView();
        List<Goods> list=goodsService.getAll();
        //设置数据模型，存储到request作用域
        mv.addObject("list",list);
        //设置跳转的逻辑视图
        mv.setViewName("index");
        return mv;
    }

}

11. 编写index.jsp，将所有商品进行展示

<table class="table col-12 table-hover table-bordered">
    <thead class="thead-light">
    <tr>
        <th scope="col"><input type="checkbox" name="all" />全选</td>
        </th>
        <th scope="col">商品编号</th>
        <th scope="col">商品名称</th>
        <th scope="col">单价</th>
        <th scope="col">图片</th>
        <th scope="col">库存</th>
        <th scope="col">库存</th>
    </tr>
    </thead>
    <tbody>
    <c:forEach items="${list}" var="goods">
        <tr class="warning">
            <td><input type="checkbox" name="gids" value="${goods.id}" /></td>
            <td>${goods.id}</td>
            <td>${goods.name}</td>
            <td>${goods.price}</td>
            <td><img width="48px" height="48px" src="img/${goods.imgs}" class="img-rounded"></td>
            <td>${goods.num}</td>
            <td>
                <a href="#" class="btn btn-primary btn-sm del">删除</a>
                <a href="javascript:void(0)" title="${goods.id}" class="btn btn-primary btn-sm edit">修改</a>
            </td>
        </tr>
    </c:forEach>
    </tbody>
</table>

12. el表达式无法正常显示，需要修改web.xml配置文件的版本为4.0

<?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_4_0.xsd"
         version="4.0">
</web-app>

知识点：

1.放行静态资源

除jsp以外的请求都会进入到前端控制器，需要设置SpringMVC放行静态资源

静态资源包括：js、css、img等等

SpringMvcConfig配置类，进行配置

/**
* 放行静态资源
*/
@Override
public void configureDefaultServletHandling(DefaultServletHandlerConfigurer configurer) {
//开启静态资源
configurer.enable();
}

2.控制器方法返回值类型

1.ModelAndView 等于数据模型+逻辑视图

addObject(name,value): 数据存储到request作用域

setViewName(url): 指定跳转地址逻辑视图

2.String 默认指定跳转地址逻辑视图名

3.void (原生servlet对象实现)

3.参数绑定

1.基本类型参数

满足：请求参数名和方法参数名相同

如果请求参数名和方法参数名不相同，可以使用@RequestParam(value=”请求参数名”)

请求地址：<a class="page-link" href="getAll?pageNum=2">2</a>

@RequestMapping("/getAll")
public ModelAndView getAll(@RequestParam(value = "pageNum",

required = false,

defaultValue = "1") int pageNum){

}

@RequestParam注解属性：

value: 指定绑定请求参数名

required：必填项

defaultValue：默认值

2.对象类型参数

满足：请求参数名和对象的属性名相同，属性必须提供get/set方式

请求地址：addGoods?id=1002&name=西瓜&price=99.9&imgs=西瓜.jpg&num=50

@RequestMapping("/goods")
public String addGoods(Goods goods){

}

3.一个参数名有多个参数值

如：复选框，发送选中的商品编号

请求地址：batchDelGoods?gids=10010&gids=10020

@RequestMapping("/batchDelGoods")
public String batchDelGoods(@RequestParam("gids") List<Integer> gids){

}

4. JSON格式的数据 (postman测试)

@RequestBody主要用来接收前端传递给后端的json字符串中请求体中的数据的。

GET方式无请求体，所以使用@RequestBody接收数据时，前端不能使用GET方式提交数据。而是用POST方式进行提交在后端的同一个接收方法里，@RequestBody与@RequestParam()可以同时使用，@RequestBody最多只能有一个，而@RequestParam()可以有多个。

如果参数是放在请求体中，传入后台的话，那么后台要用@RequestBody才能接收到；如果不是放在请求体中的话，那么后台接收前台传过来的参数时，要用@RequestParam来接收。

JSON格式商品对象：

{"id":1001,"name":"西瓜","price":9.9,"imgs":"2.jpg","num":100}

@PostMapping(value = "/addGoods",produces = "text/html;charset=UTF-8")
@ResponseBody
public String addGoods(@RequestBody Goods goods){
System.out.println(goods);
return "成功";
}

5. Model存储模型数据

// 在形参位置声明Model类型变量，用于存储模型数据,作用域request级

public String handle( Model model) {

}

6. 获取原生对象

/**

* 如果想要获取请求或者响应对象,或者会话等,可以直接在形参列表传入,并且不分先后顺序!

* 注意: 接收原生对象,并不影响参数接收!

public String handle(HttpSession session , HttpServletRequest request,

HttpServletResponse response){

}

7. 获取Cookie对象

public void handle(@CookieValue("JSESSIONID") String cookie) {

}

4.控制器跳转方式

默认转发进行跳转 , 并且自定义视图解析器生效
指定跳转方式

1.加redirect: 前缀，指定重定向跳转

2.加forward: 前缀或不加，指定转发跳转

3.一旦指定跳转方式，自定义视图解析器生效，

总结：一旦往控制器跳转，视图地址必须加redirect: 或 forward:

5.RestFul 风格传值

作用：将参数值作为url一个部分，简化页面url格式编写

示例：https://www.xinli001.com/info/100480332

演示：

请求地址：delGoods/10010

@RequestMapping("/delGoods/{id}")
public String delGoods(@PathVariable("id") int id){
int row=goodsService.delete(id);
return "redirect:/getAll";
}

6.ajax异步请求

异步请求，只响应数据，控制器需要恒不跳转，使用@ResponseBody注解

@ResponseBody作用：恒不跳转，将返回值按照特定的格式以流响应输出

1.如果返回值不满足key-value格式 (String类型)，

设置响应头信息：text/html;charset=ISO-8859-1，并以流响应输出

注意：响应中文乱码，需要设置响应编码

前端异步请求： $.get("ajaxDelGoods",{"id":id},callback);

/**
* 异步删除商品信息
*/
@RequestMapping(value = "/ajaxDelGoods",produces = "text/html;charset=UTF-8")
@ResponseBody
public String ajaxDelGoods(int id){
int row=goodsService.delete(id);
return row>0?"成功":"失败";
}

2.如果返回值满足key-value格式 (Map,对象,对象集合)

设置响应头信息：application/json;charset=UTF-8，并以流响应输出

前端异步请求：$.getJSON("ajaxGetGoods",{"id":id},callback);

/**
* 异步根据商品编号获取商品信息
*/
@RequestMapping(value = "/ajaxGetGoods")
@ResponseBody
public Goods ajaxGetGoods(int id){
Goods goods=goodsService.getGoodsById(id);
return goods;
}

7.在Web容器的初始化配置类配置springmvc提供解决中文乱码过滤器

MyWebAppInitiallizer.java

/**
* 配置统一字符编码的过滤器
*/
@Override
protected Filter[] getServletFilters() {
    CharacterEncodingFilter encodingFilter=new CharacterEncodingFilter();
    encodingFilter.setEncoding("UTF-8");
    return new Filter[]{encodingFilter};
}

8. SpringMVC相关注解总结

注解名	描述
@EnableWebMvc	注解驱动,启用SpringMVC配置.它提供了处理HTTP请求、管理控制器、处理视图以及管理其他与Web相关组件的功能。如：处理器控制器、处理器适配器、json处理器等
@Controller	标识一个类为控制器的注解
@RestController	等于@Controller+@ResponseBody Rest风格的控制器，以JSON或XML形式返回响应结果
@RequestMapping	设置请求路径URL和处理请求控制器的映射关系
@GetMapping	用于映射Get请求到控制器方法
@PostMapping	用于映射Post请求到控制器方法
@RequestParam	获取请求参数值,将请求参数绑定到控制器方法的参数上
@PathVariable	获取RestFul风格的URL中值作为控制器方法的参数
@RequestBody	将post请求JSON格式的请求体的内容绑定到控制器方法的参数上
@ResponseBody	将控制器方法的返回值以流的形式响应输出