SpringBoot+SweetAlert2(附源码)

SweetAlert2是一款功能强大的纯Js模态消息对话框插件

先附上源码：https://gitee.com/zlh0816/SpringBootSweetAlert2

---

一、前期准备

① 在pom.xml中添加依赖

// sweetalert2依赖
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>sweetalert2</artifactId>
    <version>2.1.3.RELEASE</version>
</dependency>

// 添加jquery包
<dependency>
    <groupId>org.webjars</groupId>
    <artifactId>jquery</artifactId>
    <version>3.3.1-1</version>
</dependency>

② 在页面中引入文件

//sweetalert2 css文件
<link rel="stylesheet" href="webjars/sweetalert2/7.28.10/dist/sweetalert2.min.css">

//sweetalert2 js文件
<script src="webjars/sweetalert2/7.28.10/dist/sweetalert2.min.js"></script>

//jquery文件
<script src="webjars/jquery/3.3.1-1/jquery.min.js"></script>

---

二、使用

1. 基本信息

Swal.fire({
   
    title: "标题",
    text: "文本"
})

2. 带有标题、图标、文本的信息

Swal.fire({
   
    title: "标题",
    text: "文本",
    type: "success"
})

3. 插入自定义HTML描述

Swal.fire({
   
    title: "标题",
    html: "<a href='javascript:void(alert(0))'>超链接</a>",
    type: "info"