京淘项目day03

1. MybatisPlus

1.1 MP介绍

MyBatis-Plus（简称 MP）是一个 MyBatis 的增强工具，在 MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生。

1.2 特性

无侵入：只做增强不做改变，引入它不会对现有工程产生影响，如丝般顺滑
损耗小：启动即会自动注入基本 CURD，性能基本无损耗，直接面向对象操作
强大的 CRUD 操作：内置通用 Mapper、通用 Service，仅仅通过少量配置即可实现单表大部分 CRUD 操作，更有强大的条件构造器，满足各类使用需求
支持 Lambda 形式调用：通过 Lambda 表达式，方便的编写各类查询条件，无需再担心字段写错
支持主键自动生成：支持多达 4 种主键策略（内含分布式唯一 ID 生成器 - Sequence），可自由配置，完美解决主键问题
支持 ActiveRecord 模式：支持 ActiveRecord 形式调用，实体类只需继承 Model 类即可进行强大的 CRUD 操作
支持自定义全局通用操作：支持全局通用方法注入（ Write once, use anywhere ）
内置代码生成器：采用代码或者 Maven 插件可快速生成 Mapper 、 Model 、 Service 、 Controller 层代码，支持模板引擎，更有超多自定义配置等您来使用
内置分页插件：基于 MyBatis 物理分页，开发者无需关心具体操作，配置好插件之后，写分页等同于普通 List 查询
分页插件支持多种数据库：支持 MySQL、MariaDB、Oracle、DB2、H2、HSQL、SQLite、Postgre、SQLServer 等多种数据库
内置性能分析插件：可输出 Sql 语句以及其执行时间，建议开发测试时启用该功能，能快速揪出慢查询
内置全局拦截插件：提供全表 delete 、 update 操作智能分析阻断，也可自定义拦截规则，预防误操作

1.3 ORM思想

1.3.1 业务场景

一个开发了30年的程序员,业务相当熟练,但是为了完成业务也需要写特别简单的SQL语句.
需求:能否有效的提高开发的效率.

1.3.2 OPM介绍

对象关系映射（英语：Object Relational Mapping，简称ORM，或O/RM，或O/R mapping），是一种程序设计技术，用于实现面向对象编程语言里不同类型系统的数据之间的转换。从效果上说，它其实是创建了一个可在编程语言里使用的“虚拟对象数据库”。如今已有很多免费和付费的ORM产品，而有些程序员更倾向于创建自己的ORM工具。

知识铺垫:
Sql语句面向过程的语言. sql: select * from user ResultSet结果集对象~~~~ User对象需要自己手动的封装结果,开发的效率低.

ORM方式:一对小的方法操作数据库,可以实现结果集与对象的自动映射不需要自己手写

1.4 MybatisPlus工作原理说明

ORM核心知识:
1.对象与哪张表要完成映射  可以自定义注解进行标识
2.对象的属性与表中的字段如何一一对应. 起名时应该写成一样的,利用特定的注解指定
3.工具方法如何简化 MP动态生成CRUD操作的接口,只要其他的Mapper接口继承
4.对象如何转换为sql语句  利用对象中的属性及属性的值动态拼接sql,之后交给Mybatis(jdbc)去执行.

eg:userMapper.insert(user对象)
eg:deptMapper.insert(dept对象)
sql:insert into 表名(字段信息...) values(属性值...)

1.5 MP具体实现

1.5.1 导入jar包

说明:MybatisPlus包已经包含了Mybatis

<!--spring整合mybatis-plus -->
        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-boot-starter</artifactId>
            <version>3.2.0</version>
        </dependency>

1.5.2 编辑POJO对象

1.5.3 实现接口继承

1.5.4 编辑YML配置文件

1.5.5入门案例

使用MP的机制进行查询

1.5.6 Sql语句打印

server:
  port: 8090
  servlet:
    context-path: /
spring:
  datasource:
    #驱动版本问题 高版本需要添加cj关键字  一般可以省略
    #driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://127.0.0.1:3306/jtdb?serverTimezone=GMT%2B8&useUnicode=true&characterEncoding=utf8&autoReconnect=true&allowMultiQueries=true
    username: root
    password: root

