MySQL(二)——CRUD

文章目录

  • CRUD
    • 新增
      • 全列插入
      • 指定列插入
      • 插入查询结果
    • 查询
      • 全列查询
      • 指定列查询
      • 查询字段为表达式
        • 表达式不包含字段
        • 表达式包含一个字段
        • 表达式包含多个字段
    • 补充:别名
      • 去重查询
      • 排序
      • 条件查询
    • 补充:运算符
        • 区间查询
        • 模糊查询
        • NULL的查询
      • 分页查询
      • 聚合查询
        • 聚合函数
      • 分组查询
    • 修改
    • 删除

CRUD

CRUD是指创建(Create)、读取(Retrieve)、更新(Update)和删除(Delete)四个操作的首字母缩写(即增删查改),它是数据库或持久层在软件系统中执行的基本功能。这四个操作构成了大多数应用程序和服务中数据管理的基础。

接下来我们就介绍一数据库基本的增删改查。

新增

语法:

INSERT [INTO] tbl_name[(column [, column] ...)] VALUES (value_list) [, (value_list)] ...;value_list: value, [, value] ...
  • INSERTVALUES以及(value_list)是必须的,其余都被[]括起来,属于可选项
  • 选择不同的可选项,可以达到全列插入与指定列插入单行数据插入与多行数据插入以及这两组的组合。

我们先新建一个二维表,方便观察现象:

CREATE TABLE IF NOT EXISTS demo1 (id BIGINT,name VARCHAR(20),gender TINYINT
);

全列插入

语法:

INSERT [INTO] tbl_name VALUES (value_list) [, (value_list)] ...;
  • VALUES后可以跟多个小括号,每个小括号就是一行数据,多行数据的小括号之间用,(逗号)连接;

    只有一个小括号就是单行数据插入;多个小括号就是多行数据插入

  • 全列插入的VALUES后的每个小括号中的值要与列一一对应(数量、数据类型),否则会报错!

例如:

在这里插入图片描述

SELECT * FROM demo1;是全列查询语句。


指定列插入

语法:

INSERT [INTO] tbl_name[(column [, column] ...)] VALUES (value_list) [, (value_list)] ...;
  • 在表名后、()里使用属性(字段)名指定列,如果要指定多个列,用,(逗号)分隔。注意:即使只插入一列,()也不能省略!
  • 一行中没有被指定插入的列,会用默认值填充,即NULL,表示缺失值
  • 显式地指定所有属性名,就是全列插入
  • 同样也可以多行数据插入

例如:

在这里插入图片描述


插入查询结果

建议先学习查询后再来。

语法:

INSERT INTO tbl_name [(column1)[,column2...]] SELECT ...
  • 查询出的列与要插入的列的数量和类型要一致,一一对应

例如,将旧表中的数据导入新表

在这里插入图片描述


查询

为了方便举例,我们后续可能会用到下表:

在这里插入图片描述

语法:

