Springboot整合mybatisplus实战

Springboot整合mybatisplus，纯后端，验证结果是通过postman调用的，记录一下

1、建表语句以及初始化数据脚本

CREATE TABLE `tbl_book` (
  `id` int NOT NULL AUTO_INCREMENT,
  `type` varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci DEFAULT NULL,
  `name` varchar(50) CHARACTER SET utf8 COLLATE utf8_general_ci DEFAULT NULL,
  `description` varchar(255) CHARACTER SET utf8 COLLATE utf8_general_ci DEFAULT NULL,
  PRIMARY KEY (`id`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=10014 DEFAULT CHARSET=utf8

INSERT INTO `tbl_book` VALUES (10000, '计算机理论', 'Java编程思想（第4版）', 'Java学习经典,殿堂级著作！赢得了全球程序员的广泛赞誉。');
INSERT INTO `tbl_book` VALUES (10001, '计算机理论', '计算机组成原理', '资深的计算机体系结构教育家Alan Clements博士编写，涵盖计算机系统的组成和体系结构的基本概念、指令系统以及处理器实现等涉及计算机组成原理课程的内容。');
INSERT INTO `tbl_book` VALUES (10002, '程序设计', 'C++ Primer Plus 第6版 中文版', 'C++程序设计经典教程，畅销30年的C++大百科全书全新升级，经典C++入门教程十年新版再现\')');
INSERT INTO `tbl_book` VALUES (10003, '程序设计', 'RocketMQ技术内幕：RocketMQ架构设计与实现原理（第2版）', '畅销书升级，RocketMQ创始人高度评价，深入源码分析技术架构和实现原理，打造高性能、高可用、高吞吐量、低延迟RocketMQ');
INSERT INTO `tbl_book` VALUES (10004, '程序设计', ' 深入理解Java虚拟机：JVM高级特性与实践（第3版）', '周志明虚拟机新作，第3版新增内容近50%，5个维度全面剖析JVM，大厂面试知识点全覆盖。与 Java编程思想、Effective Java、Java核心技术 堪称：Java四大名著');
INSERT INTO `tbl_book` VALUES (10005, '历史', '见识城邦·人类简史：从动物到上帝（新版）', '以色列新锐历史学家尤瓦尔·赫拉利代表作，第十届文津图书奖获奖作品');
INSERT INTO `tbl_book` VALUES (10006, '历史', '中国通史', '吕思勉先生写给普通读者的中国通史入门书，用白话文写成的中国通史，把历史从“帝王的家谱”转变为人类的进化史');
INSERT INTO `tbl_book` VALUES (10007, '哲学', '理想国（柏拉图代表作）', '奠定西方哲学史的源流之作。2021新译本，以斯灵斯校勘本为底本，遵照“字对字”的原则，从古希腊原文直译，兼顾准确性和语言通顺性，助你读懂理想国。');
INSERT INTO `tbl_book` VALUES (10008, '哲学', '苏格拉底的申辩', '《柏拉图注疏集:苏格拉底的申辩》记述的是公元前399年，一个叫莫勒图斯的年轻人在雅典状告哲学家苏格拉底，说他不信城邦诸神，引进新的精灵之事，败坏青年。 于是，苏格拉底被传讯，在500人组成的陪审团面前作了著名的申辩。');
INSERT INTO `tbl_book` VALUES (10009, '文学', '鲁迅全集', '大师全集，完整收录，鲁迅毕生之心血尽归于此。\r\n\r\n　　鲁迅是中国20世纪的文学家、思想家、革命家，中国近代文学巨匠。他早年留学于日本，后来弃医从文，他用笔耕不辍的文字为新一代青年们指引方向，在国内外思想文化领域有着极高的声誉。');
INSERT INTO `tbl_book` VALUES (10010, '文学', '人间清醒', '茅盾文学奖获得者梁晓声2021全新力作');
INSERT INTO `tbl_book` VALUES (10011, '经济', '八次危机：中国的真实经验1949-2009', '著名“三农”专家温铁军，用经济的独特视角，重新审视中国的1949-2009，历史给我了我们怎样的真实经验？');

2、项目目录

 3、pom文件

<?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 https://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.1.1.RELEASE</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>
    <groupId>com.example</groupId>
    <artifactId>springboot</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <name>springboot</name>
    <description>Demo project for Spring Boot</description>

    <properties>
        <java.version>8</java.version>
    </properties>

    <dependencies>
        <!--web-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <!--mysql-connector-->
        <!-- https://mvnrepository.com/artifact/mysql/mysql-connector-java -->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>8.0.20</version>
        </dependency>

        <!--lombok-->
        <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>
        </dependency>


        <!--mybatis-plus-->
        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-boot-starter</artifactId>
            <version>3.1.1</version>
        </dependency>
        <!--druid-->
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>druid-spring-boot-starter</artifactId>
            <version>1.2.6</version>
        </dependency>


    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
                <configuration>
                    <excludes>
                        <exclude>
                            <groupId>org.projectlombok</groupId>
                            <artifactId>lombok</artifactId>
                        </exclude>
                    </excludes>
                </configuration>
            </plugin>
        </plugins>
    </build>

</project>

4、application文件

spring:
  datasource:
    druid:
      driver-class-name: com.mysql.cj.jdbc.Driver
      url: jdbc:mysql://localhost:3306/myproject?serverTimezone=UTC
      username: root
      password: root
mybatis-plus:
  global-config:
    db-config:
      table-prefix: tbl_
      id-type: auto
  configuration:
    log-impl: org.apache.ibatis.logging.stdout.StdOutImpl  #开启MP运行日志信息

5、PO类以及VO类

package com.example.po;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

@Data
@AllArgsConstructor
@NoArgsConstructor
public class Book {
    private Integer id;
    private String type;
    private String name;
    private String description;
}

package com.example.vo;
/**
 * 供页面显示使用的类
 */

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;


@Data
@AllArgsConstructor
@NoArgsConstructor
public class BookVo {
    private String type;
    private String name;
    private String description;
}

6、Dao层

package com.example.dao;

import com.baomidou.mybatisplus.core.mapper.BaseMapper;
import com.example.po.Book;
import org.apache.ibatis.annotations.Mapper;
import org.springframework.stereotype.Component;

@Mapper
@Component
public interface BookDao extends BaseMapper<Book> {
}

7、service以及实现类

package com.example.service;

import com.baomidou.mybatisplus.core.metadata.IPage;
import com.baomidou.mybatisplus.extension.service.IService;
import com.example.po.Book;

/**
 * 基于 mybatisplus 实现CRUD快速开发
 */
public interface IBookService extends IService<Book> {
    IPage<Book> getPage(Integer currentPage,Integer pageSize);
    IPage<Book> getPage(Integer currentPage,Integer pageSize,Book book);
}

package com.example.service.impl;

import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
import com.baomidou.mybatisplus.core.metadata.IPage;
import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
import com.example.dao.BookDao;
import com.example.po.Book;
import com.example.service.IBookService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.util.StringUtils;

@Service
public class IBookServiceImpl extends ServiceImpl<BookDao, Book> implements IBookService {
    @Autowired
    private BookDao bookDao;

    @Override
    public IPage<Book> getPage(Integer currentPage, Integer pageSize) {
        Page<Book> page = new Page<>(currentPage,pageSize);
        bookDao.selectPage(page,null);
        return page;
    }

    @Override
    public IPage<Book> getPage(Integer currentPage, Integer pageSize, Book book) {
        LambdaQueryWrapper<Book> queryWrapper = new LambdaQueryWrapper<Book>();
        queryWrapper.like(!StringUtils.isEmpty(book.getType()),Book::getType,book.getType());
        queryWrapper.like(!StringUtils.isEmpty(book.getName()),Book::getName,book.getName());
        queryWrapper.like(!StringUtils.isEmpty(book.getDescription()),Book::getDescription,book.getDescription());
        Page<Book> page = new Page<>(currentPage,pageSize);
        bookDao.selectPage(page,queryWrapper);
        return page;
    }
}

8、controller层

package com.example.controller;

import com.baomidou.mybatisplus.core.metadata.IPage;
import com.example.global.PlatErrorCodeEnum;
import com.example.po.Book;
import com.example.global.Response;
import com.example.global.ResponseBuilder;
import com.example.service.IBookService;
import com.example.vo.BookVo;
import org.springframework.beans.BeanUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.DeleteMapping;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.PutMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import java.util.List;
import java.util.stream.Collectors;

@RestController
@RequestMapping("/books")
public class BookController {
    @Autowired
    private IBookService bookService;

    //查询所有数据
    @GetMapping
    public Response<List<BookVo>> getBooks(){
        List<BookVo> bookList = bookService.list().stream().map(po -> {
            BookVo vo = new BookVo();
            //将两个字段相同的对象进行属性值的复制
            BeanUtils.copyProperties(po, vo);
            return vo;
        }).collect(Collectors.toList());
        return ResponseBuilder.buildNormalResponse(bookList);


    }

    //添加数据
    @PostMapping("/save")
    public Response<Boolean> saveBook(@RequestBody Book book){
        Boolean flag = bookService.save(book);
        return flag == true ? ResponseBuilder.buildNormalResponse() : ResponseBuilder.buildErrorResponse(PlatErrorCodeEnum.ADD_DATA_FAILED);
    }

    @PutMapping("/update")
    public Response<Boolean> updateBook(@RequestBody Book book){
        boolean flag = bookService.updateById(book);
        return flag == true ? ResponseBuilder.buildNormalResponse() : ResponseBuilder.buildErrorResponse(PlatErrorCodeEnum.UPDATE_DATA_FAILED);
    }
    //查询单个数据
    @GetMapping("{id}")
    public Response<BookVo> getBookById(@PathVariable Integer id){
        Book book = bookService.getById(id);
        BookVo vo = new BookVo();
        BeanUtils.copyProperties(book,vo);
        return ResponseBuilder.buildNormalResponse(vo);
    }
    //删除单个数据
    @DeleteMapping("{id}")
    public Response<Boolean> deleteBook(@PathVariable Integer id){
        boolean flag = bookService.removeById(id);
        return flag == true ? ResponseBuilder.buildNormalResponse() : ResponseBuilder.buildErrorResponse(PlatErrorCodeEnum.DELETE_DATA_FAILED);
    }

    //分页查询数据
    @GetMapping("{currentPage}/{pageSize}")
    public Response<List<BookVo>> getBooksByPage(@PathVariable Integer currentPage,@PathVariable Integer pageSize){
        IPage<Book> page = bookService.getPage(currentPage,pageSize);
        //避免查出来所有的数据，增加一个vo类，只展示需要的字段
        List<BookVo> bookVos = page.getRecords().stream().map(po -> {
            BookVo vo = new BookVo();
            //将两个字段相同的对象进行属性值的复制
            BeanUtils.copyProperties(po, vo);
            return vo;
        }).collect(Collectors.toList());
        return ResponseBuilder.buildNormalResponse(bookVos);
    }

}

9、为了给前端返回统一的值，再加一些优化

package com.example.global;

public enum PlatErrorCodeEnum {

	ADD_DATA_FAILED("10000", "添加数据失败"),
    UPDATE_DATA_FAILED("10001", "更新数据失败"),
    DELETE_DATA_FAILED("10001", "删除数据失败"),



    ;

    public static final String ERROR_CODE="000";

    private String code;
    private String message;

    PlatErrorCodeEnum(String code, String message) {
        this.code = code;
        this.message = message;
    }

	public String getCode() {
		return code;
	}

	public String getMessage() {
		return message;
	}

}
package com.example.global;

import lombok.Data;
import lombok.ToString;

import java.io.Serializable;

@Data
@ToString(callSuper = true)
public class Response<T> implements Serializable {

	private static final long serialVersionUID = -2644259941898334897L;

	private String returnCode;
	private String returnMsg;
	private T returnData;

	public Response(){

	}

	public Response(String returnCode){
		this.returnCode = returnCode;
	}

	public Response(String returnCode, String returnMsg){
		this.returnCode = returnCode;
		this.returnMsg = returnMsg;
	}

	public Response(String returnCode, String returnMsg, T returnData){
		this.returnCode = returnCode;
		this.returnMsg = returnMsg;
		this.returnData = returnData;
	}

	public T getReturnData() {
		return returnData;
	}

	public Response<T> setReturnData(T returnData) {
		this.returnData = returnData;
		return this;
	}
}

package com.example.global;


/**
 * 构造响应结果
 */
public final class ResponseBuilder {
	/**
	 * 返回成功.
	 */
	public static final String RESPONSE_OK = "0000";
	public static final String RESPONSE_MESSAGE = "响应成功";
	
	/**
	 * 构造一个失败响应
	 */
	public static <T> Response<T> buildErrorResponse(PlatErrorCodeEnum enums) {
		Response<T> entity = new Response<>();
		entity.setReturnCode(String.valueOf(enums.getCode()));
		entity.setReturnMsg(enums.getMessage());
		return entity;
	}

	/**
	 * 构造一个失败响应
	 */
	public static <T> Response<T> buildErrorResponse(String error, String message) {
		Response<T> entity = new Response<>();
		entity.setReturnCode(error);
		entity.setReturnMsg(message);
		return entity;
	}
	
	/**
	 * 构造一个正常的没有返回数据的响应
	 */
	public static <T> Response<T> buildNormalResponse() {
		return new Response<T>(RESPONSE_OK, RESPONSE_MESSAGE);
	}

	/**
	 * 构造一个正常的有返回数据的响应
	 * @param returnData
	 * @param <T>
	 * @return
	 */
	public static <T> Response<T> buildNormalResponse(T returnData) {
		Response<T> entity = buildNormalResponse();
		entity.setReturnData(returnData);
		return entity;
	}

}

10、mybatisplus分页插件配置

package com.example.config;

/**
 * 配置mybatisplus分页插件
 */

import com.baomidou.mybatisplus.extension.plugins.PaginationInterceptor;
import org.mybatis.spring.annotation.MapperScan;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;

@Configuration
@MapperScan("com.example.dao")
public class MyBatisPlusConf {
    @Bean
    public PaginationInterceptor mybatisPlusInterceptor(){
        //创建拦截器 SpringBoot 低版本用 PaginationInterceptor 高版本用 MybatisPlusInterceptor
        PaginationInterceptor interceptor = new PaginationInterceptor();
        return interceptor;

    }

}

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/34947.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

Nginx 安装 headers-more-nginx-module 扩展，隐藏www服务信息

Nginx 安装 headers-more-nginx-module 扩展，隐藏www服务信息

通过Ubuntu APT安装的Nginx默认是没有扩展的&#xff0c;所以需要手动安装才可以。本文主要分享如何在 APT 安装 Nginx 的环境中安装 headers-more-nginx-module 扩展&#xff0c;隐藏www服务信息。 1、起因 今天收到一个高危漏洞的警告&#xff0c;该漏洞大意为&#xff1a;…
阅读更多...
Kubernetes 服务发布方式（蓝绿发布、灰度发布和滚动发布）

Kubernetes 服务发布方式（蓝绿发布、灰度发布和滚动发布）

目录 一、三种常用的项目发布方式1.1 蓝绿发布1.2 灰度发布&#xff08;金丝雀发布&#xff09;1.3 滚动发布 二、金丝雀的方式升级发布实验三、总结 一、三种常用的项目发布方式 应用程序升级面临最大挑战是新旧业务切换&#xff0c;将软件从测试的最后阶段带到生产环境&…
阅读更多...
阿里云国际站：为什么当初很多人不看好的阿里云做起来了？

阿里云国际站：为什么当初很多人不看好的阿里云做起来了？

标题&#xff1a;为什么当初很多人不看好的阿里云做起来了&#xff1f; 　　为什么人们曾经对阿里云的前景充满疑虑&#xff0c;而它现如今却成就了一番事业&#xff1f;这是个我们应当深思的议题。让我们共同走进阿里云的成长之旅&#xff0c;寻求答案的启示。 　　在阿里云初…
阅读更多...
hive关联键 NULL 关联 NULL

hive关联键 NULL 关联 NULL

结论&#xff1a;关联键 NULL NULL时&#xff0c;不进行关联&#xff0c;即两表关联失败 案例如下&#xff1a; 表A 表B 表A 关联 表B selecta.id as a_id,a.name as a_name,b.id as b_id,b.name as b_name from表A a left join表B b on a.id b.id …
阅读更多...
适用于Vue 3的最佳开源分页库

适用于Vue 3的最佳开源分页库

从头开始实现分页可能是一项耗时的任务&#xff0c;需要大量的精力和资源。幸运的是&#xff0c;有几个伟大的开源库可以简化这个过程&#xff0c;提高你的效率。使用分页库可以节省你的时间和精力&#xff0c;使你能够专注于建立你的应用程序的其他更重要的功能。 在这篇文章…
阅读更多...
分布式负载均衡 Ribbon

分布式负载均衡 Ribbon

一、Ribbon简介 是Netfix发布的负载均衡&#xff0c;Eureka一般配合Ribbon进行使用&#xff0c;基于HTTP和TCP的客户端负载均衡工具。 只有负载均衡的能力&#xff0c;不具有发送请求的能力&#xff0c;要配合服务通信组件。 RestTemplate 针对各种类型的 HTTP 请求都提供了相…
阅读更多...
《Java核心卷1》怎么样？读1，2章草记 | 第12版

《Java核心卷1》怎么样？读1，2章草记 | 第12版

文章目录 《Java核心技术卷 一》第一章 概述第二章 Java编程环境 图书推荐 《Java核心技术卷 一》 第一章 概述 前言&#xff1a;本书与一些”0基础入门“的书定位感觉是不太一样的&#xff0c;可能就像书名所说&#xff0c;是”核心技术“叭。书中经常将Java语言与 c 进行对比…
阅读更多...
什么是内存溢出，什么是内存泄漏？

什么是内存溢出，什么是内存泄漏？

文章目录 一、什么是内存溢出&#xff1f;二、什么是内存泄漏&#xff1f;三、如何避免&#xff1f; 提示&#xff1a;以下是本篇文章正文内容&#xff0c;下面案例可供参考 一、什么是内存溢出&#xff1f; 假设我们 JVM 中可用的内存空间只剩下 3M&#xff0c;但是我们要创…
阅读更多...
[PyTorch][chapter 41][卷积网络实战-LeNet5]

[PyTorch][chapter 41][卷积网络实战-LeNet5]

前言 这里结合前面学过的LeNet5 模型&#xff0c;总结一下卷积网络搭建&#xff0c;训练的整个流程 目录&#xff1a; 1&#xff1a; LeNet-5 2: 卷积网络总体流程 3&#xff1a; 代码 一 LeNet-5 LeNet-5是一个经典的深度卷积神经网络&#xff0c;由Yann LeCun在1998年提…
阅读更多...
虹科教程 | Linux网络命名空间与虹科PROFINET协议栈的GOAL中间件结合使用

虹科教程 | Linux网络命名空间与虹科PROFINET协议栈的GOAL中间件结合使用

前言 PROFINET是由PI推出的开放式工业以太网标准&#xff0c;它使用TCP/IP等IT标准&#xff0c;并由IEC 61158和IEC 61784 标准化&#xff0c;具有实时功能&#xff0c;并能够无缝集成到现场总线系统中。凭借其技术的开放性、灵活性和性能优势&#xff0c;PROFINET可应用于过程…
阅读更多...
动态规划-杨辉三角

动态规划-杨辉三角

动态规划-杨辉三角 1 [杨辉三角]1.1 给定一个非负整数 numRows&#xff0c;生成「杨辉三角」的前 numRows 行。1.2 示例1.2.1 示例 1:1.2.2 示例 2:1.2.3 提示: 1.3 算法解决方法1.3.1 算法解题思路1.3.1.1 确定状态1.3.1.2 转移方程1.3.1.3 初始条件以及边界情况1.3.1.4 计算顺…
阅读更多...
【CANoe示例分析】PythonCAPL_Call_Demo

【CANoe示例分析】PythonCAPL_Call_Demo

该工程由Vector官方提供，目的是演示Python如何调用CAPL文件里的自定义函数。里面除了CANoe工程文件外，还有python文件和CAPL： 提供了两种CANoe版本的工程文件，选择其中一种打开即可。 首先我们要确定CAPL文件AnalyseFunctions.can在CANoe工程内的什么地方？首先想到的是Si…
阅读更多...
sqlserver收缩数据库

sqlserver收缩数据库

1.收缩数据库 首先收缩的前提是需要有可用空间如下图&#xff0c;没有可用空间无法收缩数据库 2.减小数据库大小 通过链接: 查询数据库中各表的大小 如果查询的比较大而且无用的数据可以直接把表结构给拿出来&#xff0c;然后删除该表空间就直接释放出来了 3.收缩文件 我…
阅读更多...
2023年 vue使用腾讯地图搜索、关键字输入提示、地点显示

2023年 vue使用腾讯地图搜索、关键字输入提示、地点显示

先看结果 vue 在public文件下的index.html文件中引入&#xff1a; <script src"//map.qq.com/api/js?v2.exp&key你自己的key"></script><script src"https://map.qq.com/api/gljs?v1.exp&librariesservice&key你自己的key"&…
阅读更多...
计算机网络编程 | 多路I/O转接服务器

计算机网络编程 | 多路I/O转接服务器

欢迎关注博主 Mindtechnist 或加入【Linux C/C/Python社区】一起学习和分享Linux、C、C、Python、Matlab&#xff0c;机器人运动控制、多机器人协作&#xff0c;智能优化算法&#xff0c;滤波估计、多传感器信息融合&#xff0c;机器学习&#xff0c;人工智能等相关领域的知识和…
阅读更多...
Django框架-6

Django框架-6

向服务器传参 通过url - path传参 path(articles/<int:year>/<int:month>/<slug:slug>/, views.article_detail),查询字符串方式传参 http://localhost:8000?key1value1&key2value2 ;&#xff08;body&#xff09;请求体的方式传参&#xff0c;比如文…
阅读更多...
vue2【监听器】

vue2【监听器】

目录 1&#xff1a;监听器的作用 2&#xff1a;语法格式 3&#xff1a;示例 4&#xff1a;应用场景 4.1&#xff1a;axios发送请求 4.2&#xff1a;JQuery发送请求 5&#xff1a;监听器的格式&#xff1a; 5.1&#xff1a;函数格式的监听器&#xff1a; 缺点一&#x…
阅读更多...
基于VUE3+Layui从头搭建通用后台管理系统（前端篇）三：找回密码界面及对应功能实现

基于VUE3+Layui从头搭建通用后台管理系统（前端篇）三：找回密码界面及对应功能实现

一、本章内容 本章实现找回密码功能，包括短信验证码找回、邮箱验证码找回等功能，并通过node-send-email发送邮箱验证码，实现找回密码界面、接口等功能。 1. 详细课程地址： 待发布 2. 源码下载地址： 待发布 二、界面预览 三、开发视频
阅读更多...
【高端设计】DDR4设计方法与仿真分析（一）

【高端设计】DDR4设计方法与仿真分析（一）

本文主要介绍了DDR4设计方法与仿真分析&#xff0c;并示范SIwave如何做DDR4的瞬时眼图、SSN、on-die de-cap影响、DBI耗电分析与规范性测试。 1.DDR4和DDR3的区别 1.1 DDR4传输速度与带宽增加 DDR3 1600/1866MHz -> DDR4 1866/3200MHz DDR3采用多点分支单流架构&#xff…
阅读更多...
HTML基础

HTML基础

推荐W3school、developer.mozilla.org学习 文章目录 前言标签html标签标题标签h1-h6段落标签p换行标签br超链接标签a锚点定位图像标签img列表标签有序列表ol无序列表ul定义列表dl 表格标签表格列合并表单标签input&#xff1a;输入框文本框密码框单选按钮复选框上传文件按钮下拉…
阅读更多...
最新文章

Copyright @ 2022~2023