ulthon/ulthon_admin
1
0
Fork 0
mirror of https://gitee.com/ulthon/ulthon_admin.git synced 2026-07-07 18:42:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

完成内容管理

Browse Source
This commit is contained in:
augushong
2020-04-18 16:01:27 +08:00
parent dc15576de8
commit 84c1a51b86
18 changed files with 1548 additions and 253 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
view/admin/category/create.html Normal file
View File

@@ -0,0 +1,83 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>分类管理</title>
{include file="common/_require"}
<script>
var currentHeaderNavItem = 'Post';
var currentLeftNavItem = 'category';
</script>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
{include file="common/_header"}
{include file="common/left_post"}
<div class="layui-body">
<div style="padding:15px">
<div class="main-header">
<span class="layui-breadcrumb">
<a>首页</a>
<a><cite>系统信息</cite></a>
</span>
</div>
<div class="main-container">
<div class="layui-col-md6">
<fieldset class="layui-elem-field">
<legend>新增分类</legend>
<div class="layui-field-box">
<form class="layui-form" action="{:url('save')}" method="post">
<div class="layui-form-item">
<div class="layui-form-label">分类名称</div>
<div class="layui-input-block">
<input type="text" name="title" value="" required lay-verify="required" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-label">上级分类</div>
<div class="layui-input-block">
<select name="pid">
<option value="0">--无上级分类--</option>
{volist name='$list_category' id='category'}
<option value="{$category.id}">{:str_repeat('|--',$category.level)}{$category.title}</option>
{/volist}
</select>
</div>
</div>
<div class="layui-form-item">
<button class="layui-btn layui-btn-fluid" submit lay-submit lay-filter="site-info">提交</button>
</div>
</form>
</div>
</fieldset>
</div>
</div>
</div>
</div>
{include file="common/_footer"}
</div>
<script>
layui.use(['form'],function(){
})
</script>
</body>
</html>

89
view/admin/category/edit.html Normal file
View File

@@ -0,0 +1,89 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>分类管理</title>
{include file="common/_require"}
<script>
var currentHeaderNavItem = 'Post';
var currentLeftNavItem = 'category';
</script>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
{include file="common/_header"}
{include file="common/left_post"}
<div class="layui-body">
<div style="padding:15px">
<div class="main-header">
<span class="layui-breadcrumb">
<a>首页</a>
<a><cite>系统信息</cite></a>
</span>
</div>
<div class="main-container">
<div class="layui-col-md6">
<fieldset class="layui-elem-field">
<legend>编辑分类</legend>
<div class="layui-field-box">
<form class="layui-form" action="{:url('update')}" method="post" lay-filter="*">
<input type="hidden" name="id" value="{$category.id}">
<div class="layui-form-item">
<div class="layui-form-label">分类名称</div>
<div class="layui-input-block">
<input type="text" name="title" value="{$category.title}" required lay-verify="required" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-label">上级分类</div>
<div class="layui-input-block">
<select name="pid">
<option value="0">--无上级分类--</option>
{volist name='$list_category' id='vo'}
{if $category.id != $vo.id}
<option value="{$vo.id}">{:str_repeat('|--',$vo.level)}{$vo.title}</option>
{/if}
{/volist}
</select>
</div>
</div>
<div class="layui-form-item">
<button class="layui-btn layui-btn-fluid" submit lay-submit lay-filter="site-info">提交</button>
</div>
</form>
</div>
</fieldset>
</div>
</div>
</div>
</div>
{include file="common/_footer"}
</div>
<script>
layui.use(['form'],function(){
var form = layui.form;
form.val('*',{
pid:'{$category.pid}'
})
})
</script>
</body>
</html>

120
view/admin/category/index.html
View File