SELECT[DISTINCT] {* | {column1 [, column2] ...} [FROM tbl_name][WHERE ...][ORDER BY column [ASC | DESC], ...]LIMIT ...;

查询涉及到的关键字很多,分别有着不同的功能,但各个部分不是独立的。下面介绍时只是按照功能进行的分类,实际查询时一般不会只用到某个分类,比如,同时要求去重、条件查询、排序,这要求我们要依据需求编写合理的SQL查询语句

查询是不影响原表(永久表)的,每次返回的是一个临时表


全列查询

语法:

SELECT * FROM tbl_name;
  • *通配符,代表我要查询的结果中包含所有的字段(列)。
  • 当一张表中数据量很大时,建议不要使用全列查询,会有很大的磁盘开销和网络开销

例如:

在这里插入图片描述


指定列查询

语法:

SELECT column1 [, column2]... FROM tbl_name;
  • SELECT后面紧跟要查询的列,之间用,(逗号)分隔

例如:

在这里插入图片描述


查询字段为表达式

表达式不包含字段

语法:

SELECT column1, 常量 ... FROM tbl_name;

例如:

在这里插入图片描述

  • 查询结果中返回的临时表,会在指定位置生成一列,如上图

表达式包含一个字段

例如,将表中的某列的值全部加10

SELECT column1 + 10, column2... FROM tbl_name;

在这里插入图片描述


表达式包含多个字段

例如,使用考试表,查询总分:

在这里插入图片描述


补充:别名

在MySQL中,别名的使用包括列别名表别名两种类型

使用别名可以带来多个重要的好处,主要包括提高查询的可读性简化复杂查询、解决字段名冲突和提升性能等方面。

列别名的引入旨在提高查询结果的可读性,并允许在查询中使用更符合情境的标签来代表列。(也可以给表达式起别名)

表别名则主要用于简化查询中的表引用,特别是在多表查询的情况下。通过为每个表定义一个简短的别名,可以大大增强SQL语句的可读性和编写效率。

语法:

...列名 [AS] 别名...
...表名 [AS] 别名...
# 别名大多数情况下都是字符串,可以选择使用''引起来;不过,当别名中包含空格,必须使用''引起来

例如,优化查询考试总分:

在这里插入图片描述


去重查询

语法:

SELECT DISTINCT {* | {column1 [, column2] ...} FROM tbl_name;
  • 判断为重复的条件所有查询列的数值相等,例如全列去重查询,当两行数据的所有列的值相等,才判断为重复并去重

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述


排序

语法:

SELECT[DISTINCT] {* | {column1 [, column2] ...} FROM tbl_name[ORDER BY column1 [ASC | DESC], ...];
  • ASC为升序,DESC为降序,用于指定排序方式。可以不指定,此时按照MySQL默认的升序排序

  • 使用到ORDER BY,后面跟字段名(或查询列表的表达式)和排序方式,表示按照该字段的值进行升序/降序排序;

    ORDER BY后面可以跟多个字段。在SQL中,可以使用逗号分隔多个字段来指定排序顺序。

    当使用多个字段进行排序时,首先按照第一个字段进行排序,如果第一个字段的值相同,则按照第二个字段进行排序,以此类推。每个字段都可以指定升序(ASC)或降序(DESC)排序。(排序优先级取决于书写顺序)

  • 与查看表结构的关键字重名,但查看表结构的DESC是describe的缩写,排序的DESC是descend的缩写,这是SQL设计时的反例。

例如,根据总分对exam表排名:

在这里插入图片描述

  • 不能将ORDER BY后的别名用单引号引起来,否则排序就会失效

在这里插入图片描述

【注意】

  • NULL数据排序,视为比任何值都小,升序排在最上面,降序排在最下面
  • 没有ORDER BY子句的查询,返回的顺序是未定义的

条件查询

条件查询基于比较运算符和逻辑运算符,可以构成较为复杂的条件对数据进行过滤,从而达到需求。下面给出的区间查询、模糊查询和NULL的查询都是条件查询,只是将这些场景单独拿出来,具体的场景要具体分析采用什么条件进行过滤

语法:

SELECT{* | {column1 [, column2] ...} FROM tbl_name[WHERE ...];

补充:运算符

【比较运算符】

运算符说明
>,>=,<,<=大于,大于等于,小于,小于等于
=等于。NULL不安全,NULL = NULL 的结果为 NULL
<=>等于。NULL安全, NULL <=> NULL的结果是1(TRUE)
!=,<>不等于
BETWEEN a AND b范围匹配。[a, b],如果 a <= values <= b,返回1(TRUE)
IN(option, …)如果是option中的任意一个,返回1(TRUE)
IS NULLNULL。是,返回1(TRUE),不是,返回0(FALSE)
IS NOT NULL不是NULL。是,返回0(FALSE),不是,返回1(TRUE)
LIKE模糊匹配。%表示任意多个(包括0个)任意字符;_表示任意一个字符

【逻辑运算符】

运算符说明
ANDAND连接的多个条件必须都为TRUE,结果才是1(TRUE)
OROR连接的任意一个条件为TRUE,结果为1(TRUE)
NOT条件为TRUE,返回0(FALSE)

  • WHERE条件可以使用表达式,但不能使用别名,这与SQL语句的执行顺序有关:

    1. 先确定表,即执行FROM
    2. 根据条件过滤出合适的数据行,即执行WHERE
    3. 显示要查询的列,即执行SELECT

    我们的列别名一般会在SELECT声明,这使得执行WHERE时识别不出别名

  • 运算符是有优先级的,比如逻辑运算符NOT >AND > OR,不过不建议死记,建议使用小括号()来手动设置优先级,确保万无一失

  • MySQL不支持链式比较,如 a < column < b,必须改写为column > a AND column < b

  • NULL值不参与除了判断NULL之外的任何条件查询,它会被过滤掉。比如,找语文成绩高于60分的成绩,其中一位同学语文成绩一列为NULL,那么就会直接过滤掉,不参与。

  • 如果想知道某个表达式的值,写法:SELECT 表达式;。例如,SELECT NULL <=> NULL;,将返回1(TRUE)

  • 标准的比较运算符(如=, <>, <, >)在用于NULL值时会返回NULL,比如SELECT NULL > 10;结果为NULL;对NULL使用算术运算符将返回NULL。例如,任何数字与NULL进行加法运算的结果都将是NULL


区间查询

语法:

SELECT{* | {column1 [, column2] ...} FROM tbl_nameWHERE {column1 BETWEEN a AND b | column1 >= a AND column1 <= b};

例如,查询总分在200~300的学生:

在这里插入图片描述


模糊查询

语法:

SELECT{* | {column1 [, column2] ...} FROM tbl_nameWHERE column1 LIKE '[%][_...]值[_...][%]';

举例说明,查询姓刘的同学的成绩:

在这里插入图片描述

  • 刘%就代表刘的后面包含若干个(包括0个)字符,满足该条件的都会被选中。

查询姓名只有两个字的同学的成绩:

在这里插入图片描述

  • 上图两个_号连在了一起,表示两个字符,必须是两个字符的才会被选中。

比如,我要查询姓刘且名字只有两个字的同学,就得:LIKE '刘_';查询名字中包含玄的同学,就得:LIKE '%玄%'


NULL的查询

语法:

SELECT {* | {column1 [, column2] ...}  FROM tbl_name WHERE {column1 IS NULL | column1 IS NOT NULL};
  • 区分NULL值 与 字符串'NULL',采用LIKE 'NULL'实际上查询的时字符串NULL,而不是NULL

小结一下目前遇到的有关NULL的知识点:

  1. NULL的基本概念
    • 定义NULL在MySQL中代表一个未知的值。它是一种“没有类型”的特殊值,用于表示无值、未知值、缺失值等情况。
    • 默认值:在创建表结构时,如果某字段未指定默认值,则默认为NULL值。这意味着如果在插入数据时没有提供该字段的值,它将自动被设置为NULL
  2. NULL值的比较与操作
    • 比较运算符:标准的比较运算符(如=, <>, <, >)在用于NULL值时会返回NULL,这表明结果既不是TRUE也不是FALSE,而是不确定的。因此,要检查一个值是否为NULL,应使用IS NULLIS NOT NULL运算符。
    • 算术运算符:对NULL使用算术运算符将返回NULL。例如,任何数字与NULL进行加法运算的结果都将是NULL。
    • 排序行为:在ORDER BY子句中,NULL值在升序排序时默认位于最后,但在降序排序时则位于首位。

分页查询

语法:

-- 从 0 开始,筛选 n 条结果
SELECT ... FROM tbl_name [WHERE ...] [ORDER BY ...] LIMIT n;
-- 从 s 开始,筛选 n 条结果
SELECT ... FROM tbl_name [WHERE ...] [ORDER BY ...] LIMIT s, n;
-- 从 s 开始,筛选 n 条结果,比第二种用法更明确,建议使用
SELECT ... FROM tbl_name [WHERE ...] [ORDER BY ...] LIMIT n OFFSET s;
  • 分页查询可以有效控制每次查询的的记录条数,可以减小数据库服务器的压力,可以有效提升数据处理的效率和用户体验。
  • 记录的序号从 0 开始,第一条记录是0,以此类推
  • 如果起始位置已经超出了整个结果集的范围,可以执行,但返回的是空结果集

例如,查询id编号前5的同学的成绩:

在这里插入图片描述

例如,查询总分排名前3的同学的成绩:

在这里插入图片描述
在这里插入图片描述


聚合查询

聚合函数

聚合函数(Aggregate Functions)在SQL中用于对一组值执行计算并返回单个值。

常见聚合函数如下:

函数说明
COUNT()返回查询到的数据数量
SUM()返回查询到的数据的总和,非数值没有意义
AVG()返回查询到的数据的平均值,非数值没有意义
MAX()返回查询到的数据的最大值
MIN()返回查询到的数据的最小值

语法:

SELECT 聚合函数([DISTINCT expr]) [,聚合函数(DISTINCT expr)]... FROM tbl_name [WHERE...];
  • 聚合函数主要接受列名、列上的表达式以及(通过CASE语句)条件表达式作为参数。其他类型的参数(如直接的常量或复杂的子查询)要么在技术上可行但通常不推荐,要么需要特别考虑查询的上下文和目的。

  • 聚合函数会忽略NULL(除了COUNT(*)),例如SUM()计算某列总和时,会忽略NULL值,不会出现多个数值相加,其中包含NULL值导致结果为NULL的情况。所以,如果某列的值全为NULL值,最终返回0

  • 聚合函数的高级用法

    1. 嵌套聚合函数:SQL允许在聚合函数内部使用其他聚合函数,进行更复杂的计算,例如计算每个部门的最高工资与最低工资之差。

    2. 使用DISTINCT关键字:有时需要对唯一值进行聚合计算,而不是考虑所有行。这时可以使用DISTINCT关键字来确保只考虑唯一的值。

    3. 计算百分比:聚合函数还可用于计算百分比或比例,例如计算每个部门的工资在总工资中的占比。


例如,查询班级人数(记录条数):

在这里插入图片描述


例如,查询全班人总分的平均数(有缺考科目的不计):

在这里插入图片描述

可以使用ROUND()函数来处理结果:

在这里插入图片描述

ROUND() 函数用于对数值进行四舍五入到指定的小数位数。 它接受一到两个参数:

  1. 第一个参数:要四舍五入的数值。这可以是一个列名、一个表达式的结果,或者是一个直接的数值。
  2. 第二个参数(可选):指定要四舍五入到的小数位数。如果省略此参数,则默认四舍五入到最接近的整数。如果第二个参数是负数,则表示在小数点左侧进行四舍五入,即四舍五入到十位、百位等。

例如,查询全班数学成绩的最大值和最小值:

在这里插入图片描述


分组查询

语法:

SELECT 查询目标 FROM tbl_name [WHERE...] GROUP BY 分组字段名 [HAVING...];
  • WHEREHAVING的区别:
    1. 执行时机不同WHERE是分组之前的过滤,不满足WHERE条件,不参与分组;HAVING是分组之后对结果进行过滤
    2. 判断条件不同WHERE不能对聚合函数进行判断过滤,而HAVING可以
  • 分组查询常和聚合查询一起使用,使用聚合函数,对分组后各组数据进行指定求值
  • 分组查询的查询目标一般为聚合函数和分组字段,查询其他字段无任何意义
  • 执行顺序:WHERE > 聚合函数 > HAVING

例如,有这样一张表:

在这里插入图片描述

查询各个职务的平均薪资:

在这里插入图片描述

查询平均工资低于10000的职务(除游戏角色外)的平均工资和最高工资:

在这里插入图片描述


修改

语法:

UPDATE tbl_name SET column1 = expr [, column2 = expr ...][WHERE ...] [ORDER BY ...] [LIMIT ...];
  • SET后指定列并修改值,WHERE条件用于过滤筛选出要修改指定列的数据行,ORDER BY用于排序,LIMIT用于控制修改的数据行数
  • 在标准的 SQL 中,UPDATE 语句本身并不直接支持 ORDER BY 子句(可以使用,不报错)。ORDER BY 通常用于 SELECT 语句中,以指定结果集的排序方式。并且,在 UPDATE 语句中,排序通常不是必要的。对于需要排序的场景,需要结合使用子查询或临时表,并在子查询中指定排序。
  • SELECT 语句中,LIMIT 可以接受两个参数,第一个参数是偏移量,第二个参数是要返回的记录数。但在 UPDATE 语句中,这种用法是不被支持的,仅支持一个参数的LIMIT子句。
  • UPDATE操作如果不加WHERE子句,将会修改表中的所有记录,十分危险!

例如,将孙悟空同学的英语成绩和语文成绩分别改为95,90分:

在这里插入图片描述

例如,将总分小于200分的同学的英语成绩减去5分:

在这里插入图片描述


删除

语法:

DELETE FROM  tbl_name [WHERE ...] [ORDER BY ...] [LIMIT ...];
  • 在标准的 SQL 中,DELETE 语句本身并不直接支持 ORDER BY 子句(可以使用,不报错)。ORDER BY 通常用于 SELECT 语句中,以指定结果集的排序方式。并且,在 DELETE 语句中,排序通常不是必要的。对于需要排序的场景,需要结合使用子查询或临时表,并在子查询中指定排序。

  • SELECT 语句中,LIMIT 可以接受两个参数,第一个参数是偏移量,第二个参数是要返回的记录数。但在 DELETE 语句中,这种用法是不被支持的,仅支持一个参数的LIMIT子句,与UPDATE语句一样。

  • DELETE操作如果不加WHERE子句,将会删除表中的所有记录,十分危险!

例如,删除孙悟空同学的成绩:

在这里插入图片描述


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

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

C++实现——红黑树

目录 1.红黑树 1.1红黑树的概念 1.2红黑树的性质 1.3红黑树节点的定义 1.4红黑树的插入操作 1.5红黑树的验证 1.6红黑树的删除 1.7红黑树与AVL树的比较 1.8红黑树的应用 1.红黑树 1.1红黑树的概念 红黑树&#xff0c;是一种二叉搜索树&#xff0c;但在每个结点上增加一个存储位…

Chat App 项目之解析(二)

Chat App 项目介绍与解析&#xff08;一&#xff09;-CSDN博客文章浏览阅读76次。Chat App 是一个实时聊天应用程序&#xff0c;旨在为用户提供一个简单、直观的聊天平台。该应用程序不仅支持普通用户的注册和登录&#xff0c;还提供了管理员登录功能&#xff0c;以便管理员可以…

初识指针4の学习笔记

目录 1>>前言 2>>字符指针变量 3>>数组指针变量 4>>函数指针变量 5>>函数指针数组 6>>回调函数是什么&#xff1f; 7>>结语 1>>前言 今天我会继续分享一些我做的笔记&#xff0c;以及我对指针的理解&#xff0c; 后续会…

Vue状态管理工具:vuex

目录 基本概念 使用步骤 核心概念 1.State 2.Getters 3.Mutations 4.Actions 5.Modules 辅助函数 基本概念 基础用法 基本概念 官方&#xff1a;Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 库。它采用集中式存储管理应用的所有组件的状态&#xff0c;并以…

Android全面解析之context机制(三): 从源码角度分析context创建流程(下)

前言 前面已经讲了什么是context以及从源码角度分析context创建流程&#xff08;上&#xff09;。限于篇幅把四大组件中的广播和内容提供器的context获取流程放在了这篇文章。广播和内容提供器并不是context家族里的一员&#xff0c;所以他们本身并不是context&#xff0c;因而…

查找物理学领域文献的常用数据库

当我们查找文献时如果盲目去各个文献数据库查找不仅浪费时间和精力还不一定能找到自己需要的文献。我们需要对数据库有个简单的了解有方向的去寻找我们研究领域的文献资料&#xff0c;本文就向大家介绍一下查找物理学领域文献的数据库有哪些。 一、物理专业数据库&#xff08;…

Android平台无纸化同屏如何实现实时录像功能

技术背景 我们在做无纸化同屏的时候&#xff0c;好多开发者采集到屏幕、麦克风|扬声器数据&#xff0c;除了需要推RTMP出去&#xff0c;或者启动个轻量级RTSP服务&#xff0c;对外提供个拉流的RTSP URL&#xff0c;别的终端过来拉流&#xff08;小并发场景&#xff09;&#x…

vue3基础ref,reactive,toRef ,toRefs 使用和理解

文章目录 一. ref基本用法在模板中使用ref 与 reactive 的区别使用场景 二. reactive基本用法在模板中使用reactive 与 ref 的区别使用场景性能优化 三. toRef基本用法示例在组件中的应用主要用途对比 ref 和 toRef 四. toRefs基本用法示例在组件中的应用主要用途对比 ref 和 t…

基于Arch的轻量级发行版Archcraft结合内网穿透实现远程SSH连接

文章目录 前言1. 本地SSH连接测试2. Archcraft安装Cpolar3. 配置 SSH公网地址4. 公网远程SSH连接5. 固定SSH公网地址6. SSH固定地址连接 前言 本文主要介绍如何在Archcraft系统中安装Cpolar内网穿透工具,并以实现Windows环境ssh远程连接本地局域网Archcraft系统来说明使用内网…

高性能web服务器详解

一、Web服务的基础介绍 正常情况下单次web服务访问的流程简图&#xff1a; 1.1 Web服务介绍 这里介绍的是 Apache 和 NGINX 1.1.1 Apache 经典的Web服务端 Apache 起初由美国的伊利诺伊大学香槟分校的国家超级计算机应用中心开发 目前经历了两大版本分别是 1.X 和 2.X…

笔试练习day5

目录 游游的you题目解析解法方法一贪心方法二 腐烂的苹果题目解析例子1例子2解法多源BFS最短路径代码代码解析 JZ62 孩子们的游戏(圆圈中最后剩下的数)题目解析解法方法一模拟环形链表模拟数组模拟 方法二递推/递归/动态规划状态表示状态转移方程代码 感谢各位大佬对我的支持,如…

Mysql原理与调优-Mysql的内存结构

1.绪论 前面说过InnoDB每次查询数据或者更新数据&#xff0c;都是先以16kb的大小将数据读取到内存中&#xff0c;然后对内存中的数据页进行操作。为了减少磁盘IO&#xff0c;Innodb的会先单独的申请一块连续的空间&#xff0c;将从磁盘中的数据页缓存到这片内存中。这片内存就…

2D Inpainting 与NeRF 3D重建的多视角一致性问题

一 问题&#xff1a; NeRF依赖于输入图像的一致性。NeRF&#xff08;Neural Radiance Fields&#xff09;在生成三维场景时&#xff0c;依赖于从多个视角拍摄的输入图像之间的一致性来准确地推断场景的三维结构和颜色信息。 具体来说&#xff1a; 多视角一致性&#xff1a; Ne…

Hive3:三种常用的复杂数据类型

一、Array类型 1、数据示例 2、实操 元数据 zhangsan beijing,shanghai,tianjin,hangzhou wangwu changchun,chengdu,wuhan,beijin创建表 CREATE TABLE myhive.test_array(name string, work_locations array<string>) ROW FORMAT DELIMITED FIELDS TERMINATED BY \t…

LVM 使用以及配置

逻辑卷管理 (LVM) 是一种用于 Linux 系统的存储管理工具&#xff0c;比传统的磁盘分区方法更灵活。LVM 通过将物理存储设备组合成逻辑卷&#xff0c;使得磁盘空间的管理更加动态和便捷。它提供了物理层的抽象&#xff0c;让用户可以创建跨越多个物理磁盘或分区的逻辑卷。 LVM …

2024年软件测试经典面试题(全三篇)【包含答案】做完面试进入大厂不是梦

前言 迎来的便是金九银十&#xff0c;一直想着说分享一些软件测试的面试题&#xff0c;这段时间做了一些收集和整理&#xff0c;下面共有三篇经典面试题&#xff0c;大家可以试着做一下&#xff0c;答案附在后面&#xff0c;希望能帮助到大家。 软件测试经典面试题&#xff0…

【vue讲解:es6导入导出语法、 vue-router简单使用、登录跳转案例、scoped的使用、elementui使用】

1 es6导入导出语法 # 做项目&#xff1a;肯定要写模块--》导入使用# 默认导出和导入 在某个js中 # 命名导出和导入1.1 默认导出和导入 // #########导出语法########### // export default name // 只导出变量 // export default add // 只导出函数// export default {nam…

android13顶部状态栏里面调节背光 背景闪烁问题

总纲 android13 rom 开发总纲说明 目录 1.前言 2.问题分析 3.代码分析 4.代码修改 5.彩蛋 1.前言 android13顶部状态栏里面调节背光, 背景闪烁问题,会出现画面不全问题,如下图 2.问题分析 这里看起来是由于隐藏的时候,界面显示是一个渐变的隐藏,但是后面的背景又是…

Vue3列表(List)

效果如下图&#xff1a;在线预览 APIs List 参数说明类型默认值bordered是否展示边框booleanfalsevertical是否使用竖直样式booleanfalsesplit是否展示分割线booleantruesize列表尺寸‘small’ | ‘middle’ | ‘large’‘middle’loading是否加载中booleanfalsehoverable是否…

stripe Element 如何使用

这里要准备好几个东西&#xff1a; 一个支付成功过后的回调 还有一个下单的接口 一旦进入这个下单界面&#xff0c;就要去调下单的接口的&#xff0c;用 post, 这个 接口你自己写&#xff0c;可以写在后端中&#xff0c;也可以放到 nextjs 的 api 中。 首先说的是这个下单…