第14课:SweetAlert 插件整合及搜索功能实现

前面的课程,我们分别对用户管理功能模块、图片功能管理模块、富文本功能模块进行了讲解和具体实现。到目前为止,该系统已经具备了一个后台管理系统所应具备的大部分基础功能,可以称得上是一个合格的脚手架了,之后大家只需根据各自业务的不同分别拓展即可。

本文作为实战内容的完结篇,将对未完善的功能再做下补充讲解,主要包括提示框优化、SweetAlert 插件的整合、搜索功能的实现。

提示框优化

提示框简介

提示框是弹框的一个子集,与其他形式的弹框相比,提示框的内容和样式更为简单,也没有太复杂的交互过程,基本上就是弹框+提示语的组合形式,其作用是根据用户操作给出相应提醒和反馈。常见的是 alert 框,相信大家对它都不陌生。

提示框包括提醒框和操作确认框两种类型,提醒框一般没有逻辑代码,主要功能是对用户的操作进行信息提示,比如操作成功提醒或者错误信息提示等等,整个过程的逻辑代码也只是提示框的触发实现而已,比如:

alert('添加成功');

除此之外,并不会涉及到其他的逻辑操作。

相较于普通的提醒框,确认框包含部分逻辑代码,可以根据用户的操作选择执行不同的逻辑判断,根据判断结果再进行后续阶段的功能展示,而不是像提示框那样直接进行信息提示。

确认框主要用于再次向用户确认一些敏感操作或者重要环节是否可执行,比如用于数据删除、退出登录以及用户信息修改等较为敏感操作之前,主要目的是防止用户的误操作。假设管理员操作失误点击了删除按钮,如果没有确认框机制,这些数据可能真的就消失了,而确认框的使用则可尽量避免此类事件的发生。

显示确认弹框ÿ

猜你喜欢

转载自blog.csdn.net/ZHENFENGSHISAN/article/details/108729194