@@ -1,43 +1,95 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>应用管理</title>
{include file="common/_require"}
<script>
var currentHeaderNavItem = 'Index';
var currentLeftNavItem = 'index';
</script>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>分类管理</title>
{include file="common/_require"}
<script>
var currentHeaderNavItem = 'Post';
var currentLeftNavItem = 'category';
</script>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
{include file="common/_header"}
{include file="common/left_post"}
<div class="layui-body">
<div style="padding:15px">
<div class="main-header">
<span class="layui-breadcrumb">
<a>首页</a>
<a><cite>系统信息</cite></a>
</span>
</div>
<div class="main-container">
<div>
<a href="{:url('create')}" class="layui-btn">新增</a>
</div>
</div>
</div>
<div class="layui-layout layui-layout-admin">
{include file="common/_header"}
{include file="common/left_post"}
<div class="layui-body">
<div style="padding:15px">
<div class="main-header">
<span class="layui-breadcrumb">
<a>首页</a>
<a><cite>系统信息</cite></a>
</span>
</div>
{include file="common/_footer"}
<div class="main-container">
<div>
<a href="{:url('create')}" class="layui-btn">新增</a>
</div>
<div>
<table class="layui-table">
<thead>
<tr>
<th>ID</th>
<th>名称</th>
<th>操作</th>
</tr>
</thead>
<tbody>
{volist name="list" id="vo"}
<tr class="item" data-id="{$vo.id}">
<td>{$vo.id}</td>
<td> {:str_repeat('|--',$vo.level)} {$vo.title}</td>
<td>
<div class="layui-btn-container">
<a class="layui-btn layui-btn-sm" href="{:url('edit',['id'=>$vo.id])}">编辑</a>
<div class="layui-btn layui-btn-sm delete">删除</div>
</div>
</td>
</tr>
{/volist}
</tbody>
</table>
</div>
</div>
</div>
</div>
{include file="common/_footer"}
</div>
<script>
$('.delete').click(function () {
var item = this;
layer.confirm('确定要删除吗？子分类将向上挪动一级', function () {
$.get('{:url("delete")}', {
id: $(item).parents('.item').data('id')
}, function (result) {
layer.msg('删除成功');
$(item).parents('.item').remove();
})
})
})
</script>
</body>
</html>

8
view/admin/common/_require.html
View File

