MybatisPlus/Ajax原理

1. MybatisPlus

1.1 MP介绍

MyBatis-Plus(简称MP)是一个MyBatis的增强工具,在MyBatis的基础上只做增强,不做改变,为简化开发,提高效率而生.

1.2特性

无侵入:只做增强不做改变,引入它不会对现有工程产生影响,如丝般顺滑
损耗小:启动即会自动注入基本CRUD,性能基本无损耗,直接面向对象操作
强大的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 ORM的介绍

对象关系映射(英语:Object Relational Mapping,简称ORM,或O/RM,或O/R mapping),是一种程序设计技术,用于实现面向对象编程语言里不同类型系统的数据之间的转换。从效果上说,它其实是创建了一个可在编程语言里使用的“虚拟对象数据库”。如今已有很多免费和付费的ORM产品,而有些程序员更倾向于创建自己的ORM工具。
知识铺垫:
Sql语句面向过程的语言 sql:select * from user ResultMap结果集对象~~~User对象 需要自己手动的封装结果,开发的效率低

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

1.4MybatisPlus工作原理说明

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.5MP的具体实现

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.jt.mapper.UserMapper;
import com.jt.pojo.User;
import org.junit.jupiter.api.Test;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.boot.test.context.SpringBootTest;

import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;

@SpringBootTest
class SpringbootDemo2ApplicationTests {

	@Autowired
	private UserMapper userMapper;

	/**
	 * 根据主键查询
	 */
	@Test
	public void select01(){

		User user = userMapper.selectById(21);
		System.out.println(user);
		int count = userMapper.selectCount(null);
		System.out.println("总记录数:"+count);
	}

	/**
	 * 需求:  查询年龄=18用户 同时要求性别为女
	 * 条件构造器的作用 用来拼接where条件
	 * 	sql:  xxxx  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);
	}

}

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: 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

  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.List;

@Controller
public class UserController {
    @Autowired
    private UserService userService;
    /**
     * 跳转页面: userList.jsp
     * url:localhost:8090/findAll
     * 步骤:
     *      1.pojo  2.mapper 3.service  4.controller
     *      5.YML配置前后缀
     *      6.jar包问题  3个包
     *      7.导入页面 userList.jsp
     *      */
    @RequestMapping("/findAll")
    public String findAll(Model model){

        //1.查询用户列表信息
        List<User> userList = userService.findAll();
        //2.将数据保存到request域中 之后返回给用户 视图渲染过程
        model.addAttribute("userList",userList);

        return "userList";
    }
}


2.1.7 编辑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.8 页面效果展现

在这里插入图片描述

2.2 异步方式调用

2.1.1 AJAX原理

特点:局部刷新:异步调用(加载)
调用原理说明:
1.用户将请求发送给AJAX引擎进行处理,之后等待引擎返回数据
2.ajax引擎收到用户请求之后,代替用户访问后端服务器
3.后端服务器接收到请求之后,执行业务处理,并且将返回值返回
4.ajax引擎收到返回值结果以后,要在第一时间通知给用户,利用回调函数将数据传给客户端,ajax调用成功
在这里插入图片描述

2.3 ajax获取用户信息

2.3.1 准备ajax页面

在这里插入图片描述

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>

<!-- 1.导入函数类库 -->
<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>"+sex+"</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>
		</tr>
	</table>
</body>
</html>

2.3.3 编辑UserController

 /**
     * 实现页面的跳转
     * url地址:  localhost:8090/ajax
     * 跳转的页面:  ajax.jsp
     */
    @RequestMapping("/ajax")
    public String ajax(){

        return "ajax";
    }

    /**
     * 实现ajax业务调用
     * url: http://localhost:8090/findAjax?id=40
     * 参数: id
     * 返回值:List<User>
     */
    @RequestMapping("/findAjax")
    @ResponseBody       //ajax结束标识
    public List<User> findAjax(){

        return userService.findAll();
    }

2.3.4 页面效果展现

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值