chore: 重写初始提交(清空历史,整理后全量提交)
This commit is contained in:
ywxapp
@@ -0,0 +1,145 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>公众号式文章编辑器</title>
|
||||
<!-- 引入 Layui 样式 -->
|
||||
<link rel="stylesheet" href="/assets/layui/css/layui.css" />
|
||||
<link rel="stylesheet" href="/assets/ywxapp/css/ywxapp.css" />
|
||||
<!-- 引入 UEditorPlus 核心 -->
|
||||
|
||||
<script type="text/javascript" src=" /assets/library/ueditor/ueditor.config.js"></script>
|
||||
<script type="text/javascript" src="/assets/library/ueditor/ueditor.all.js"></script>
|
||||
<style>
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body class=" layui-container">
|
||||
<!-- 核心编辑区 -->
|
||||
<form class="layui-form action="">
|
||||
<!-- 标题输入 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-wrap">
|
||||
<input type="text" name="title" autocomplete="off" placeholder="请在这里输入标题（最多64字）" lay-verify="required" class="layui-input" maxlength="64">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-wrap">
|
||||
<input type="text" name="author" autocomplete="off" placeholder="请输入作者（最多8字）" maxlength="8" lay-verify="required" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-wrap">
|
||||
|
||||
<script id="editor" type="text/plain" style="height: 450px;"></script>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 功能按钮：保存/预览/发表 -->
|
||||
<div class="function-buttons">
|
||||
<button class="layui-btn layui-btn-normal" id="saveDraft">保存为草稿</button>
|
||||
<button class="layui-btn layui-btn-primary" id="preview">预览</button>
|
||||
<button class="layui-btn layui-btn-danger" id="publish">发表</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
|
||||
<!-- 引入 Layui 脚本 -->
|
||||
<script src="/assets/layui/layui.js"></script>
|
||||
<script src="/assets/ywxapp/ywxapp.js" module="backend"></script>
|
||||
<script>
|
||||
// 初始化 Layui
|
||||
layui.use(["jquery", "form"], function () {
|
||||
var $ = layui.jquery;
|
||||
var form = layui.form;
|
||||
|
||||
// 1. 初始化 UEditorPlus（富文本编辑器）
|
||||
var ue = UE.getEditor("editor", {
|
||||
toolbars: [
|
||||
[
|
||||
"undo", // 撤销
|
||||
"redo", "|", // 重做
|
||||
"removeformat", // 清除格式
|
||||
"formatmatch", // 格式刷
|
||||
"|",
|
||||
"fontsize", // 字号
|
||||
"bold", // 加粗
|
||||
"italic", // 斜体
|
||||
"underline", // 下划线
|
||||
"strikethrough",// 删除线
|
||||
"forecolor", // 字体颜色
|
||||
"backcolor", // 背景色
|
||||
"|",
|
||||
"justifyleft", // 居左对齐
|
||||
"justifycenter", // 居中对齐
|
||||
"justifyright",
|
||||
"justifyjustify", // 两端对齐
|
||||
"indent", // 首行缩进
|
||||
"|",
|
||||
"inserttable", // 插入表格
|
||||
"blockquote", // 引用
|
||||
"horizontal",
|
||||
"insertcode", // 插入代码
|
||||
"emotion", // 表情
|
||||
"|",
|
||||
"ai", // AI智能
|
||||
"|",
|
||||
"print", // 打印
|
||||
"preview", // 预览
|
||||
"searchreplace", // 查询替换
|
||||
]
|
||||
],
|
||||
autoHeightEnabled: true,
|
||||
initialFrameWidth: "100%",
|
||||
initialFrameHeight: 450,
|
||||
});
|
||||
|
||||
// 2. 功能按钮事件绑定
|
||||
// 保存草稿
|
||||
$("#saveDraft").on("click", function () {
|
||||
var title = $(".editor-title input").val().trim();
|
||||
var author = $(".editor-author input").val().trim();
|
||||
var content = ue.getContent(); // 获取编辑器内容
|
||||
|
||||
// 这里对接后端 API 保存草稿（示例仅打印）
|
||||
console.log("保存草稿：", { title, author, content });
|
||||
layui.layer.msg("草稿已保存！", { icon: 1 });
|
||||
});
|
||||
|
||||
// 预览
|
||||
$("#preview").on("click", function () {
|
||||
// 实际需打开新窗口渲染内容，这里模拟
|
||||
var previewContent = `标题：${$(".editor-title input").val()}\n作者：${$(".editor-author input").val()}\n内容：${ue.getContent()}`;
|
||||
layui.layer.open({
|
||||
type: 1,
|
||||
title: "预览",
|
||||
content: `<p>${previewContent}</p>`,
|
||||
area: ["500px", "400px"],
|
||||
});
|
||||
});
|
||||
|
||||
// 发表
|
||||
$("#publish").on("click", function () {
|
||||
var title = $(".editor-title input").val().trim();
|
||||
var author = $(".editor-author input").val().trim();
|
||||
var content = ue.getContent();
|
||||
|
||||
// 对接后端 API 发表文章（示例仅打印）
|
||||
console.log("发表文章：", { title, author, content });
|
||||
layui.layer.msg("文章已发表！", { icon: 1 });
|
||||
});
|
||||
|
||||
// 3. 表单开关事件（原创/赞赏/留言等）
|
||||
form.on("switch()", function (data) {
|
||||
var label = data.othis.parents("div").prev("label").text();
|
||||
console.log(`${label} 状态：`, data.elem.checked);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,129 @@
|
||||
|
||||
<div class="layui-container">
|
||||
<div class="admin-title">编辑文章</div>
|
||||
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-body">
|
||||
<form class="layui-form" id="articleForm" action="{:url('blog/backend.article/update', ['id' => $article.id])}" method="post">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">文章标题</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="title" value="{$article.title}" required lay-verify="required" placeholder="请输入文章标题" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">文章分类</label>
|
||||
<div class="layui-input-block">
|
||||
<select name="cid" lay-verify="required">
|
||||
<option value="">请选择分类</option>
|
||||
{volist name="categories" id="category"}
|
||||
<option value="{$category.id}" {if $article.cid==$category.id}selected{/if}>{$category.name}</option>
|
||||
{/volist}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">文章标签</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="tags" value="{$tagNamesStr}" placeholder="多个标签用逗号分隔" autocomplete="off" class="layui-input">
|
||||
<div class="layui-form-mid layui-word-aux">例如：PHP,ThinkPHP,编程</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">文章摘要</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="summary" class="layui-textarea" placeholder="选填，留空将自动截取正文前 150 字" style="max-width:600px;">{$article.summary}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">封面图</label>
|
||||
<div class="layui-input-block">
|
||||
<button type="button" class="layui-btn layui-btn-normal" id="uploadCover">
|
||||
<i class="layui-icon"></i>上传图片
|
||||
</button>
|
||||
<input type="hidden" name="cover_image" id="coverImage" value="{$article.cover_image}">
|
||||
<div class="layui-word-aux">建议尺寸：800x450</div>
|
||||
<div id="coverPreview" style="margin-top:10px;">
|
||||
{if $article.cover_image}
|
||||
<img src="{$article.cover_image}" style="max-width:200px;max-height:150px;border:1px solid #eee;">
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">文章状态</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="status" value="1" title="发布" {if $article.status==1}checked{/if}>
|
||||
<input type="radio" name="status" value="0" title="草稿" {if $article.status==0}checked{/if}>
|
||||
<input type="checkbox" name="is_top" value="1" title="置顶" {if $article.is_top==1}checked{/if}>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">文章内容</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea id="editor" name="content" style="display:none;">{$article.content}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit lay-filter="articleSubmit">更新文章</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="/assets/lib/wangEditor/wangEditor.min.js"></script>
|
||||
<script>
|
||||
layui.use(['form', 'layer', 'upload'], function(){
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
var upload = layui.upload;
|
||||
var $ = layui.$;
|
||||
|
||||
// 初始化富文本编辑器
|
||||
var editor = new window.wangEditor('#editor');
|
||||
editor.config.uploadImgServer = '{:url("upload/image")}';
|
||||
editor.config.uploadFileName = 'image';
|
||||
editor.config.zIndex = 1000;
|
||||
editor.create();
|
||||
|
||||
// 封面图上传
|
||||
upload.render({
|
||||
elem: '#uploadCover',
|
||||
url: '{:url("upload/image")}',
|
||||
done: function(res){
|
||||
if(res.code === 1){
|
||||
$('#coverImage').val(res.data.url);
|
||||
$('#coverPreview').html('<img src="'+res.data.url+'" style="max-width:200px;max-height:150px;border:1px solid #eee;">');
|
||||
} else {
|
||||
layer.msg(res.msg, {icon: 2});
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// 监听提交
|
||||
form.on('submit(articleSubmit)', function(data){
|
||||
data.field.content = editor.txt.html();
|
||||
$.post(data.form.action, data.field, function(res){
|
||||
if(res.code === 1){
|
||||
layer.msg(res.msg, {icon: 1}, function(){
|
||||
location.href = res.url;
|
||||
});
|
||||
} else {
|
||||
layer.msg(res.msg, {icon: 2});
|
||||
}
|
||||
}, 'json');
|
||||
return false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,154 @@
|
||||
|
||||
<div class="layui-fluid">
|
||||
<div class="admin-title">文章管理</div>
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-body">
|
||||
<form class="layui-form layui-inline" lay-filter="searchForm">
|
||||
<div class="layui-inline">
|
||||
<select name="status">
|
||||
<option value="all">全部状态</option>
|
||||
<option value="1">已发布</option>
|
||||
<option value="0">草稿</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<select name="audit">
|
||||
<option value="all">全部审核</option>
|
||||
<option value="1">待审</option>
|
||||
<option value="2">通过</option>
|
||||
<option value="3">驳回</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<input type="text" name="keyword" placeholder="搜索标题/内容" class="layui-input" id="keywordInput">
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<button class="layui-btn layui-btn-primary" lay-submit lay-filter="search">搜索</button>
|
||||
</div>
|
||||
<button type="button" class="layui-btn layui-btn-danger" id="batchDeleteBtn">批量删除</button>
|
||||
</form>
|
||||
<table class="layui-hide" id="articleTable" lay-filter="articleTable"></table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/html" id="rowTpl">
|
||||
<a class="layui-btn layui-btn-xs" href="{{ d.edit_url }}">编辑</a>
|
||||
{{# if (d.audit_status == 1) { }}
|
||||
<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="audit">通过</a>
|
||||
<a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="reject">驳回</a>
|
||||
{{# } }}
|
||||
<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delete">删除</a>
|
||||
</script>
|
||||
|
||||
<script>
|
||||
layui.use(['table', 'layer', 'form'], function () {
|
||||
var table = layui.table;
|
||||
var layer = layui.layer;
|
||||
var form = layui.form;
|
||||
var $ = layui.$;
|
||||
|
||||
var status = '{$status|default="all"}';
|
||||
var audit = '{$audit|default="all"}';
|
||||
var keyword = '{$keyword|default=""}';
|
||||
$('select[name="status"]').val(status);
|
||||
$('select[name="audit"]').val(audit);
|
||||
$('#keywordInput').val(keyword);
|
||||
|
||||
var renderTable = function () {
|
||||
table.render({
|
||||
elem: '#articleTable',
|
||||
url: '{:url("blog/backend.article/index")}',
|
||||
where: { status: status, audit: audit, keyword: keyword },
|
||||
page: true,
|
||||
cols: [[
|
||||
{ type: 'checkbox', fixed: 'left' },
|
||||
{ field: 'id', title: 'ID', width: 70, sort: true },
|
||||
{ field: 'title', title: '标题', minWidth: 220, templet: function (d) {
|
||||
var html = '<a href="' + d.edit_url + '">' + d.title + '</a>';
|
||||
if (d.is_top == 1) { html += ' <span class="layui-badge layui-bg-red">置顶</span>'; }
|
||||
return html;
|
||||
} },
|
||||
{ field: 'author', title: '作者', width: 120 },
|
||||
{ field: 'category', title: '分类', width: 120 },
|
||||
{ field: 'tags', title: '标签', width: 150, templet: function (d) { return d.tags || '-'; } },
|
||||
{ field: 'status', title: '状态', width: 90, templet: function (d) {
|
||||
return d.status == 1
|
||||
? '<span class="layui-badge layui-bg-green">已发布</span>'
|
||||
: '<span class="layui-badge">草稿</span>';
|
||||
} },
|
||||
{ field: 'audit_status', title: '审核', width: 90, templet: function (d) {
|
||||
var map = { 0: '<span class="layui-badge">草稿</span>', 1: '<span class="layui-badge layui-bg-orange">待审</span>', 2: '<span class="layui-badge layui-bg-green">通过</span>', 3: '<span class="layui-badge layui-bg-red">驳回</span>' };
|
||||
return map[d.audit_status] || '-';
|
||||
} },
|
||||
{ field: 'view_count', title: '阅读', width: 80, sort: true, align: 'center' },
|
||||
{ field: 'comment_count', title: '评论', width: 80, sort: true, align: 'center' },
|
||||
{ field: 'like_count', title: '点赞', width: 80, sort: true, align: 'center' },
|
||||
{ field: 'favorite_count', title: '收藏', width: 80, sort: true, align: 'center' },
|
||||
{ field: 'share_count', title: '分享', width: 80, sort: true, align: 'center' },
|
||||
{ field: 'create_text', title: '发布时间', width: 160 },
|
||||
{ title: '操作', width: 130, align: 'center', toolbar: '#rowTpl', fixed: 'right' }
|
||||
]]
|
||||
});
|
||||
};
|
||||
renderTable();
|
||||
|
||||
// 搜索
|
||||
form.on('submit(search)', function () {
|
||||
var statusVal = $('select[name="status"]').val();
|
||||
var auditVal = $('select[name="audit"]').val();
|
||||
var kw = $('#keywordInput').val();
|
||||
table.reload('articleTable', { where: { status: statusVal, audit: auditVal, keyword: kw }, page: { curr: 1 } });
|
||||
return false;
|
||||
});
|
||||
|
||||
// 批量删除
|
||||
$('#batchDeleteBtn').click(function () {
|
||||
var checkData = table.checkStatus('articleTable').data;
|
||||
if (! checkData.length) {
|
||||
return layer.msg('请选择要删除的文章');
|
||||
}
|
||||
var ids = checkData.map(function (i) { return i.id; });
|
||||
layer.confirm('确定要删除选中的 ' + ids.length + ' 篇文章吗？', function (index) {
|
||||
$.post('{:url("blog/backend.article/batch")}', { action: 'delete', ids: ids }, function (res) {
|
||||
if (res.code === 1) {
|
||||
layer.msg(res.msg, { icon: 1 }, function () { renderTable(); });
|
||||
} else {
|
||||
layer.msg(res.msg, { icon: 2 });
|
||||
}
|
||||
});
|
||||
layer.close(index);
|
||||
});
|
||||
});
|
||||
|
||||
// 行操作
|
||||
table.on('tool(articleTable)', function (obj) {
|
||||
if (obj.event === 'audit') {
|
||||
layer.confirm('确认审核通过该文章？', function (index) {
|
||||
$.post('{:url("blog/backend.article/audit")}', { id: obj.data.id }, function (res) {
|
||||
layer.msg(res.msg, { icon: res.code === 1 ? 1 : 2 }, function () { renderTable(); });
|
||||
});
|
||||
layer.close(index);
|
||||
});
|
||||
} else if (obj.event === 'reject') {
|
||||
layer.prompt({ title: '驳回理由', formType: 2 }, function (val, index) {
|
||||
$.post('{:url("blog/backend.article/reject")}', { id: obj.data.id, reason: val }, function (res) {
|
||||
layer.close(index);
|
||||
layer.msg(res.msg, { icon: res.code === 1 ? 1 : 2 }, function () { renderTable(); });
|
||||
});
|
||||
});
|
||||
} else if (obj.event === 'delete') {
|
||||
layer.confirm('确定要删除这篇文章吗？', function (index) {
|
||||
$.post('{:url("blog/backend.article/delete")}', { id: obj.data.id }, function (res) {
|
||||
if (res.code === 1) {
|
||||
layer.msg(res.msg, { icon: 1 }, function () { renderTable(); });
|
||||
} else {
|
||||
layer.msg(res.msg, { icon: 2 });
|
||||
}
|
||||
});
|
||||
layer.close(index);
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,59 @@
|
||||
|
||||
<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.category/save')}" method="post">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">分类名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="name" required lay-verify="required" placeholder="请输入分类名称" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">上级分类</label>
|
||||
<div class="layui-input-block">
|
||||
<select name="pid">
|
||||
<option value="0">顶级分类</option>
|
||||
{volist name="categories" id="c"}
|
||||
<option value="{$c.id}">{$c.name}</option>
|
||||
{/volist}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">分类描述</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="description" placeholder="请输入分类描述" class="layui-textarea"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">排序</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="number" name="sort" value="0" placeholder="请输入排序值" autocomplete="off" class="layui-input">
|
||||
<div class="layui-form-mid layui-word-aux">数值越小越靠前</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">状态</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="status" value="1" title="正常" checked>
|
||||
<input type="radio" name="status" value="0" title="禁用">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit lay-filter="categorySubmit">添加分类</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,59 @@
|
||||
|
||||
<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.category/update', ['id' => $category.id])}" method="post">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">分类名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="name" value="{$category.name}" required lay-verify="required" placeholder="请输入分类名称" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">上级分类</label>
|
||||
<div class="layui-input-block">
|
||||
<select name="pid">
|
||||
<option value="0" {if $category.pid==0}selected{/if}>顶级分类</option>
|
||||
{volist name="categories" id="c"}
|
||||
<option value="{$c.id}" {if $category.pid==$c.id}selected{/if}>{$c.name}</option>
|
||||
{/volist}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">分类描述</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="description" placeholder="请输入分类描述" class="layui-textarea">{$category.description}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">排序</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="number" name="sort" value="{$category.sort}" placeholder="请输入排序值" autocomplete="off" class="layui-input">
|
||||
<div class="layui-form-mid layui-word-aux">数值越小越靠前</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">状态</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="status" value="1" title="正常" {if $category.status==1}checked{/if}>
|
||||
<input type="radio" name="status" value="0" title="禁用" {if $category.status==0}checked{/if}>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit lay-filter="categorySubmit">更新分类</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,228 @@
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">
|
||||
<button class="layui-btn layui-btn-sm" id="addRoot">添加根分类</button>
|
||||
<button class="layui-btn layui-btn-sm layui-btn-danger" id="batchDelete">批量删除</button>
|
||||
<button class="layui-btn layui-btn-sm" id="expandAll">展开全部</button>
|
||||
<button class="layui-btn layui-btn-sm" id="foldAll">折叠全部</button>
|
||||
</div>
|
||||
<div class="layui-card-body">
|
||||
<table class="layui-hide" id="dataTable" lay-filter="dataTable"></table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 行操作模板 -->
|
||||
<script type="text/html" id="dataBarTpl">
|
||||
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
|
||||
<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="addChild">添加子分类</a>
|
||||
<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delete">删除</a>
|
||||
</script>
|
||||
|
||||
<!-- 新增/编辑 表单模板（弹窗内渲染） -->
|
||||
<script type="text/html" id="dataFormTpl">
|
||||
<div style="padding:15px;">
|
||||
<form class="layui-form" lay-filter="dataForm">
|
||||
<input type="hidden" name="id" value="{{ d.id || '' }}">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">分类名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="name" value="{{ d.name || '' }}" required lay-verify="required" placeholder="请输入分类名称" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">分类描述</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="description" placeholder="请输入分类描述" class="layui-textarea">{{ d.description || '' }}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">上级分类</label>
|
||||
<div class="layui-input-block">
|
||||
<select name="pid" id="pidSelect"></select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">排序</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="number" name="sort" value="{{ d.sort || 0 }}" 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="checkbox" name="status" value="1" {{ d.status == 1 ? 'checked' : '' }} lay-skin="switch" lay-text="正常|禁用">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit lay-filter="dataFormSubmit" id="dataFormSubmit">保存</button>
|
||||
<button type="button" class="layui-btn layui-btn-primary" id="cancelBtn">取消</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<script>
|
||||
layui.use(['treeTable', 'layer', 'form', 'laytpl', 'http'], function () {
|
||||
var treeTable = layui.treeTable;
|
||||
var layer = layui.layer;
|
||||
var $ = layui.$;
|
||||
var form = layui.form;
|
||||
var laytpl = layui.laytpl;
|
||||
var http = layui.http;
|
||||
|
||||
var treeData = {$treeData|raw};
|
||||
var pmap = {};
|
||||
treeData.forEach(function (c) { pmap[c.id] = c; });
|
||||
|
||||
// 构建上级分类下拉（编辑时排除自身及其子孙节点，避免形成环）
|
||||
function buildPidOptions(selfId) {
|
||||
var html = '<option value="0">顶级分类</option>';
|
||||
treeData.forEach(function (c) {
|
||||
if (selfId && c.id === selfId) return;
|
||||
if (selfId) {
|
||||
var cur = pmap[c.id];
|
||||
while (cur && cur.pid) {
|
||||
if (cur.pid == selfId) return;
|
||||
cur = pmap[cur.pid];
|
||||
}
|
||||
}
|
||||
html += '<option value="' + c.id + '">' + c.title + '</option>';
|
||||
});
|
||||
return html;
|
||||
}
|
||||
|
||||
var renderTable = function () {
|
||||
treeTable.render({
|
||||
elem: '#dataTable',
|
||||
data: treeData,
|
||||
tree: {
|
||||
customName: {
|
||||
isParent: "is_parent",
|
||||
name: "title",
|
||||
id: "id",
|
||||
pid: "pid"
|
||||
},
|
||||
data: { isSimpleData: true, rootPid: 0 },
|
||||
view: { showIcon: false }
|
||||
},
|
||||
cols: [[
|
||||
{ type: 'checkbox', fixed: 'left' },
|
||||
{ field: 'id', title: 'ID', width: 80 },
|
||||
{ field: 'title', title: '分类名称', minWidth: 160 },
|
||||
{ field: 'owner', title: '归属', width: 150 },
|
||||
{ field: 'description', title: '描述', minWidth: 160 },
|
||||
{ field: 'articles_count', title: '文章数', width: 90 },
|
||||
{ field: 'sort', title: '排序', width: 80, sort: true },
|
||||
{
|
||||
field: 'status', title: '状态', width: 90, templet: function (d) {
|
||||
return d.status == 1
|
||||
? '<span class="layui-badge layui-bg-blue">正常</span>'
|
||||
: '<span class="layui-badge layui-bg-gray">禁用</span>';
|
||||
}
|
||||
},
|
||||
{ title: '操作', width: 210, align: 'center', toolbar: '#dataBarTpl' }
|
||||
]],
|
||||
page: false,
|
||||
skin: 'line'
|
||||
});
|
||||
};
|
||||
renderTable();
|
||||
|
||||
// 展开 / 折叠全部
|
||||
$('#expandAll').click(function () { treeTable.expandAll('#dataTable'); });
|
||||
$('#foldAll').click(function () { treeTable.foldAll('#dataTable'); });
|
||||
|
||||
// 批量删除
|
||||
$('#batchDelete').click(function () {
|
||||
var checkData = treeTable.checkStatus('dataTable').data;
|
||||
if (!checkData.length) {
|
||||
return layer.msg('请选择要删除的分类');
|
||||
}
|
||||
var ids = checkData.map(function (item) { return item.id; });
|
||||
layer.confirm('确定删除选中的 ' + ids.length + ' 个分类吗？', function (index) {
|
||||
$.post('{:url("blog/backend.category/batchDelete")}', { ids: ids.join(',') }, function (res) {
|
||||
if (res.code === 1) {
|
||||
layer.msg(res.msg, { icon: 1 }, function () { location.reload(); });
|
||||
} else {
|
||||
layer.msg(res.msg, { icon: 2 });
|
||||
}
|
||||
});
|
||||
layer.close(index);
|
||||
});
|
||||
});
|
||||
|
||||
// 新增 / 编辑 弹窗
|
||||
function openForm(data) {
|
||||
data = data || {};
|
||||
var formHtml = laytpl($('#dataFormTpl').html()).render(data);
|
||||
layer.open({
|
||||
title: data.id ? '编辑分类' : (data.pid ? '添加子分类' : '添加分类'),
|
||||
content: formHtml,
|
||||
anim: 'slideLeft',
|
||||
offset: 'r',
|
||||
area: ['480px', '98%'],
|
||||
shade: 0.1,
|
||||
shadeClose: true,
|
||||
btn: ['保存', '取消'],
|
||||
success: function (layero, index) {
|
||||
$('#pidSelect').html(buildPidOptions(data.id));
|
||||
if (data.pid) { $('#pidSelect').val(data.pid); }
|
||||
form.render('select');
|
||||
},
|
||||
yes: function (index, layero) {
|
||||
layero.contents().find('#dataFormSubmit').trigger('click');
|
||||
},
|
||||
btn2: function (index) { layer.close(index); }
|
||||
});
|
||||
}
|
||||
|
||||
// 表单提交：仅绑定一次（layui form submit 为事件委托，弹窗内同 lay-filter 表单均可触发）
|
||||
form.on('submit(dataFormSubmit)', function (elem) {
|
||||
var field = elem.field;
|
||||
var isEdit = !!field.id;
|
||||
var url = isEdit
|
||||
? '{:url("blog/backend.category/update")}'
|
||||
: '{:url("blog/backend.category/save")}';
|
||||
var postData = $.extend({}, field);
|
||||
postData.status = field.status ? 1 : 0;
|
||||
if (isEdit) { postData.id = field.id; }
|
||||
http.post(url, postData).then(function (res) {
|
||||
if (res.code === 1) {
|
||||
layer.closeAll('dialog');
|
||||
layer.msg(res.msg, { icon: 1 });
|
||||
setTimeout(function () { location.reload(); }, 500);
|
||||
} else {
|
||||
layer.msg(res.msg || '操作失败', { icon: 2 });
|
||||
}
|
||||
}).catch(function () { layer.msg('请求失败，请重试', { icon: 2 }); });
|
||||
return false;
|
||||
});
|
||||
|
||||
// 行操作
|
||||
treeTable.on('tool(dataTable)', function (obj) {
|
||||
var data = obj.data;
|
||||
if (obj.event === 'edit') {
|
||||
openForm(data);
|
||||
} else if (obj.event === 'addChild') {
|
||||
openForm({ pid: data.id, sort: 0, status: 1 });
|
||||
} else if (obj.event === 'delete') {
|
||||
layer.confirm('确定要删除该分类吗？', function (index) {
|
||||
$.post('{:url("blog/backend.category/delete")}', { id: data.id }, function (res) {
|
||||
if (res.code === 1) {
|
||||
layer.msg(res.msg, { icon: 1 }, function () { location.reload(); });
|
||||
} else {
|
||||
layer.msg(res.msg, { icon: 2 });
|
||||
}
|
||||
});
|
||||
layer.close(index);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// 添加根分类
|
||||
$('#addRoot').click(function () {
|
||||
openForm({ pid: 0, sort: 0, status: 1 });
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,143 @@
|
||||
|
||||
<div class="layui-fluid">
|
||||
<div class="admin-title">评论管理</div>
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-body">
|
||||
<form class="layui-form layui-inline" lay-filter="searchForm">
|
||||
<div class="layui-inline">
|
||||
<select name="status">
|
||||
<option value="all">全部状态</option>
|
||||
<option value="1">已通过</option>
|
||||
<option value="0">待审核</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<input type="text" name="keyword" placeholder="搜索评论内容" class="layui-input" id="keywordInput">
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<button class="layui-btn layui-btn-primary" lay-submit lay-filter="search">搜索</button>
|
||||
</div>
|
||||
<button type="button" class="layui-btn layui-btn-normal" id="batchApproveBtn">批量通过</button>
|
||||
<button type="button" class="layui-btn layui-btn-warm" id="batchRejectBtn">批量拒绝</button>
|
||||
<button type="button" class="layui-btn layui-btn-danger" id="batchDeleteBtn">批量删除</button>
|
||||
</form>
|
||||
<table class="layui-hide" id="commentTable" lay-filter="commentTable"></table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/html" id="rowTpl">
|
||||
{{# if (d.status == 0) { }}
|
||||
<a class="layui-btn layui-btn-xs" lay-event="approve">通过</a>
|
||||
{{# } }}
|
||||
<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delete">删除</a>
|
||||
</script>
|
||||
|
||||
<script>
|
||||
layui.use(['table', 'layer', 'form'], function () {
|
||||
var table = layui.table;
|
||||
var layer = layui.layer;
|
||||
var form = layui.form;
|
||||
var $ = layui.$;
|
||||
|
||||
var status = '{$status|default="all"}';
|
||||
var keyword = '{$keyword|default=""}';
|
||||
$('select[name="status"]').val(status);
|
||||
$('#keywordInput').val(keyword);
|
||||
|
||||
var renderTable = function () {
|
||||
table.render({
|
||||
elem: '#commentTable',
|
||||
url: '{:url("blog/backend.comment/index")}',
|
||||
where: { status: status, keyword: keyword },
|
||||
page: true,
|
||||
cols: [[
|
||||
{ type: 'checkbox', fixed: 'left' },
|
||||
{ field: 'id', title: 'ID', width: 70, sort: true },
|
||||
{ field: 'nickname', title: '用户', width: 140, templet: function (d) {
|
||||
var av = d.avatar ? d.avatar : '/assets/images/avatar.png';
|
||||
return '<img src="' + av + '" class="layui-nav-img" style="width:30px;height:30px;border-radius:50%;">' + (d.nickname || '-');
|
||||
} },
|
||||
{ field: 'content', title: '评论内容', minWidth: 220 },
|
||||
{ field: 'article_title', title: '文章', minWidth: 160, templet: function (d) {
|
||||
if (d.article_url) {
|
||||
return '<a href="' + d.article_url + '">' + (d.article_title || '-') + '</a>';
|
||||
}
|
||||
return d.article_title || '-';
|
||||
} },
|
||||
{ field: 'create_text', title: '时间', width: 160 },
|
||||
{ field: 'status', title: '状态', width: 90, templet: function (d) {
|
||||
return d.status == 1
|
||||
? '<span class="status-badge status-approved">已通过</span>'
|
||||
: '<span class="status-badge status-pending">待审核</span>';
|
||||
} },
|
||||
{ title: '操作', width: 110, align: 'center', toolbar: '#rowTpl', fixed: 'right' }
|
||||
]]
|
||||
});
|
||||
};
|
||||
renderTable();
|
||||
|
||||
// 搜索
|
||||
form.on('submit(search)', function () {
|
||||
var statusVal = $('select[name="status"]').val();
|
||||
var kw = $('#keywordInput').val();
|
||||
table.reload('commentTable', { where: { status: statusVal, keyword: kw }, page: { curr: 1 } });
|
||||
return false;
|
||||
});
|
||||
|
||||
// 批量通过
|
||||
$('#batchApproveBtn').click(function () {
|
||||
batchOp('approve', '确定要批量通过选中的评论吗？');
|
||||
});
|
||||
// 批量拒绝
|
||||
$('#batchRejectBtn').click(function () {
|
||||
batchOp('reject', '确定要批量拒绝选中的评论吗？');
|
||||
});
|
||||
// 批量删除
|
||||
$('#batchDeleteBtn').click(function () {
|
||||
batchOp('delete', '确定要删除选中的评论吗？');
|
||||
});
|
||||
|
||||
function batchOp(action, tip) {
|
||||
var checkData = table.checkStatus('commentTable').data;
|
||||
if (! checkData.length) {
|
||||
return layer.msg('请选择评论');
|
||||
}
|
||||
var ids = checkData.map(function (i) { return i.id; });
|
||||
layer.confirm(tip, function (index) {
|
||||
$.post('{:url("blog/backend.comment/batch")}', { action: action, ids: ids }, function (res) {
|
||||
if (res.code === 1) {
|
||||
layer.msg(res.msg, { icon: 1 }, function () { renderTable(); });
|
||||
} else {
|
||||
layer.msg(res.msg, { icon: 2 });
|
||||
}
|
||||
});
|
||||
layer.close(index);
|
||||
});
|
||||
}
|
||||
|
||||
// 行操作
|
||||
table.on('tool(commentTable)', function (obj) {
|
||||
if (obj.event === 'approve') {
|
||||
$.post('{:url("blog/backend.comment/approve")}', { id: obj.data.id }, function (res) {
|
||||
if (res.code === 1) {
|
||||
layer.msg(res.msg, { icon: 1 }, function () { renderTable(); });
|
||||
} else {
|
||||
layer.msg(res.msg, { icon: 2 });
|
||||
}
|
||||
});
|
||||
} else if (obj.event === 'delete') {
|
||||
layer.confirm('确定要删除这条评论吗？', function (index) {
|
||||
$.post('{:url("blog/backend.comment/delete")}', { id: obj.data.id }, function (res) {
|
||||
if (res.code === 1) {
|
||||
layer.msg(res.msg, { icon: 1 }, function () { renderTable(); });
|
||||
} else {
|
||||
layer.msg(res.msg, { icon: 2 });
|
||||
}
|
||||
});
|
||||
layer.close(index);
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,153 @@
|
||||
|
||||
<div class="layui-container">
|
||||
<div class="admin-title">控制面板</div>
|
||||
|
||||
<!-- 数据概览 -->
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md3">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">文章总数</div>
|
||||
<div class="layui-card-body">
|
||||
<h1 style="color: #1E9FFF; font-size: 28px; margin: 0;">{$stats.article_count}</h1>
|
||||
<p style="margin: 5px 0 0 0; color: #666;">今日新增: {$stats.today_article}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-md3">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">用户总数</div>
|
||||
<div class="layui-card-body">
|
||||
<h1 style="color: #5FB878; font-size: 28px; margin: 0;">{$stats.user_count}</h1>
|
||||
<p style="margin: 5px 0 0 0; color: #666;">今日新增: {$stats.today_user}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-md3">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">评论总数</div>
|
||||
<div class="layui-card-body">
|
||||
<h1 style="color: #FFB800; font-size: 28px; margin: 0;">{$stats.comment_count}</h1>
|
||||
<p style="margin: 5px 0 0 0; color: #666;">今日新增: {$stats.today_comment}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-md3">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">今日访问</div>
|
||||
<div class="layui-card-body">
|
||||
<h1 style="color: #FF5722; font-size: 28px; margin: 0;">{$stats.today_visit}</h1>
|
||||
<p style="margin: 5px 0 0 0; color: #666;">总访问量: {$stats.total_visit}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 最新文章 -->
|
||||
<div class="layui-row layui-col-space15" style="margin-top: 20px;">
|
||||
<div class="layui-col-md6">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">最新文章</div>
|
||||
<div class="layui-card-body">
|
||||
<table class="layui-table">
|
||||
<colgroup>
|
||||
<col width="60%">
|
||||
<col width="20%">
|
||||
<col width="20%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>标题</th>
|
||||
<th>作者</th>
|
||||
<th>发布时间</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{volist name="latestArticles" id="article"}
|
||||
<tr>
|
||||
<td><a href="{:url('blog/backend.article/edit', ['id' => $article.id])}" style="color: #333; text-decoration: none;">{$article.title}</a></td>
|
||||
<td>{$article.author.nickname}</td>
|
||||
<td>{:date('Y-m-d', $article.create_at)}</td>
|
||||
</tr>
|
||||
{/volist}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 最新评论 -->
|
||||
<div class="layui-col-md6">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">最新评论</div>
|
||||
<div class="layui-card-body">
|
||||
<table class="layui-table">
|
||||
<colgroup>
|
||||
<col width="60%">
|
||||
<col width="20%">
|
||||
<col width="20%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>内容</th>
|
||||
<th>用户</th>
|
||||
<th>文章</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{volist name="latestComments" id="comment"}
|
||||
<tr>
|
||||
<td>{$comment.content|mb_substr=0,20}</td>
|
||||
<td>{$comment.user.nickname}</td>
|
||||
<td><a href="{:url('blog/backend.article/edit', ['id' => $comment.article_id])}" style="color: #333; text-decoration: none;">{$comment.article.title|mb_substr=0,20}</a></td>
|
||||
</tr>
|
||||
{/volist}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 热门文章 -->
|
||||
<div class="layui-row layui-col-space15" style="margin-top: 20px;">
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">热门文章</div>
|
||||
<div class="layui-card-body">
|
||||
<table class="layui-table">
|
||||
<colgroup>
|
||||
<col width="5%">
|
||||
<col width="45%">
|
||||
<col width="15%">
|
||||
<col width="15%">
|
||||
<col width="10%">
|
||||
<col width="10%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>排名</th>
|
||||
<th>标题</th>
|
||||
<th>作者</th>
|
||||
<th>分类</th>
|
||||
<th>阅读量</th>
|
||||
<th>点赞数</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{volist name="hotArticles" id="article" key="k"}
|
||||
<tr>
|
||||
<td>{$k}</td>
|
||||
<td><a href="{:url('index/article/detail', ['id' => $article.id])}" target="_blank" style="color: #333; text-decoration: none;">{$article.title}</a></td>
|
||||
<td>{$article.author.nickname}</td>
|
||||
<td>{$article.category.name}</td>
|
||||
<td>{$article.view_count}</td>
|
||||
<td>{$article.like_count}</td>
|
||||
</tr>
|
||||
{/volist}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,27 @@
|
||||
|
||||
<div class="layui-container">
|
||||
<div class="admin-title">博客管理首页</div>
|
||||
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">欢迎使用</div>
|
||||
<div class="layui-card-body">
|
||||
<p>当前管理员：<strong>{$admin.nickname|default='管理员'}</strong>
|
||||
（账号：{$admin.account|default='-'}）</p>
|
||||
<p>这是插件 <code>blog</code> 的后台入口页，对应文件：
|
||||
<code>addon/blog/controller/admin/Index.php</code></p>
|
||||
<a href="{:url('blog/backend.dashboard/index')}" class="layui-btn">前往仪表盘</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">本页链路说明</div>
|
||||
<div class="layui-card-body">
|
||||
<ol>
|
||||
<li>路由：<code>addon/blog/route/app.php</code> 的 admin 分组映射 <code>/blog/backend/</code> → <code>backend.Index/index</code></li>
|
||||
<li>鉴权：admin 分组挂 <code>AdminAuth</code> 中间件，将容器 auth 绑定为 <code>\ywxapp\library\Admin</code> 并强制登录</li>
|
||||
<li>基类：<code>Index extends \ywxapp\controller\AddonBackend</code>，视图目录指向 <code>view/backend/</code></li>
|
||||
<li>模板：经全局 layout（<code>view/layout.html</code>）渲染为完整 HTML，并加载 layui 的 css/js</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,99 @@
|
||||
|
||||
<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>
|
||||
@@ -0,0 +1,186 @@
|
||||
|
||||
<div class="layui-container">
|
||||
<div class="admin-title">系统设置</div>
|
||||
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-body">
|
||||
<div class="layui-tab layui-tab-brief" lay-filter="settingTab">
|
||||
<ul class="layui-tab-title">
|
||||
<li class="layui-this">基本设置</li>
|
||||
<li>SEO设置</li>
|
||||
<li>邮件设置</li>
|
||||
</ul>
|
||||
<div class="layui-tab-content" style="padding-top:20px;">
|
||||
|
||||
<!-- 基本设置 -->
|
||||
<div class="layui-tab-item layui-show">
|
||||
<form class="layui-form" action="{:url('blog/backend.setting/site')}" method="post">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">站点名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="site_name" value="{$settings.site.site_name|default=''}" required lay-verify="required" placeholder="请输入站点名称" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">站点描述</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="site_description" placeholder="请输入站点描述" class="layui-textarea">{$settings.site.site_description|default=''}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">站点关键词</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="site_keywords" value="{$settings.site.site_keywords|default=''}" 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="email" name="site_email" value="{$settings.site.site_email|default=''}" 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="site_icp" value="{$settings.site.site_icp|default=''}" 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="siteSubmit">保存设置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- SEO设置 -->
|
||||
<div class="layui-tab-item">
|
||||
<form class="layui-form" action="{:url('blog/backend.setting/seo')}" method="post">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">网站标题</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="seo_title" value="{$settings.seo.seo_title|default=''}" 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="seo_keywords" value="{$settings.seo.seo_keywords|default=''}" placeholder="请输入网站关键词，多个用逗号分隔" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">网站描述</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="seo_description" placeholder="请输入网站描述" class="layui-textarea">{$settings.seo.seo_description|default=''}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">百度推送Token</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="baidu_token" value="{$settings.seo.baidu_token|default=''}" placeholder="请输入百度推送Token" 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="seoSubmit">保存设置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- 邮件设置 -->
|
||||
<div class="layui-tab-item">
|
||||
<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|default=''}" 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|default=''}" 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|default=''}" 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|default=''}" 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|default=''}" 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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
layui.use(['form', 'element', 'layer'], function(){
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
var $ = layui.$;
|
||||
|
||||
// 通用表单提交
|
||||
function bindSubmit(filter){
|
||||
form.on('submit(' + filter + ')', 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;
|
||||
});
|
||||
}
|
||||
bindSubmit('siteSubmit');
|
||||
bindSubmit('seoSubmit');
|
||||
bindSubmit('emailSubmit');
|
||||
|
||||
// 测试发送邮件
|
||||
$('#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>
|
||||
@@ -0,0 +1,63 @@
|
||||
|
||||
<div class="layui-container">
|
||||
<div class="admin-title">SEO设置</div>
|
||||
|
||||
<!-- 设置表单 -->
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-body">
|
||||
<form class="layui-form" action="{:url('blog/backend.setting/seo')}" method="post">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">网站标题</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="seo_title" value="{$settings.seo.seo_title}" 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="seo_keywords" value="{$settings.seo.seo_keywords}" placeholder="请输入网站关键词，多个用逗号分隔" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">网站描述</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="seo_description" placeholder="请输入网站描述" class="layui-textarea">{$settings.seo.seo_description}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">百度推送Token</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="baidu_token" value="{$settings.seo.baidu_token}" placeholder="请输入百度推送Token" 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="seoSubmit">保存设置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
layui.use(['form'], function(){
|
||||
var form = layui.form;
|
||||
|
||||
// 表单提交
|
||||
form.on('submit(seoSubmit)', 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;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,91 @@
|
||||
|
||||
<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/site')}" method="post">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">站点名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="site_name" value="{$settings.site.site_name}" required lay-verify="required" placeholder="请输入站点名称" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">站点描述</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="site_description" placeholder="请输入站点描述" class="layui-textarea">{$settings.site.site_description}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">站点关键词</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="site_keywords" value="{$settings.site.site_keywords}" 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="email" name="site_email" value="{$settings.site.site_email}" 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="site_icp" value="{$settings.site.site_icp}" placeholder="请输入备案号" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">主题色</label>
|
||||
<div class="layui-input-block" style="display:flex;align-items:center;gap:12px;">
|
||||
<input type="color" name="theme_color" value="{$settings.site.theme_color|default='#2d6cdf'}" style="width:46px;height:38px;border:1px solid #eee;border-radius:6px;padding:2px;cursor:pointer;">
|
||||
<input type="text" name="theme_color_text" id="themeColorText" value="{$settings.site.theme_color|default='#2d6cdf'}" placeholder="#2d6cdf" class="layui-input" style="max-width:160px;">
|
||||
<span class="layui-form-mid" style="color:#999;">前台主题色（顶部导航/按钮/底部Tab等）</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit lay-filter="siteSubmit">保存设置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
layui.use(['form'], function(){
|
||||
var form = layui.form, $ = layui.$;
|
||||
|
||||
// 颜色选择器 <-> 文本框 双向同步
|
||||
$('input[name="theme_color"]').on('input', function(){
|
||||
$('#themeColorText').val(this.value);
|
||||
});
|
||||
$('#themeColorText').on('input', function(){
|
||||
var v = $.trim(this.value);
|
||||
if (/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(v)) {
|
||||
$('input[name="theme_color"]').val(v);
|
||||
}
|
||||
});
|
||||
|
||||
// 表单提交（统一使用文本框的值为最终主题色）
|
||||
form.on('submit(siteSubmit)', function(data){
|
||||
data.field.theme_color = $('#themeColorText').val() || data.field.theme_color;
|
||||
$.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;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,120 @@
|
||||
|
||||
|
||||
<div class="layui-container">
|
||||
<div class="admin-title">统计分析</div>
|
||||
|
||||
<!-- 时间范围选择 -->
|
||||
<div class="layui-row">
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-body">
|
||||
<form class="layui-form" id="statForm">
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">时间范围</label>
|
||||
<div class="layui-input-inline">
|
||||
<select name="range" lay-filter="range">
|
||||
<option value="week" {if $range=='week'}selected{/if}>近7天</option>
|
||||
<option value="month" {if $range=='month'}selected{/if}>近30天</option>
|
||||
<option value="year" {if $range=='year'}selected{/if}>近1年</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 统计卡片 -->
|
||||
<div class="layui-row layui-col-space15" style="margin-top: 20px;">
|
||||
<div class="layui-col-md3">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">总访问量</div>
|
||||
<div class="layui-card-body">
|
||||
<h1 style="color: #1E9FFF; font-size: 28px; margin: 0;">{$stats.total_visit}</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-md3">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">今日访问</div>
|
||||
<div class="layui-card-body">
|
||||
<h1 style="color: #5FB878; font-size: 28px; margin: 0;">{$stats.today_visit}</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-md3">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">总用户数</div>
|
||||
<div class="layui-card-body">
|
||||
<h1 style="color: #FFB800; font-size: 28px; margin: 0;">{$stats.total_user}</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-md3">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">总文章数</div>
|
||||
<div class="layui-card-body">
|
||||
<h1 style="color: #FF5722; font-size: 28px; margin: 0;">{$stats.total_article}</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 热门文章 -->
|
||||
<div class="layui-row layui-col-space15" style="margin-top: 20px;">
|
||||
<div class="layui-col-md12">
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">热门文章</div>
|
||||
<div class="layui-card-body">
|
||||
<table class="layui-table">
|
||||
<colgroup>
|
||||
<col width="5%">
|
||||
<col width="45%">
|
||||
<col width="15%">
|
||||
<col width="15%">
|
||||
<col width="10%">
|
||||
<col width="10%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>排名</th>
|
||||
<th>标题</th>
|
||||
<th>作者</th>
|
||||
<th>分类</th>
|
||||
<th>阅读量</th>
|
||||
<th>点赞数</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{volist name="hotArticles" id="article" key="k"}
|
||||
<tr>
|
||||
<td>{$k}</td>
|
||||
<td><a href="{:url('index/article/detail', ['id' => $article.id])}" target="_blank">{$article.title}</a></td>
|
||||
<td>{$article.author.nickname}</td>
|
||||
<td>{$article.category.name}</td>
|
||||
<td>{$article.view_count}</td>
|
||||
<td>{$article.like_count}</td>
|
||||
</tr>
|
||||
{/volist}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
layui.use(['form'], function(){
|
||||
var form = layui.form;
|
||||
var $ = layui.$;
|
||||
|
||||
// 时间范围筛选
|
||||
form.on('select(range)', function(data){
|
||||
location.href = '{:url("blog/backend.stat/index")}?range=' + data.value;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,31 @@
|
||||
|
||||
<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.tag/save')}" method="post">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">标签名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="name" required lay-verify="required" placeholder="请输入标签名称" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">标签描述</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="description" placeholder="请输入标签描述" class="layui-textarea"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit lay-filter="tagSubmit">添加标签</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,31 @@
|
||||
|
||||
<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.tag/update', ['id' => $tag.id])}" method="post">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">标签名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="name" value="{$tag.name}" required lay-verify="required" placeholder="请输入标签名称" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">标签描述</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="description" placeholder="请输入标签描述" class="layui-textarea">{$tag.description}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit lay-filter="tagSubmit">更新标签</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,164 @@
|
||||
|
||||
<div class="layui-fluid">
|
||||
<div class="admin-title">标签管理</div>
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-body">
|
||||
<div class="table-toolbar" style="margin-bottom:15px;">
|
||||
<button type="button" class="layui-btn layui-btn-normal" id="addTagBtn">添加标签</button>
|
||||
<button type="button" class="layui-btn layui-btn-danger" id="batchDeleteBtn">批量删除</button>
|
||||
</div>
|
||||
<table class="layui-hide" id="tagTable" lay-filter="tagTable"></table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 行操作 -->
|
||||
<script type="text/html" id="rowTpl">
|
||||
<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
|
||||
<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delete">删除</a>
|
||||
</script>
|
||||
|
||||
<!-- 新增/编辑 表单模板（弹窗内渲染） -->
|
||||
<script type="text/html" id="tagFormTpl">
|
||||
<div style="padding:15px;">
|
||||
<form class="layui-form" lay-filter="tagForm">
|
||||
<input type="hidden" name="id" value="{{ d.id || '' }}">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">标签名称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="name" value="{{ d.name || '' }}" required lay-verify="required" placeholder="请输入标签名称" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">标签描述</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="description" placeholder="请输入标签描述" class="layui-textarea">{{ d.description || '' }}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit lay-filter="tagFormSubmit" id="tagFormSubmit">保存</button>
|
||||
<button type="button" class="layui-btn layui-btn-primary" id="cancelBtn">取消</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<script>
|
||||
layui.use(['table', 'layer', 'form', 'laytpl', 'http'], function () {
|
||||
var table = layui.table;
|
||||
var layer = layui.layer;
|
||||
var $ = layui.$;
|
||||
var form = layui.form;
|
||||
var laytpl = layui.laytpl;
|
||||
var http = layui.http;
|
||||
|
||||
var renderTable = function () {
|
||||
table.render({
|
||||
elem: '#tagTable',
|
||||
url: '{:url("blog/backend.tag/index")}',
|
||||
page: true,
|
||||
cols: [[
|
||||
{ type: 'checkbox', fixed: 'left' },
|
||||
{ field: 'id', title: 'ID', width: 80, sort: true },
|
||||
{ field: 'name', title: '标签名称', minWidth: 160 },
|
||||
{ field: 'description', title: '描述', minWidth: 160, templet: function (d) { return d.description || '-'; } },
|
||||
{ field: 'articles_count', title: '文章数', width: 100 },
|
||||
{ field: 'create_text', title: '创建时间', width: 130 },
|
||||
{ title: '操作', width: 130, align: 'center', toolbar: '#rowTpl', fixed: 'right' }
|
||||
]]
|
||||
});
|
||||
};
|
||||
renderTable();
|
||||
|
||||
// 新增 / 编辑 弹窗
|
||||
function openForm(data) {
|
||||
data = data || {};
|
||||
var formHtml = laytpl($('#tagFormTpl').html()).render(data);
|
||||
layer.open({
|
||||
title: data.id ? '编辑标签' : '添加标签',
|
||||
content: formHtml,
|
||||
anim: 'slideLeft',
|
||||
offset: 'r',
|
||||
area: ['480px', '98%'],
|
||||
shade: 0.1,
|
||||
shadeClose: true,
|
||||
btn: ['保存', '取消'],
|
||||
success: function () {
|
||||
form.render();
|
||||
},
|
||||
yes: function (index, layero) {
|
||||
layero.contents().find('#tagFormSubmit').trigger('click');
|
||||
},
|
||||
btn2: function (index) { layer.close(index); }
|
||||
});
|
||||
}
|
||||
|
||||
// 表单提交：仅绑定一次
|
||||
form.on('submit(tagFormSubmit)', function (elem) {
|
||||
var field = elem.field;
|
||||
var isEdit = !!field.id;
|
||||
var url = isEdit
|
||||
? '{:url("blog/backend.tag/update")}'
|
||||
: '{:url("blog/backend.tag/save")}';
|
||||
var postData = $.extend({}, field);
|
||||
if (isEdit) { postData.id = field.id; }
|
||||
http.post(url, postData).then(function (res) {
|
||||
if (res.code === 1) {
|
||||
layer.closeAll('dialog');
|
||||
layer.msg(res.msg, { icon: 1 });
|
||||
setTimeout(function () { renderTable(); }, 500);
|
||||
} else {
|
||||
layer.msg(res.msg || '操作失败', { icon: 2 });
|
||||
}
|
||||
},
|
||||
error: function () { layer.msg('请求失败，请重试', { icon: 2 }); }
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
// 添加标签
|
||||
$('#addTagBtn').click(function () {
|
||||
openForm({});
|
||||
});
|
||||
|
||||
// 批量删除
|
||||
$('#batchDeleteBtn').click(function () {
|
||||
var checkData = table.checkStatus('tagTable').data;
|
||||
if (! checkData.length) {
|
||||
return layer.msg('请选择要删除的标签');
|
||||
}
|
||||
var ids = checkData.map(function (i) { return i.id; });
|
||||
layer.confirm('确定要删除选中的 ' + ids.length + ' 个标签吗？', function (index) {
|
||||
$.post('{:url("blog/backend.tag/batchDelete")}', { ids: ids }, function (res) {
|
||||
if (res.code === 1) {
|
||||
layer.msg(res.msg, { icon: 1 }, function () { renderTable(); });
|
||||
} else {
|
||||
layer.msg(res.msg, { icon: 2 });
|
||||
}
|
||||
});
|
||||
layer.close(index);
|
||||
});
|
||||
});
|
||||
|
||||
// 行操作
|
||||
table.on('tool(tagTable)', function (obj) {
|
||||
var data = obj.data;
|
||||
if (obj.event === 'edit') {
|
||||
openForm(data);
|
||||
} else if (obj.event === 'delete') {
|
||||
layer.confirm('确定要删除这个标签吗？', function (index) {
|
||||
$.post('{:url("blog/backend.tag/delete")}', { id: data.id }, function (res) {
|
||||
if (res.code === 1) {
|
||||
layer.msg(res.msg, { icon: 1 }, function () { renderTable(); });
|
||||
} else {
|
||||
layer.msg(res.msg, { icon: 2 });
|
||||
}
|
||||
});
|
||||
layer.close(index);
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,74 @@
|
||||
|
||||
<div class="layui-fluid">
|
||||
<div class="admin-title">编辑用户</div>
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-body">
|
||||
<form class="layui-form" lay-filter="userForm" style="max-width: 600px; margin-top: 20px;">
|
||||
<input type="hidden" name="id" value="{$user.uid}">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">账号</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" class="layui-input" value="{$user.account}" disabled>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">昵称</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="nickname" value="{$user.nickname}" 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="email" value="{$user.email}" 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="mobile" value="{$user.mobile}" 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="radio" name="status" value="1" title="正常" {if $user.status == 1}checked{/if}>
|
||||
<input type="radio" name="status" value="0" title="禁用" {if $user.status == 0}checked{/if}>
|
||||
<input type="radio" name="status" value="-1" title="删除" {if $user.status == -1}checked{/if}>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit lay-filter="userFormSubmit">保存</button>
|
||||
<a class="layui-btn layui-btn-primary" href="{:url('blog/backend.user/index')}">返回</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
layui.use(['form', 'layer', 'http'], function () {
|
||||
var form = layui.form;
|
||||
var layer = layui.layer;
|
||||
var $ = layui.$;
|
||||
var http = layui.http;
|
||||
|
||||
form.on('submit(userFormSubmit)', function (elem) {
|
||||
var field = elem.field;
|
||||
http.post('{:url("blog/backend.user/update")}', field).then(function (res) {
|
||||
if (res.code === 1) {
|
||||
layer.msg(res.msg, { icon: 1 }, function () {
|
||||
location.href = '{:url("blog/backend.user/index")}';
|
||||
});
|
||||
} else {
|
||||
layer.msg(res.msg || '操作失败', { icon: 2 });
|
||||
}
|
||||
},
|
||||
error: function () { layer.msg('请求失败，请重试', { icon: 2 }); }
|
||||
});
|
||||
return false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,115 @@
|
||||
|
||||
<div class="layui-fluid">
|
||||
<div class="admin-title">用户管理</div>
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-body">
|
||||
<form class="layui-form layui-inline" lay-filter="searchForm">
|
||||
<div class="layui-inline">
|
||||
<select name="status">
|
||||
<option value="all">全部状态</option>
|
||||
<option value="1">正常</option>
|
||||
<option value="0">禁用</option>
|
||||
<option value="-1">删除</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<input type="text" name="keyword" placeholder="搜索账号/昵称/邮箱/手机号" class="layui-input" id="keywordInput">
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<button class="layui-btn layui-btn-primary" lay-submit lay-filter="search">搜索</button>
|
||||
</div>
|
||||
<button type="button" class="layui-btn layui-btn-danger" id="batchDeleteBtn">批量删除</button>
|
||||
</form>
|
||||
<table class="layui-hide" id="userTable" lay-filter="userTable"></table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/html" id="rowTpl">
|
||||
<a class="layui-btn layui-btn-xs" href="{{ d.edit_url }}">编辑</a>
|
||||
<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="delete">删除</a>
|
||||
</script>
|
||||
|
||||
<script>
|
||||
layui.use(['table', 'layer', 'form'], function () {
|
||||
var table = layui.table;
|
||||
var layer = layui.layer;
|
||||
var form = layui.form;
|
||||
var $ = layui.$;
|
||||
|
||||
var status = '{$status|default="all"}';
|
||||
var keyword = '{$keyword|default=""}';
|
||||
$('select[name="status"]').val(status);
|
||||
$('#keywordInput').val(keyword);
|
||||
|
||||
var renderTable = function () {
|
||||
table.render({
|
||||
elem: '#userTable',
|
||||
url: '{:url("blog/backend.user/index")}',
|
||||
where: { status: status, keyword: keyword },
|
||||
page: true,
|
||||
cols: [[
|
||||
{ type: 'checkbox', fixed: 'left' },
|
||||
{ field: 'uid', title: 'UID', width: 80, sort: true },
|
||||
{ field: 'account', title: '账号', width: 140 },
|
||||
{ field: 'nickname', title: '昵称', width: 140 },
|
||||
{ field: 'email', title: '邮箱', minWidth: 160 },
|
||||
{ field: 'mobile', title: '手机号', width: 130 },
|
||||
{ field: 'article_count', title: '文章数', width: 90, sort: true, align: 'center' },
|
||||
{ field: 'status_text', title: '状态', width: 90, templet: function (d) {
|
||||
var map = { '正常': 'layui-bg-green', '禁用': 'layui-bg-gray', '删除': 'layui-bg-red' };
|
||||
var cls = map[d.status_text] || 'layui-bg-gray';
|
||||
return '<span class="layui-badge ' + cls + '">' + d.status_text + '</span>';
|
||||
} },
|
||||
{ field: 'create_at', title: '注册时间', width: 160 },
|
||||
{ field: 'update_at', title: '最后登录', width: 160 },
|
||||
{ title: '操作', width: 130, align: 'center', toolbar: '#rowTpl', fixed: 'right' }
|
||||
]]
|
||||
});
|
||||
};
|
||||
renderTable();
|
||||
|
||||
// 搜索
|
||||
form.on('submit(search)', function () {
|
||||
var statusVal = $('select[name="status"]').val();
|
||||
var kw = $('#keywordInput').val();
|
||||
table.reload('userTable', { where: { status: statusVal, keyword: kw }, page: { curr: 1 } });
|
||||
return false;
|
||||
});
|
||||
|
||||
// 批量删除
|
||||
$('#batchDeleteBtn').click(function () {
|
||||
var checkData = table.checkStatus('userTable').data;
|
||||
if (! checkData.length) {
|
||||
return layer.msg('请选择要删除的用户');
|
||||
}
|
||||
var ids = checkData.map(function (i) { return i.uid; });
|
||||
layer.confirm('确定要删除选中的 ' + ids.length + ' 个用户吗？', function (index) {
|
||||
$.post('{:url("blog/backend.user/batch")}', { ids: ids }, function (res) {
|
||||
if (res.code === 1) {
|
||||
layer.msg(res.msg, { icon: 1 }, function () { renderTable(); });
|
||||
} else {
|
||||
layer.msg(res.msg, { icon: 2 });
|
||||
}
|
||||
});
|
||||
layer.close(index);
|
||||
});
|
||||
});
|
||||
|
||||
// 行操作
|
||||
table.on('tool(userTable)', function (obj) {
|
||||
if (obj.event === 'delete') {
|
||||
layer.confirm('确定要删除该用户吗？', function (index) {
|
||||
$.post('{:url("blog/backend.user/delete")}', { id: obj.data.uid }, function (res) {
|
||||
if (res.code === 1) {
|
||||
layer.msg(res.msg, { icon: 1 }, function () { renderTable(); });
|
||||
} else {
|
||||
layer.msg(res.msg, { icon: 2 });
|
||||
}
|
||||
});
|
||||
layer.close(index);
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
Reference in New Issue
Block a user