@@ -1,7 +1,7 @@
<link rel="stylesheet" href="/static/css/reset.css">
<link rel="stylesheet" href="/static/css/pagination.css">
<link rel="stylesheet" href="/static/lib/layui/css/layui.css">
<link rel="stylesheet" href="/static/css/{:cookie('skin-name','')}.css">
<link rel="stylesheet" href="/static/css/{$Request.cookie.skin_name|default='skin-0'}.css">
<link rel="stylesheet" href="/static/css/common.css">
<script src="/static/lib/jquery/jquery-3.4.1.min.js"></script>
<script src="/static/lib/jquery/jquery.cookie.js"></script>
@@ -24,13 +24,13 @@
, click: function (type) {
console.log(type);
if (type === 'bar1') {
var skinName = $.cookie('skin-name')
var skinName = $.cookie('skin_name')
$('body').removeClass()
if (skinName == 'skin-1') {
$.cookie('skin-name', 'skin-0', defaultCookieSetting)
$.cookie('skin_name', 'skin-0', defaultCookieSetting)
$('body').addClass('skin-0')
} else {
$.cookie('skin-name', 'skin-1', defaultCookieSetting)
$.cookie('skin_name', 'skin-1', defaultCookieSetting)
$('body').addClass('skin-1')
}

194
view/admin/post/create.html
View File

@@ -14,7 +14,13 @@
var currentLeftNavItem = 'post';
</script>
<style>
#toolbar select{
display: none !important;
}
</style>
</head>
<body class="layui-layout-body">
@@ -73,7 +79,7 @@
<div class="layui-input-block">
<div id="toolbar">
<!-- Add font size dropdown -->
<select class="ql-size" lay-ignore>
<select class="ql-size" lay-ignore="lay-ignore">
<option value="small">小号</option>
<!-- Note a missing, thus falsy value, is used to reset to default -->
<option selected>正常</option>
@@ -99,9 +105,9 @@
<button class="ql-indent" value="-1"></button>
<button class="ql-indent" value="+1"></button>
<button class="ql-direction" value="rtl"></button>
<select class="ql-color" lay-ignore></select>
<select class="ql-background" lay-ignore></select>
<select class="ql-font" lay-ignore></select>
<select class="ql-color" lay-ignore="lay-ignore"></select>
<select class="ql-background" lay-ignore="lay-ignore"></select>
<select class="ql-font" lay-ignore="lay-ignore"></select>
<button class="ql-align" value="center"></button>
<button class="ql-align" value=""></button>
<button class="ql-align" value="right"></button>
@@ -141,45 +147,40 @@
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-label">标签</div>
<div class="layui-input-block">
<input type="checkbox" name="tags[]" value="0" title="高层" lay-skin="primary">
<br>
<input type="checkbox" name="tags[]" value="0" title="大" lay-skin="primary">
<br>
<input type="checkbox" name="tags[]" value="0" title="PHP" lay-skin="primary">
<br>
<div class="quick-input-item sm-quick-input-item" title="输入新标签,使用空格分隔可一次添加多个标签" >
<div>
<select name="city" lay-verify="">
<option value="">选择父分类</option>
<option value="010">北京</option>
<option value="021">上海</option>
<option value="0571">杭州</option>
</select>
</div>
<div class="">
<div class="layui-form-label">分类</div>
<div class="layui-input-block ">
<div class="category-list"></div>
<input type="text" name="" placeholder="输入新分类名称" id="newCategory" class="layui-input">
<div class="layui-btn">新增</div>
<div class="quick-input-item sm-quick-input-item">
<div class="new-category-option-list">
<select name="" lay-verify="">
<option value="0">选择父分类</option>
</select>
</div>
<div class="">
<input type="text" name="" placeholder="输入新分类名称" id="new-category" class="layui-input">
<div class="layui-btn create-category">新增</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-label">标签</div>
<div class="layui-input-block">
<input type="checkbox" name="tags[]" value="0" title="高层" lay-skin="primary">
<input type="checkbox" name="tags[]" value="0" title="大" lay-skin="primary">
<input type="checkbox" name="tags[]" value="0" title="PHP" lay-skin="primary">
<div class="quick-input-item sm-quick-input-item" title="输入新标签,使用空格分隔可一次添加多个标签" >
<div class="layui-input-block ">
<div class="tag-list">
</div>
<div class="quick-input-item sm-quick-input-item" title="输入新标签,使用空格分隔可一次添加多个标签">
<div class="">
<input type="text" name="" placeholder="输入新标签" id="newTags" class="layui-input">
<div class="layui-btn">新增</div>
<input type="text" name="" placeholder="输入新标签" autocomplete="off" id="new-tags" class="layui-input">
<div class="layui-btn create-tags">新增</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item">
@@ -204,7 +205,7 @@
<input type="radio" name="jump_to_url_status" value="2" title="自动跳转">
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-label">排序</div>
<div class="layui-input-block">
@@ -224,13 +225,29 @@
{include file="common/_footer"}
<div class="tpl" style="display: none;">
<input type="checkbox" name="tags[]" class="tag-item" value="0" title="高层" lay-skin="primary">
<div class="category-item">
<input type="checkbox" name="categorys[]" value="0" title="PHP" lay-skin="primary">
</div>
<option value="0" class="new-category-item">选择父分类</option>
</div>
</div>
<script>
layui.use(['form', 'upload'], function () {
layui.use(['form', 'upload','laydate'], function () {
var upload = layui.upload;
var form = layui.form;
var laydate = layui.laydate;
laydate.render({
elem:'.publish-time',
type:'datetime'
})
var currentRange = {
index: 0,
@@ -311,7 +328,6 @@
});
form.on('submit(save)', function (data) {
var formData = data.field;
@@ -319,11 +335,115 @@
formData.content_html = $('#editor .ql-editor').html()
console.log(formData);
$.post('{:url("save")}',formData,function(result){
console.log(result);
layer.msg('添加成功')
setTimeout(() => {
location.href = result.data.jump_to_url
}, 1200);
})
return false;
})
var tagPage = 1;
initTags()
function initTags() {
$('.tag-list').children().remove()
$('#new-tags').val('')
tagPage = 1;
loadTags()
}
function loadTags() {
$.get('{:url("Tag/index")}', {
page: tagPage
}, function (result) {
tagPage++;
result.data.data.forEach(tag => {
var domTag = $('.tpl .tag-item').clone();
domTag.attr('title', tag.title)
domTag.val(tag.id)
domTag.appendTo('.tag-list')
});
form.render('checkbox')
if (result.data.current_page < result.data.last_page) {
loadTags()
}
})
}
$('.create-tags').click(function () {
var value = $.trim($('#new-tags').val());
if(value.length == 0){
return false;
}
$.post('{:url("Tag/save")}', {
tags: value
}, function (result) {
layer.msg('添加成功')
initTags()
})
})
var categoryPage = 1;
initCategory();
function initCategory(){
$('.category-list').children().remove();
$('.new-category-option-list').find('.new-category-item').remove();
$('.new-category-option-list').find('.layui-form-select').remove();
$('#new-category').val('')
categoryPage = 1;
loadCategory()
}
function loadCategory() {
$.get('{:url("Category/index")}',function(result){
console.log(result);
result.data.forEach(category => {
var prefix = '';
for (let prefixLevelIndex = 0; prefixLevelIndex < category.level; prefixLevelIndex++) {
prefix += '|--'
}
var domCategory = $('.tpl .category-item').clone();
domCategory.find('input').val(category.id)
domCategory.find('input').attr('title', prefix+category.title)
domCategory.appendTo('.category-list')
var domNewCategory = $('.tpl .new-category-item').clone();
domNewCategory.text(prefix+category.title)
domNewCategory.val(category.id)
domNewCategory.attr('title',category.title)
domNewCategory.appendTo('.new-category-option-list select')
});
form.render()
})
}
$('.create-category').click(function(){
var pid = $('.new-category-option-list').find('select').val();
var title = $('#new-category').val()
$.post('{:url("Category/save")}',{
title:title,
pid:pid
},function(result){
if(result.code == 0){
layer.msg('添加成功')
initCategory();
}else{
layer.msg(result.msg)
}
})
})
})

475
view/admin/post/edit.html Normal file
View File

@@ -0,0 +1,475 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>文章编辑</title>
{include file="common/_require"}
<link rel="stylesheet" href="/static/lib/quill/quill.snow.css">
<script src="/static/lib/quill/quill.min.js"></script>
<script>
var currentHeaderNavItem = 'Post';
var currentLeftNavItem = 'post';
</script>
<style>
#toolbar select {
display: none !important;
}
</style>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
{include file="common/_header"}
{include file="common/left_post"}
<div class="layui-body">
<div style="padding:15px">
<div class="main-header">
<span class="layui-breadcrumb">
<a>首页</a>
<a><cite>文章编辑</cite></a>
</span>
</div>
<div class="main-container">
<div class="layui-row">
<form action="{:url('update')}" method="POST" class="layui-form" lay-filter="*">
<input type="hidden" name="id" value="{$post.id}">
<div class="layui-col-md9 layui-col-lg10">
<fieldset class="layui-elem-field">
<legend>编辑</legend>
<div class="layui-field-box">
<div class="layui-form-item">
<div class="layui-form-label">标题</div>
<div class="layui-input-block">
<input type="text" name="title" required lay-verify="required" value="{$post->title}"
class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-label">封面</div>
<div class="layui-input-block">
<input type="hidden" name="poster" value="{$post->getData('poster')}">
<div>
<div class="layui-btn upload-poster">上传</div>
</div>
<div>
<img src="{$post->poster}" class="poster" style="max-width: 200px;max-height: 200px;;" alt="">
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-label">描述</div>
<div class="layui-input-block">
<textarea name="desc" class="layui-textarea">{$post->getData('desc')}</textarea>
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-label">内容</div>
<div class="layui-input-block">
<div id="toolbar">
<!-- Add font size dropdown -->
<select class="ql-size" lay-ignore="lay-ignore">
<option value="small">小号</option>
<!-- Note a missing, thus falsy value, is used to reset to default -->
<option selected>正常</option>
<option value="large">大号</option>
<option value="huge">特大号</option>
</select>
<!-- Add a bold button -->
<button class="ql-bold"></button>
<button class="ql-italic"></button>
<button class="ql-link"></button>
<button class="ql-underline"></button>
<button class="ql-strike"></button>
<button class="ql-blockquote"></button>
<button class="ql-code-block"></button>
<button class="ql-header" value="1" title="大标题"></button>
<button class="ql-header" value="2" title="小标题"></button>
<button class="ql-list" value="ordered" title="有序列表"></button>
<button class="ql-list" value="bullet" title="无序列表"></button>
<!-- Add subscript and superscript buttons -->
<button class="ql-script" value="sub"></button>
<button class="ql-script" value="super"></button>
<button class="ql-indent" value="-1"></button>
<button class="ql-indent" value="+1"></button>
<button class="ql-direction" value="rtl"></button>
<select class="ql-color" lay-ignore="lay-ignore"></select>
<select class="ql-background" lay-ignore="lay-ignore"></select>
<select class="ql-font" lay-ignore="lay-ignore"></select>
<button class="ql-align" value="center"></button>
<button class="ql-align" value=""></button>
<button class="ql-align" value="right"></button>
<button class="ql-align" value="justify"></button>
<button class="ql-image" title="选择图片"></button>
</div>
<div id="editor" style="height: 600px;">
</div>
<div id="content" style="display: none;">{:json_encode($post->content)}</div>
</div>
</div>
<div class="layui-form-item">
<button class="layui-btn layui-btn-fluid" type="submit" lay-submit lay-filter="save">保存</button>
</div>
</div>
</fieldset>
</div>
<div class="layui-col-md3 layui-col-lg2">
<fieldset class="layui-elem-field sm-form">
<legend>信息</legend>
<div class="layui-field-box">
<div class="layui-form-item">
<div class="layui-form-label">状态</div>
<div class="layui-input-block">
<input type="radio" name="status" value="1" title="发布">
<input type="radio" name="status" value="0" title="不发布">
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-label">发表时间</div>
<div class="layui-input-block">
<input type="text" name="publish_time" value="{$post->publish_time}"
class="layui-input publish-time">
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-label">分类</div>
<div class="layui-input-block ">
<div class="category-list"></div>
<div class="quick-input-item sm-quick-input-item">
<div class="new-category-option-list">
<select name="" lay-verify="">
<option value="0">选择父分类</option>
</select>
</div>
<div class="">
<input type="text" name="" placeholder="输入新分类名称" id="new-category" class="layui-input">
<div class="layui-btn create-category">新增</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-label">标签</div>
<div class="layui-input-block ">
<div class="tag-list">
</div>
<div class="quick-input-item sm-quick-input-item" title="输入新标签,使用空格分隔可一次添加多个标签">
<div class="">
<input type="text" name="" placeholder="输入新标签" autocomplete="off" id="new-tags"
class="layui-input">
<div class="layui-btn create-tags">新增</div>
</div>
</div>
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-label">是否置顶</div>
<div class="layui-input-block">
<input type="radio" name="is_top" value="1" title="置顶">
<input type="radio" name="is_top" value="0" title="不置顶">
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-label">跳转链接</div>
<div class="layui-input-block">
<input type="text" name="jump_to_url" value="{$post->getData('jump_to_url')}"
class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-label">跳转链接状态</div>
<div class="layui-input-block">
<input type="radio" name="jump_to_url_status" value="0" title="不显示">
<input type="radio" name="jump_to_url_status" value="1" title="仅显示">
<input type="radio" name="jump_to_url_status" value="2" title="自动跳转">
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-label">排序</div>
<div class="layui-input-block">
<input type="number" name="sort" value="{$post->getData('sort')}" class="layui-input">
<div class="layui-form-mid layui-word-aux">越大越靠前</div>
</div>
</div>
</div>
</fieldset>
</div>
</form>
</div>
</div>
</div>
</div>
{include file="common/_footer"}
<div class="tpl" style="display: none;">
<input type="checkbox" name="tags[]" class="tag-item" value="0" title="高层" lay-skin="primary">
<div class="category-item">
<input type="checkbox" name="categorys[]" value="0" title="PHP" lay-skin="primary">
</div>
<option value="0" class="new-category-item">选择父分类</option>
</div>
</div>
<script>
var categoryList = JSON.parse('{:json_encode($post->categorys->column("category_id"))}')
var tagList = JSON.parse('{:json_encode($post->tags->column("tag_id"))}')
layui.use(['form', 'upload', 'laydate'], function () {
var upload = layui.upload;
var form = layui.form;
var laydate = layui.laydate;
laydate.render({
elem: '.publish-time',
type: 'datetime'
})
var currentRange = {
index: 0,
lenght: 0
}
var quill = new Quill('#editor', {
theme: 'snow',
modules: {
toolbar: '#toolbar',
},
});
quill.setContents(JSON.parse($('#content').text()))
quill.on('selection-change', function (range, oldRange, source) {
if (range) {
if (range.length == 0) {
console.log('User cursor is on', range.index);
} else {
var text = quill.getText(range.index, range.length);
console.log('User has highlighted', text);
}
currentRange = range;
console.log(currentRange);
} else {
console.log('Cursor not in the editor');
}
});
quill.on('text-change', function (delta, oldDelta, source) {
if (source == 'api') {
console.log("An API call triggered this change.");
} else if (source == 'user') {
console.log("A user action triggered this change.");
}
});
upload.render({
elem: '.ql-image',
url: '{:url("api/Files/save")}',
data: {
type: 4,
dir: 'article'
},
accept: 'images',
done: function (result) {
if (result.code == 0) {
layer.msg('上传成功');
quill.insertEmbed(++currentRange.index, 'image', result.data.src);
} else {
layer.msg(result.msg)
}
}
})
upload.render({
elem: '.upload-poster',
url: '{:url("api/Files/save")}',
data: {
type: 4,
dir: 'article'
},
accept: 'images',
done: function (result) {
if (result.code == 0) {
layer.msg('上传成功');
$('input[name="poster"]').val(result.data.save_name)
$('.poster').attr('src', result.data.src).show();
} else {
layer.msg(result.msg)
}
}
})
var toolbar = quill.getModule('toolbar');
toolbar.addHandler('image', function () {
return false;
});
form.val('*', {
status: '{$post->getData("status")}',
is_top: '{$post->getData("is_top")}',
jump_to_url_status: '{$post->getData("jump_to_url_status")}',
})
form.on('submit(save)', function (data) {
var formData = data.field;
formData.content = quill.getContents().ops
formData.content_html = $('#editor .ql-editor').html()
console.log(formData);
$.post('{:url("update")}', formData, function (result) {
layer.msg('添加成功')
setTimeout(() => {
location.href = result.data.jump_to_url
}, 1200);
})
return false;
})
var tagPage = 1;
initTags()
function initTags() {
$('.tag-list').children().remove()
$('#new-tags').val('')
tagPage = 1;
loadTags()
}
function loadTags() {
$.get('{:url("Tag/index")}', {
page: tagPage
}, function (result) {
tagPage++;
result.data.data.forEach(tag => {
var domTag = $('.tpl .tag-item').clone();
domTag.attr('title', tag.title)
domTag.val(tag.id)
if (tagList.indexOf(tag.id) >= 0) {
domTag.attr('checked', 'checked')
}
domTag.appendTo('.tag-list')
});
form.render('checkbox')
if (result.data.current_page < result.data.last_page) {
loadTags()
}
})
}
$('.create-tags').click(function () {
var value = $.trim($('#new-tags').val());
if (value.length == 0) {
return false;
}
$.post('{:url("Tag/save")}', {
tags: value
}, function (result) {
layer.msg('添加成功')
initTags()
})
})
var categoryPage = 1;
initCategory();
function initCategory() {
$('.category-list').children().remove();
$('.new-category-option-list').find('.new-category-item').remove();
$('.new-category-option-list').find('.layui-form-select').remove();
$('#new-category').val('')
categoryPage = 1;
loadCategory()
}
function loadCategory() {
$.get('{:url("Category/index")}', function (result) {
result.data.forEach(category => {
var prefix = '';
for (let prefixLevelIndex = 0; prefixLevelIndex < category.level; prefixLevelIndex++) {
prefix += '|--'
}
var domCategory = $('.tpl .category-item').clone();
domCategory.find('input').val(category.id)
domCategory.find('input').attr('title', prefix + category.title)
if (categoryList.indexOf(category.id) >= 0) {
domCategory.find('input').attr('checked', 'checked')
}
domCategory.appendTo('.category-list')
var domNewCategory = $('.tpl .new-category-item').clone();
domNewCategory.text(prefix + category.title)
domNewCategory.val(category.id)
domNewCategory.attr('title', category.title)
domNewCategory.appendTo('.new-category-option-list select')
});
form.render()
})
}
$('.create-category').click(function () {
var pid = $('.new-category-option-list').find('select').val();
var title = $('#new-category').val()
$.post('{:url("Category/save")}', {
title: title,
pid: pid
}, function (result) {
if (result.code == 0) {
layer.msg('添加成功')
initCategory();
} else {
layer.msg(result.msg)
}
})
})
})
</script>
</body>
</html>

4
view/admin/post/index.html
View File

@@ -43,6 +43,7 @@
<th>名称</th>
<th>封面</th>
<th>简介</th>
<th>排序</th>
<th>操作</th>
</tr>
</thead>
@@ -53,7 +54,8 @@
<td>{$vo.id}</td>
<td>{$vo.title}</td>
<td>{$vo.value}</td>
<td><img src="{$vo.poster}" alt=""></td>
<td>{$vo.desc}</td>
<td>{$vo.sort}</td>
<td>
<div class="layui-btn-container">

131
view/admin/tag/index.html Normal file
View File

@@ -0,0 +1,131 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>标签管理</title>
{include file="common/_require"}
<script>
var currentHeaderNavItem = 'Post';
var currentLeftNavItem = 'tag';
</script>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
{include file="common/_header"}
{include file="common/left_post"}
<div class="layui-body">
<div style="padding:15px">
<div class="main-header">
<span class="layui-breadcrumb">
<a>首页</a>
<a><cite>系统信息</cite></a>
</span>
</div>
<div class="main-container">
<div>
<div class="layui-btn create">新增</div>
</div>
<div>
<table class="layui-table">
<thead>
<tr>
<th>ID</th>
<th>名称</th>
<th>操作</th>
</tr>
</thead>
<tbody>
{volist name="list" id="vo"}
<tr class="item" data-id="{$vo.id}">
<td>{$vo.id}</td>
<td> {:str_repeat('|--',$vo.level)} <span class="tag-name">{$vo.title}</span></td>
<td>
<div class="layui-btn-container">
<div class="layui-btn layui-btn-sm edit" data-href="{:url('update',['id'=>$vo.id])}">编辑</div>
<div class="layui-btn layui-btn-sm delete">删除</div>
</div>
</td>
</tr>
{/volist}
</tbody>
</table>
<div>
{$list|raw}
</div>
</div>
</div>
</div>
</div>
{include file="common/_footer"}
</div>
<script>
$('.delete').click(function () {
var item = this;
layer.confirm('确定要删除吗？', function () {
$.get('{:url("delete")}', {
id: $(item).parents('.item').data('id')
}, function (result) {
layer.msg('删除成功');
$(item).parents('.item').remove();
})
})
})
$('.create').click(function () {
layer.prompt({
title: '请输入标签,空格分隔可添加多个'
}, function (value, index) {
$.post('{:url("save")}', {
tags: value
}, function (result) {
layer.msg('添加成功')
setTimeout(() => {
location.reload()
}, 1200);
})
})
})
$('.edit').click(function(){
var self = this;
layer.prompt({
title:'请输入标签,空格无效',
value:$(self).parents('.item').find('.tag-name').text()
},function(value,index){
$.post($(self).data('href'),{
title:value
},function(result){
layer.msg('修改成功');
$(self).parents('.item').find('.tag-name').text(value)
layer.close(index)
})
})
})
</script>
</body>
</html>