mybatis-plus:
  #别名包定义 Mapper的resultType中只需要写类名 之后自动拼接即可
  type-aliases-package: com.jt.pojo
  #加载指定的xml映射文件
  mapper-locations: classpath:/mybatis/mappers/*.xml
  #开启驼峰映射
  configuration:
    map-underscore-to-camel-case: true


# 实现sql打印
logging:
  level:
    com.jt.mapper: debug

1.6 MP API介绍

package com.jt;
import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
import com.baomidou.mybatisplus.core.conditions.update.UpdateWrapper;
import com.jt.mapper.UserMapper;
import com.jt.pojo.User;
import com.sun.scenario.effect.impl.sw.sse.SSEBlend_SRC_OUTPeer;
import org.junit.jupiter.api.Test;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.boot.test.context.SpringBootTest;
import org.springframework.web.servlet.handler.UserRoleAuthorizationInterceptor;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;
@SpringBootTest
class SpringbootDemo4ApplicationTests {
   @Autowired
 private UserMapper userMapper;
   /**
 * 根据主键查询
 */
 @Test
 public void select01(){
      User user = userMapper.selectById(21);
      System.out.println(user);
      Integer count = userMapper.selectCount(null);
      System.out.println("总记录数:"+count);
   }
   /**
 * 需求: 查询年龄=18用户 同时要求性别为女
 * 条件狗再去的作用 用来拼接where条件
 * sql: xxx where age>18 and age< 2000 and sex="女"
 * 逻辑运算符:  = eq,> gt ,< lt , >= ge , <= le
 */ @Test
 public void select02(){
      QueryWrapper<User> queryWrapper = new QueryWrapper<>();
      queryWrapper.gt("age", 18)
               .lt("age", 2000)
               .eq("sex", "女");
      List<User> userList = userMapper.selectList(queryWrapper);
      System.out.println(userList);
   }
   /**
 * 查询ID=1,3,5,6的数据
 * 单表查询: or in
 * sql: select * from user where id in (1,3,5,6) */ @Test
 public void select03(){
      Integer [] ids = {1,3,5,7};    //模拟用户参数
 List<Integer> idList = Arrays.asList(ids);
      List<User> userList = userMapper.selectBatchIds(idList);
      System.out.println(userList);
      //如果需要获取表中的第一列主键信息
 List list = userMapper.selectObjs(null);
      System.out.println(list);
   }
   /**
 * 完成用户数据入库
 *
 */
 @Test
 public void testInsert(){
      User user = new User();
      user.setName("王菲")
         .setAge(18)
         .setSex("女");
      userMapper.insert(user);
   }
   /**
 * 更新操作
 * 个人建议: 但凡写跟新操作时,最好自己手写
 * 需求: 需要将id=53的用户name="王菲" 改为 "杨千嬅"
 */ @Test
 public void testUpdate(){
      //根据对象中不为null的属性 当做set条件
 /*User user = new User();
 user.setId(53).setName("杨千嬅");
 userMapper.updateById(user);*/
 //参数1: 需要修改的数据 参数2: 修改的where条件
 User user = new User();
      user.setName("陈洁仪");
      UpdateWrapper<User> updateWrapper = new UpdateWrapper<>();
      updateWrapper.eq("name", "杨千嬅");
      userMapper.update(user,updateWrapper);
   }
   /**
 * 删除操作:
 *        1.根据ID删除用户信息 53
 *        2.删除name="陈洁仪"的数据
 */
 public void testDelete(){
      userMapper.deleteById(53); //根据主键删除
 //userMapper.deleteBatchIds("id集合信息");
 //根据除主键之外的数据删除信息
 QueryWrapper queryWrapper = new QueryWrapper();
      queryWrapper.eq("name", "陈洁仪");
      userMapper.delete(queryWrapper);
   }
}

2. web项目创建

2.1 创建web项目

2.1.1 创建maven项目

2.1.2 编辑POM.xml文件

<?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">
    <modelVersion>4.0.0</modelVersion>
    <groupId>com.jt</groupId>
    <artifactId>springboot_demo3</artifactId>
    <version>1.0-SNAPSHOT</version>
    <!--指定项目打包方式-->
    <packaging>war</packaging>

    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.3.4.RELEASE</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>

    <properties>
        <java.version>1.8</java.version>
        <skipTests>true</skipTests>
    </properties>

    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-jdbc</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-devtools</artifactId>
            <scope>runtime</scope>
            <optional>true</optional>
        </dependency>
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <scope>runtime</scope>
        </dependency>
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <optional>true</optional>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
            <exclusions>
                <exclusion>
                    <groupId>org.junit.vintage</groupId>
                    <artifactId>junit-vintage-engine</artifactId>
                </exclusion>
            </exclusions>
        </dependency>

        <!--spring整合mybatis-plus -->
        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-boot-starter</artifactId>
            <version>3.2.0</version>
        </dependency>

        <!--springBoot整合JSP添加依赖  -->
        <!--servlet依赖 -->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
        </dependency>

        <!--jstl依赖 -->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>jstl</artifactId>
        </dependency>

        <!--使jsp页面生效 -->
        <dependency>
            <groupId>org.apache.tomcat.embed</groupId>
            <artifactId>tomcat-embed-jasper</artifactId>
        </dependency>

    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>


</project>

2.1.3 编辑JSP页面

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>您好Springboot</title>
</head>
<body>
   <table border="1px" width="65%" align="center">
      <tr>
         <td colspan="6" align="center"><h3>学生信息</h3></td>
      </tr>
      <tr>
         <th>编号</th>
         <th>姓名</th>
         <th>年龄</th>
         <th>性别</th>
         <th></th>
      </tr>
      
      <c:forEach items="${userList}" var="u">
         <tr>
            <th>${u.id}</th>
            <th>${u.name}</th>
            <th>${u.age}</th>
            <th>${u.sex}</th>
         </tr>
      </c:forEach>
   </table>
</body>
</html>

2.1.4 编辑POJO

