准备工作:创建商品数据库,以及商品表
#创建数据库 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> <!--spring-mvc--> <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> <!--javaee-web:servlet校验注解--> <dependency> <groupId>jakarta.platform</groupId> <artifactId>jakarta.jakartaee-web-api</artifactId> <version>9.1.0</version> <scope>provided</scope> </dependency> <!--jstl--> <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> <!--jsckson--> <dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-databind</artifactId> <version>2.15.0</version> </dependency> <!--jdbc--> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>8.0.25</version> </dependency> <!--spring-jdbc--> <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> <!--aspectjwear--> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-aspects</artifactId> <version>6.0.6</version> </dependency> <!--lombok--> <dependency> <groupId>org.projectlombok</groupId> <artifactId>lombok</artifactId> <version>1.18.26</version> </dependency> <!--logback日志--> <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 | 将控制器方法的返回值以流的形式响应输出 |