京淘--day03

1 MybatisPlus

1.1 MP的介绍

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

1.2 特性

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

1.3 ORM思想

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

1.4 mybatisPlus工作原理

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

1.5 MP具体实现

1.5.1 添加依赖

MP包已经包含了mybatis的信息,因此需要删除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.4 mybatisPlus工作原理中的1,2
在这里插入图片描述

1.5.3 实现接口继承

对应1.4 mybatisPlus工作原理中的3
在这里插入图片描述

1.5.4 编辑yml文件

将mybatis改为mybatis-plus
在这里插入图片描述
想实现sql的打印,在yml文件中添加日志
在这里插入图片描述

1.5.5 查询user表中的所有数据

在这里插入图片描述

1.5.6 基本案例

    @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 sex="女"
     * 逻辑运算符:
     *  =:eq , >:gt , <:lt , >=:ge , <=:le
     */
    @Test
    public void select02(){
        QueryWrapper<User> queryWrapper=new QueryWrapper<>();
        queryWrapper.eq("age", 18)
                .eq("sex", "女");
        List<User> users=userMapper.selectList(queryWrapper);
        System.out.println(users);
    }

    /**
     * 查询id=1,3,5,6的数据
     * sql:select * from user where id in (1,3,5,6)
     */
    @Test
    public void select03(){
        Integer[] ids={1,3,5,6};//模拟用户数据
        List<Integer> idList = Arrays.asList(ids);//将数组转为集合
        List<User> users=userMapper.selectBatchIds(idList);
        System.out.println(users);
    }

	/**
     * 完成用户数据入库
     */
    @Test
    public void testInsert(){
        User user=new User();
        user.setName("大叔").setAge(28).setSex("男");
        userMapper.insert(user);
    }

    /**
     * 更新
     * 建议手写
     * 需求:1.将id=65的用户name=”大叔“改为”大哥“
     *      2.将用户name=”大叔“改为”大哥“
     */
    @Test
    public void testUpdate(){
        //1.根据对象中不为null的属性当做set条件
        /*User user=new User();
        user.setId(65).setName("大哥");
        userMapper.insert(user);*/
        
        //2.参数1:需要修改的数据,参数2:修改的where条件
        User user=new User();
        user.setName("大哥");
        UpdateWrapper<User> updateWrapper=new UpdateWrapper<>();
        updateWrapper.eq("name", "大叔");
        userMapper.update(user, updateWrapper);
    }

	    /**
     * 删除
     * 1.根据id删除
     * 2.批量删除
     * 3.删除name="大叔"的数据
     */
    @Test
    public void testDelete(){
//        userMapper.deleteById(65);
//        userMapper.deleteBatchIds("id集合");
        //根据主键外的信息删除数据
        QueryWrapper<User> 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调用成功.

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>

<!-- 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();
    }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值