@TableName
@Data
@Accessors(chain = true)
public class User {
    @TableId(type = IdType.AUTO)
    private Integer id; //主键自增
    private String name;
    private Integer age;
    private String sex;
}

2.1.5 编辑YML配置文件

server:
  port: 80
 servlet:
    context-path: /
spring:
  datasource:
    #驱动版本问题 高版本需要添加cj关键字 一般可以省略
 driver-class-name: com.mysql.cj.jdbc.Driver
 url: jdbc:mysql://127.0.0.1:3306/jtdb?serverTimezone=GMT%2B8&useUnicode=true&characterEncoding=utf8&autoReconnect=true&allowMultiQueries=true
    username: root
    password: tarena
  mvc: #引入mvn配置
 view:
      prefix: /WEB-INF/     # /默认代表根目录 src/main/webapp suffix: .jsp
mybatis-plus:
  #别名包定义 Mapper的resultType中只需要写类名 之后自动拼接
 type-aliases-package: com.jt.pojo
  #加载指定的xml映射文件
 mapper-locations: classpath:/mybatis/mappers/*.xml
  #开启驼峰映射
 configuration:
    map-underscore-to-camel-case: true
# 实现sql打印
logging:
  level:
    com.jt.mapper: debug

2.1.6 解决页面访问404问题

2.1.7 编辑UserController

package com.jt.controller;
import com.jt.pojo.User;
import com.jt.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import java.util.ArrayList;
import java.util.List;
@Controller
public class UserController {
    @Autowired
 private UserService userService;
    /**
 * 跳转页面: userList.jsp
 * url:localhost/findAll * 步骤:
 *      1.pojo 2.mapper 3.service 4.controller *      5.yml配置前后缀
 *      6.jar包问题 3个包
 *      7.导入页面 userList.jsp
 * */ @RequestMapping("/findAll")
    public String findAll(Model model){
        List<User> userList = userService.findAll();
        //将数据保存到request对象中 之后返回给用户 视图渲染过程
 model.addAttribute("userList",userList);
        return "userList";
    }
}

2.1.8 编辑UserService

package com.jt.service;

import com.jt.mapper.UserMapper;
import com.jt.pojo.User;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;

@Service
public class UserServiceImpl implements UserService{

    @Autowired
    private UserMapper userMapper;


    @Override
    public List<User> findAll() {

        return userMapper.selectList(null);
    }
}

2.1.9 页面效果调用

2.2 异步方式调用

2.2.1 AJAX原理

特点:局部刷新:异步调用(加载)

调用原理说明:
    1,用户将请求发给AJAX引擎进行处理.之后等待引擎返回数据.
    2.ajax引擎接收到用户的请求后,代替用户访问后端服务器
    3.后端服务器接收请求之后,执行业务处理,并且将返回值返回.
    4.ajax引擎收到返回值结果之后,要在第一时间通知用户.利用回调函数将数据传给客户端.ajax调用成功

2.3 实现ajax获取用户信息

2.3.1 准备ajax页面

说明:将原来的userLIst.jsp页面复制一份,改名为ajax.jsp

2.3.2 编辑页面JS内容

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>您好Springboot</title>
<!-- 导入函数类库 -->
<script src="../js/jquery-3.4.1.min.js"></script>
<script type="text/javascript">
   //让JS页面加载完成,之后执行JS
 $(function(){
      /*
 需求: 利用ajax方式动态获取user数据信息
 请求的网址: /findAjax
 知识点:
 返回值类型: 可以根据数据自动匹配类型,所以可以不写
 1.$.get(url地址,传递的参数,回调函数,返回值类型)
 2.$.post(...) 3.$.getJSON(...) */ $.get("/findAjax",function(result){
         //1.可以使用js中的for循环
 /*for(let i=0; i<result.length;i++){
          }*/
          /* for(let index in result){
 console.log(index); } */ for(let user of result){
            let id = user.id
 let name = user.name
 let age = user.age
            let sex = user.sex
            let tr="<tr align='center'><td>"+id+"</td><td>"+name+"</td><td>"+age+"</td><td>"+age+"</td></tr>"
 $("#tab1").append(tr);
         }
      })
   })
</script>
</head>
<body>
   <table id="tab1" border="1px" width="65%" align="center">
      <tr>
         <td colspan="6" align="center"><h3>学生信息</h3></td>
      </tr>
      <tr>
         <th>编号</th>
         <th>姓名</th>
         <th>年龄</th>
         <th>性别</th>
         <th></th>
      </tr>
   </table>
</body>
</html>

2.3.3 编辑UserController

/**
 *实现页面的跳转
 * url地址:localhost/ajax
 * 跳转的页面:ajax.jsp
 */
@RequestMapping("/ajax")
public String ajax(){
    return "ajax";
}
/**
 * 实现ajax业务调用
 * url:localhost/findAjax?id=40
 * 参数:id
 * 返回值:list<User>
 */
@RequestMapping("/findAjax")
@ResponseBody //ajax结束标识
public List<User> findAjax(Integer id){
    return userService.findAll();
}