chore: 重写初始提交(清空历史,整理后全量提交)
This commit is contained in:
ywxapp
@@ -0,0 +1,105 @@
|
||||
{layout name="layout"}
|
||||
{block name="title"}写文章 - TP-Blog 会员中心{/block}
|
||||
|
||||
{block name="content"}
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">写文章</div>
|
||||
<div class="layui-card-body">
|
||||
<form class="layui-form" action="" id="articleForm">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">标题</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="title" required lay-verify="required" placeholder="请输入文章标题" 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" style="max-width:320px;">
|
||||
<option value="">请选择分类</option>
|
||||
{volist name="categories" id="c"}
|
||||
<option value="{$c.id}">{$c.name}</option>
|
||||
{/volist}
|
||||
</select>
|
||||
<a href="{:url('blog/member.category/index')}" target="_blank" class="layui-btn layui-btn-primary layui-btn-sm" style="margin-left:10px;">管理分类</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">标签</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="tags" placeholder="多个标签用逗号分隔，如：PHP,ThinkPHP" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">摘要</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="summary" 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="text" name="cover_image" placeholder="选填，封面图 URL" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">正文</label>
|
||||
<div class="layui-input-block">
|
||||
<script id="editor" type="text/plain" style="height:400px;"></script>
|
||||
</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="articleSubmit">提交</button>
|
||||
<a href="{:url('blog/member.article/index')}" class="layui-btn layui-btn-primary">返回</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="/assets/library/ueditor/ueditor.config.js"></script>
|
||||
<script type="text/javascript" src="/assets/library/ueditor/ueditor.all.js"></script>
|
||||
<script>
|
||||
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', '|',
|
||||
'searchreplace'
|
||||
]],
|
||||
autoHeightEnabled: true,
|
||||
initialFrameWidth: '100%',
|
||||
initialFrameHeight: 400
|
||||
});
|
||||
|
||||
layui.use(['form', 'layer'], function(){
|
||||
var form = layui.form, layer = layui.layer, $ = layui.$;
|
||||
form.on('submit(articleSubmit)', function(data){
|
||||
var content = UE.getEditor('editor').getContent();
|
||||
if (! content.trim()) {
|
||||
layer.msg('请输入文章内容', {icon:2});
|
||||
return false;
|
||||
}
|
||||
data.field.content = content;
|
||||
$.post('{:url("blog/member.article/save")}', 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});
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{/block}
|
||||
@@ -0,0 +1,106 @@
|
||||
{layout name="layout"}
|
||||
{block name="title"}编辑文章 - TP-Blog 会员中心{/block}
|
||||
|
||||
{block name="content"}
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">编辑文章</div>
|
||||
<div class="layui-card-body">
|
||||
<form class="layui-form" action="" id="articleForm">
|
||||
<input type="hidden" name="id" value="{$article.id}">
|
||||
<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" 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" style="max-width:320px;">
|
||||
<option value="">请选择分类</option>
|
||||
{volist name="categories" id="c"}
|
||||
<option value="{$c.id}" {if $c.id==$article.cid}selected{/if}>{$c.name}</option>
|
||||
{/volist}
|
||||
</select>
|
||||
<a href="{:url('blog/member.category/index')}" target="_blank" class="layui-btn layui-btn-primary layui-btn-sm" style="margin-left:10px;">管理分类</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">标签</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="tags" value="{$articleTagsStr}" placeholder="多个标签用逗号分隔" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">摘要</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="summary" placeholder="选填，留空将自动截取正文" class="layui-textarea">{$article.summary}</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">封面图</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="cover_image" value="{$article.cover_image}" placeholder="选填，封面图 URL" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">正文</label>
|
||||
<div class="layui-input-block">
|
||||
<script id="editor" type="text/plain" style="height:400px;">{$article.content}</script>
|
||||
</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}>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit lay-filter="articleSubmit">保存</button>
|
||||
<a href="{:url('blog/member.article/index')}" class="layui-btn layui-btn-primary">返回</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="/assets/library/ueditor/ueditor.config.js"></script>
|
||||
<script type="text/javascript" src="/assets/library/ueditor/ueditor.all.js"></script>
|
||||
<script>
|
||||
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', '|',
|
||||
'searchreplace'
|
||||
]],
|
||||
autoHeightEnabled: true,
|
||||
initialFrameWidth: '100%',
|
||||
initialFrameHeight: 400
|
||||
});
|
||||
|
||||
layui.use(['form', 'layer'], function(){
|
||||
var form = layui.form, layer = layui.layer, $ = layui.$;
|
||||
form.on('submit(articleSubmit)', function(data){
|
||||
var content = UE.getEditor('editor').getContent();
|
||||
if (! content.trim()) {
|
||||
layer.msg('请输入文章内容', {icon:2});
|
||||
return false;
|
||||
}
|
||||
data.field.content = content;
|
||||
$.post('{:url("blog/member.article/update", ["id" => $article.id])}', 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});
|
||||
}
|
||||
});
|
||||
return false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
{/block}
|
||||
@@ -0,0 +1,123 @@
|
||||
{layout name="layout"}
|
||||
|
||||
{block name="content"}
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">我的文章</div>
|
||||
<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>
|
||||
<a href="{:url('blog/member.article/create')}" class="layui-btn layui-btn-normal">写文章</a>
|
||||
<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>
|
||||
|
||||
<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>
|
||||
{/block}
|
||||
|
||||
{block name="js"}
|
||||
<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: '#articleTable',
|
||||
url: '{:url("blog/member.article/index")}',
|
||||
where: { status: status, 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.detail_url + '" target="_blank">' + d.title + '</a>';
|
||||
if (d.is_top == 1) { html += ' <span class="layui-badge layui-bg-red">置顶</span>'; }
|
||||
return html;
|
||||
} },
|
||||
{ field: 'category', title: '分类', width: 120 },
|
||||
{ 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: '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 kw = $('#keywordInput').val();
|
||||
table.reload('articleTable', { where: { status: statusVal, 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/member.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 === 'delete') {
|
||||
layer.confirm('确定要删除这篇文章吗？', function (index) {
|
||||
$.post('{:url("blog/member.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>
|
||||
{/block}
|
||||
@@ -0,0 +1,43 @@
|
||||
{layout name="layout" /}
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">添加分类</div>
|
||||
<div class="layui-card-body">
|
||||
<form class="layui-form" action="{:url('blog/member.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">
|
||||
<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">
|
||||
<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">
|
||||
<input type="number" name="sort" value="0" 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="categorySubmit">添加分类</button>
|
||||
<a href="{:url('blog/member.category/index')}" class="layui-btn layui-btn-primary">返回</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,43 @@
|
||||
{layout name="layout" /}
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">编辑分类</div>
|
||||
<div class="layui-card-body">
|
||||
<form class="layui-form" action="{:url('blog/member.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">
|
||||
<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">
|
||||
<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">
|
||||
<input type="number" name="sort" value="{$category.sort}" 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="categorySubmit">更新分类</button>
|
||||
<a href="{:url('blog/member.category/index')}" class="layui-btn layui-btn-primary">返回</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,223 @@
|
||||
{layout name="layout" /}
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">我的分类</div>
|
||||
<div class="layui-card-body">
|
||||
<table class="layui-hide" id="dataTable" lay-filter="dataTable"></table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 顶部工具栏 -->
|
||||
<script type="text/html" id="toolbarTpl">
|
||||
<div class="layui-btn-container">
|
||||
<button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="createRoot">添加分类</button>
|
||||
<button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="batchDelete">批量删除</button>
|
||||
<button class="layui-btn layui-btn-sm" lay-event="expandAll">展开全部</button>
|
||||
<button class="layui-btn layui-btn-sm" lay-event="foldAll">折叠全部</button>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
<!-- 行操作 -->
|
||||
<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-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">
|
||||
<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;
|
||||
}
|
||||
|
||||
// 渲染树形表格
|
||||
function renderTable() {
|
||||
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 }
|
||||
},
|
||||
toolbar: '#toolbarTpl',
|
||||
cols: [[
|
||||
{ type: 'checkbox', fixed: 'left' },
|
||||
{ field: 'id', title: 'ID', width: 80, sort: true, fixed: 'left' },
|
||||
{ field: 'title', title: '分类名称', minWidth: 160, fixed: 'left' },
|
||||
{ field: 'description', title: '描述', minWidth: 160, templet: function (d) { return d.description || '-'; } },
|
||||
{ field: 'articles_count', title: '文章数', width: 90 },
|
||||
{ field: 'sort', title: '排序', width: 80, sort: true },
|
||||
{ title: '操作', width: 230, align: 'center', toolbar: '#rowTpl' }
|
||||
]],
|
||||
page: false,
|
||||
skin: 'line'
|
||||
});
|
||||
}
|
||||
renderTable();
|
||||
|
||||
// 新增 / 编辑 弹窗
|
||||
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/member.category/update")}'
|
||||
: '{:url("blog/member.category/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 () { location.reload(); }, 600);
|
||||
} else {
|
||||
layer.msg(res.msg || '操作失败', { icon: 2 });
|
||||
}
|
||||
},
|
||||
error: function () { layer.msg('请求失败，请重试', { icon: 2 }); }
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
// 顶部工具条
|
||||
treeTable.on('toolbar(dataTable)', function (obj) {
|
||||
switch (obj.event) {
|
||||
case 'createRoot':
|
||||
openForm({ pid: 0, sort: 0 });
|
||||
break;
|
||||
case 'batchDelete':
|
||||
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/member.category/batch")}', { action: 'delete', ids: ids }, 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);
|
||||
});
|
||||
break;
|
||||
case 'expandAll':
|
||||
treeTable.expandAll('#dataTable');
|
||||
break;
|
||||
case 'foldAll':
|
||||
treeTable.foldAll('#dataTable');
|
||||
break;
|
||||
}
|
||||
});
|
||||
|
||||
// 行操作
|
||||
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 });
|
||||
} else if (obj.event === 'delete') {
|
||||
layer.confirm('确定要删除该分类吗？', function (index) {
|
||||
$.post('{:url("blog/member.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);
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,23 @@
|
||||
{layout name="layout" /}
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">会员中心概览</div>
|
||||
<div class="layui-card-body">
|
||||
<p>当前会员：<strong>{$user.nickname|default='会员'}</strong>
|
||||
（账号：{$user.account|default='-'}，UID：{$user.uid|default='0'}）</p>
|
||||
<p>这是插件 <code>blog</code> 的会员中心入口页，对应文件：
|
||||
<code>addon/blog/controller/member/Index.php</code></p>
|
||||
<a href="{:url('blog/member.index/profile')}" class="layui-btn layui-btn-normal">查看个人资料</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> 的 member 分组映射 <code>/blog/member/</code> → <code>member.Index/index</code></li>
|
||||
<li>鉴权：member 分组挂 <code>MemberAuth</code> 中间件，容器 auth 为 <code>\ywxapp\library\User</code> 并强制登录</li>
|
||||
<li>基类：<code>Index extends \ywxapp\controller\AddonMember</code>，视图目录指向 <code>view/member/</code></li>
|
||||
<li>模板：本页通过 <code>{layout name="layout" /}</code> 复用会员中心外壳 <code>view/layout.html</code></li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,20 @@
|
||||
{layout name="layout" /}
|
||||
<div class="layui-card">
|
||||
<div class="layui-card-header">个人资料</div>
|
||||
<div class="layui-card-body">
|
||||
<table class="layui-table">
|
||||
<colgroup>
|
||||
<col width="30%">
|
||||
<col width="70%">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr><td>会员ID</td><td>{$user.uid|default='0'}</td></tr>
|
||||
<tr><td>账号</td><td>{$user.account|default='-'}</td></tr>
|
||||
<tr><td>昵称</td><td>{$user.nickname|default='-'}</td></tr>
|
||||
<tr><td>角色</td><td>{$user.roles|default='-'}</td></tr>
|
||||
<tr><td>积分</td><td>{$user.score|default='0'}</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<a href="{:url('blog/member.index/index')}" class="layui-btn">返回概览</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{$title|default='会员中心 - TP-Blog'}</title>
|
||||
<link rel="stylesheet" href="/assets/layui/css/layui.css">
|
||||
<script src="/assets/layui/layui.js"></script>
|
||||
<style>
|
||||
body { background-color: #f2f3f5; font-family: "Microsoft YaHei", sans-serif; }
|
||||
.member-nav { background: #23262e; color: #fff; padding: 0 15px; }
|
||||
.member-nav a { color: #ccc; margin-left: 18px; line-height: 50px; text-decoration: none; font-size: 14px; }
|
||||
.member-nav a:hover { color: #fff; }
|
||||
.member-nav .member-nav-brand { font-size: 16px; font-weight: bold; margin-right: 10px; }
|
||||
.member-nav .member-nav-right { float: right; margin-right: 0; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div style="margin-top:20px;margin-bottom:20px;">
|
||||
{__CONTENT__}
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user