后台系统三：【预览】功能；（利用SweetAlert这个JS组件实现【图片弹出对话框】）

目录

0.本篇博客开发内容说明

1.实现策略分析：JS组件-SweetAlert组件

（1）SweetAlert组件简介：

（2）SweetAlert组件下载：

2.【预览】功能开发实现

（1）事先，把SweetAlert组件，jQuery组件添加到当前工程中

（2）编写list.jsp：

注：两点补充说明

0.本篇博客开发内容说明

点击【预览】这个超链接后会在当前页面弹出对话框，显示这副油画的图片：    

1.实现策略分析：JS组件-SweetAlert组件

在前端html领域，有很多现成的JavaScript组件；为了实现”弹出对话框“这个功能，让弹出框更加美观，我们使用行业中使用非常广泛的SweetAlert组件；

（1）SweetAlert组件简介：

SweetAlert是一个使用广泛的JS对话框组件；作用就是提供一个美观、可靠，同时适用于手机、PC端页面的对话框；

访问https://sweetalert2.github.io/SweetAlert２的官网；（PS：也可以查看https://sweetalert.js.org/；20210607）

（2）SweetAlert组件下载：

2.【预览】功能开发实现