cgb2007-京淘day03

1. MybatisPlus

1.1 MP介绍

MyBatis-Plus(简称 MP)是一个 MyBatis 的加强工具,在 MyBatis 的基础上只作加强不作改变,为简化开发、提升效率而生。javascript

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、DB二、H二、HSQL、SQLite、Postgre、SQLServer 等多种数据库
内置性能分析插件:可输出 Sql 语句以及其执行时间,建议开发测试时启用该功能,能快速揪出慢查询
内置全局拦截插件:提供全表 delete 、 update 操做智能分析阻断,也可自定义拦截规则,预防误操做html

1.3 ORM思想

1.3.1 业务场景

一个开发了30年的程序员,业务至关熟练,可是为了完成业务也须要写特别简单的SQL语句.
需求:可否有效的提升开发的效率.java

1.3.2 ORM介绍

对象关系映射(英语:Object Relational Mapping,简称ORM,或O/RM,或O/R mapping),是一种程序设计技术,用于实现面向对象编程语言里不一样类型系统的数据之间的转换。从效果上说,它实际上是建立了一个可在编程语言里使用的“虚拟对象数据库”。现在已有不少免费和付费的ORM产品,而有些程序员更倾向于建立本身的ORM工具。mysql

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

ORM方式:  以对象的方法操做数据库, **能够实现结果集与对象的自动的映射**  不须要本身手写.

1.4 MybatisPlus工做原理说明

1. 对象与哪张表要完成映射     		能够自定义注解进行标识.
2. 对象的属性与表中的字段如何一一对应.		起名时应该写成同样的. 利用特定的注解指定.
3. 工具方法如何简化    MP动态的生成CURD操做的接口,只要其余的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的机制进行查询
在这里插入图片描述web

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

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)
					.or()
					.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(80).setSex("女");
		userMapper.insert(user);
	}

	/** * 更新操做 * 我的建议: 但凡写更新操做时,最好本身手写 * 需求: 须要将id=65的用户name="名媛" 改成 "北京大爷" * 用户name="名媛" 改成 "北京大爷" */
	@Test
	public void testUpdate(){ 
 
  
		//根据对象中不为null的属性 当作set条件
		/*User user = new User(); user.setId(65).setName("北京大爷"); userMapper.updateById(user);*/

		//1.参数1: 须要修改的数据 参数2:修改的where条件
		User user = new User();
		user.setName("北京大爷");
		UpdateWrapper<User> updateWrapper = new UpdateWrapper<>();
		updateWrapper.eq("name", "名媛");
		userMapper.update(user,updateWrapper);
	}

	/** * 删除操做: * 1.根据ID删除用户信息 65 * 2.删除name="名媛"的数据 */
	@Test
	public void testDelete(){ 
 
  
		userMapper.deleteById(65);	//根据主键删除
		//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: 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.2.1 AJAX原理

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

2.3 ajax获取用户信息

2.3.1 准备ajax页面

说明:将原来的userList.jsp页面 复制一份,更名为ajax.jsp
在这里插入图片描述spring

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.3 页面效果展示

在这里插入图片描述