toastr通知
jquery toastr 一款轻量级的通知提示框插件。 网页开发中经常会用到提示框,自带的alert样式无法调整,用户体验差。
所以一般通过自定义提示框来实现弹窗提示信息,而jquery toastr正是为此的一款非常棒的插件。
在线引用
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
插件下载地址
https://www.jq22.com/jquery-info476
使用方式
1.引入插件
2.直接调用即可
信息:toastr.info("内容主体","标题")
警告:toastr.warning("内容主体","标题")
错误:toastr.error("内容主体","标题")
成功:toastr.success("内容主体","标题")
当然这也是可以自定义的
toastr.options = {
// 关闭按钮
"closeButton": true,
"debug": false,
//新的通知从上方出现
"newestOnTop": false,
//进度条
"progressBar": false,
//通知的位置
"positionClass": "toast-top-conter",
//重复项
"preventDuplicates": true,
//能否点击
"onclick": null,
//显示的持续时间
"showDuration": "300",
//隐藏的持续时间
"hideDuration": "900",
//显示的事件
"timeOut": "4000",
//延长事件
"extendedTimeOut": "1000",
//通知出现的形式
"showEasing": "swing",
"hideEasing": "linear",
"showMethod": "slideDown",
"hideMethod": "slideUp"
};
能力有限只能上部分自定义代码
https://www.cnblogs.com/webcyh/p/11348721.html 部分自定义部分代码
邮件发送
SMTP 是"简单邮件传输协议"(Simple Mail Transfer Protocol)的缩写,基于 TCP 协议,用来发送电子邮件。
1.登录qq邮箱,在首页上找到“设置”。
2.选择开启的服务,一般都全选,POP3/SMTP/IMAP,开启SMTP服务就得先开通客户授权码。
3.点击开通客户授权码,选择开启
4.需要手机验证码,需要绑定手机号。
5.SMTP服务需要输入客户端授权密码,这个密码就是是你在第三方客户端上的邮箱登录密码如果在第三方客户端上输入之前的邮箱登录密码就会出错。
6.设置完客户端授权密码后就成功开通了SMTP服务
代码部分
在你的框架内下载扩展包这里使用的是ThinkPHP6框架
composer 下载命令
composer require phpmailer/phpmailer
上代码
$toemail = '1111@163.com';//发送给谁
$mail = new PHPMailer();
$mail->isSMTP(); //使用smtp鉴权方式发送邮件
$mail->CharSet = 'utf8'; //设置编码
$mail->Host = 'smtp.qq.com'; //qq邮箱smtp邮箱
$mail->SMTPAuth = true; //是否需要认证身份
$mail->Username = "******@qq.com"; //发送方邮箱
$mail->Password = "**********"; //发送方smtp密码
$mail->SMTPSecure = 'ssl'; //使用的协议
$mail->Port = 465; //qq邮箱接收的端口号
$mail->setFrom('*****@qq.com', '测试'); //定义邮件及标题
$mail->addAddress($toemail, '成功了!'); //要发送的地址和设置地址的昵称
$mail->addReplyTo('******@qq.com', '没了'); //回复地址
$mail->Subject = "title!"; //添加该邮件的主题
$mail->Body = '邮件内容' //该邮件内容
//如果发送失败
if (!$mail->send()) {
return json(['code' => 400 , 'msg'=>'邮件发送失败']);
} else {
return json(['code' => 200 , 'msg'=>'邮件发送成功']);
}
这里就是邮件发送全过程