99 lines
4.1 KiB
HTML
99 lines
4.1 KiB
HTML
|
|
<div class="layui-container">
|
|
<div class="admin-title">邮件设置</div>
|
|
|
|
<!-- 设置表单 -->
|
|
<div class="layui-card">
|
|
<div class="layui-card-body">
|
|
<form class="layui-form" action="{:url('blog/backend.setting/email')}" method="post">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">SMTP服务器</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="smtp_host" value="{$settings.email.smtp_host}" placeholder="请输入SMTP服务器地址" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">SMTP端口</label>
|
|
<div class="layui-input-block">
|
|
<input type="number" name="smtp_port" value="{$settings.email.smtp_port}" placeholder="请输入SMTP端口" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">邮箱账号</label>
|
|
<div class="layui-input-block">
|
|
<input type="email" name="smtp_user" value="{$settings.email.smtp_user}" placeholder="请输入邮箱账号" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">邮箱密码</label>
|
|
<div class="layui-input-block">
|
|
<input type="password" name="smtp_pass" value="{$settings.email.smtp_pass}" placeholder="请输入邮箱密码" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">发件人名称</label>
|
|
<div class="layui-input-block">
|
|
<input type="text" name="from_name" value="{$settings.email.from_name}" placeholder="请输入发件人名称" autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<button class="layui-btn" lay-submit lay-filter="emailSubmit">保存设置</button>
|
|
<button type="button" class="layui-btn layui-btn-primary" id="testEmailBtn">测试发送</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
layui.use(['form', 'layer'], function(){
|
|
var form = layui.form;
|
|
var layer = layui.layer;
|
|
var $ = layui.$;
|
|
|
|
// 表单提交
|
|
form.on('submit(emailSubmit)', function(data){
|
|
$.post(data.form.action, data.field, function(res){
|
|
if(res.code === 1){
|
|
layer.msg(res.msg, {icon: 1});
|
|
} else {
|
|
layer.msg(res.msg, {icon: 2});
|
|
}
|
|
});
|
|
return false;
|
|
});
|
|
|
|
// 测试发送邮件
|
|
$('#testEmailBtn').click(function(){
|
|
var formData = {
|
|
smtp_host: $('input[name="smtp_host"]').val(),
|
|
smtp_port: $('input[name="smtp_port"]').val(),
|
|
smtp_user: $('input[name="smtp_user"]').val(),
|
|
smtp_pass: $('input[name="smtp_pass"]').val(),
|
|
from_name: $('input[name="from_name"]').val()
|
|
};
|
|
|
|
if (!formData.smtp_host || !formData.smtp_port || !formData.smtp_user || !formData.smtp_pass) {
|
|
layer.msg('请填写完整的SMTP配置', {icon: 2});
|
|
return;
|
|
}
|
|
|
|
layer.load(2);
|
|
$.post('{:url("blog/backend.setting/testEmail")}', formData, function(res){
|
|
layer.closeAll('loading');
|
|
if(res.code === 1){
|
|
layer.msg(res.msg, {icon: 1});
|
|
} else {
|
|
layer.msg(res.msg, {icon: 2});
|
|
}
|
|
});
|
|
});
|
|
});
|
|
</script> |