开始内容管理

This commit is contained in:
augushong
2020-04-17 23:33:01 +08:00
parent b1a7d686f9
commit dc15576de8
16 changed files with 776 additions and 3 deletions

View File

@@ -0,0 +1,91 @@
<?php
declare(strict_types=1);
namespace app\admin\controller;
use think\facade\View;
use think\Request;
class Category extends Common
{
/**
* 显示资源列表
*
* @return \think\Response
*/
public function index()
{
//
return View::fetch();
}
/**
* 显示创建资源表单页.
*
* @return \think\Response
*/
public function create()
{
//
return View::fetch();
}
/**
* 保存新建的资源
*
* @param \think\Request $request
* @return \think\Response
*/
public function save(Request $request)
{
//
}
/**
* 显示指定的资源
*
* @param int $id
* @return \think\Response
*/
public function read($id)
{
//
}
/**
* 显示编辑资源表单页.
*
* @param int $id
* @return \think\Response
*/
public function edit($id)
{
//
}
/**
* 保存更新的资源
*
* @param \think\Request $request
* @param int $id
* @return \think\Response
*/
public function update(Request $request, $id)
{
//
}
/**
* 删除指定资源
*
* @param int $id
* @return \think\Response
*/
public function delete($id)
{
//
}
}

View File

@@ -0,0 +1,96 @@
<?php
declare(strict_types=1);
namespace app\admin\controller;
use app\model\Post as ModelPost;
use think\facade\View;
use think\Request;
class Post extends Common
{
/**
* 显示资源列表
*
* @return \think\Response
*/
public function index()
{
//
$list = ModelPost::paginate();
View::assign('list',$list);
return View::fetch();
}
/**
* 显示创建资源表单页.
*
* @return \think\Response
*/
public function create()
{
//
return View::fetch();
}
/**
* 保存新建的资源
*
* @param \think\Request $request
* @return \think\Response
*/
public function save(Request $request)
{
//
}
/**
* 显示指定的资源
*
* @param int $id
* @return \think\Response
*/
public function read($id)
{
//
}
/**
* 显示编辑资源表单页.
*
* @param int $id
* @return \think\Response
*/
public function edit($id)
{
//
}
/**
* 保存更新的资源
*
* @param \think\Request $request
* @param int $id
* @return \think\Response
*/
public function update(Request $request, $id)
{
//
}
/**
* 删除指定资源
*
* @param int $id
* @return \think\Response
*/
public function delete($id)
{
//
}
}

View File

@@ -5,7 +5,7 @@ namespace app\admin\controller;
use think\Request;
class Article extends Common
class Tag
{
/**
* 显示资源列表

14
app/model/Category.php Normal file
View File

@@ -0,0 +1,14 @@
<?php
declare (strict_types = 1);
namespace app\model;
use think\Model;
/**
* @mixin think\Model
*/
class Category extends Model
{
//
}

20
app/model/Post.php Normal file
View File

@@ -0,0 +1,20 @@
<?php
declare(strict_types=1);
namespace app\model;
use think\Model;
use think\model\concern\SoftDelete;
/**
* @mixin think\Model
*/
class Post extends Model
{
//
use SoftDelete;
protected $defaultSoftDelete = 0;
}

14
app/model/Tag.php Normal file
View File

@@ -0,0 +1,14 @@
<?php
declare (strict_types = 1);
namespace app\model;
use think\Model;
/**
* @mixin think\Model
*/
class Tag extends Model
{
//
}

View File

@@ -79,4 +79,30 @@
min-width: 80%;
white-space: normal;
word-break: break-all;
}
.layui-form-radio{
white-space: nowrap;
}
.quick-input-item{
width: 120px;
margin: 3px 0;
}
.quick-input-item.sm-quick-input-item .layui-btn{
line-height: 24px;
height: 24px;
font-size: 12px;
padding: 0 12px;
}
.quick-input-item.sm-quick-input-item .layui-input{
line-height: 24px;
height: 24px;
}
.ul-flex{
display: flex;
}

View File

@@ -0,0 +1,9 @@
.sm-form .layui-form-label{
width: 56px;
padding: 9px 3px;
}
.sm-form .layui-input-block{
margin-left: 62px;
}

View File

@@ -70,4 +70,28 @@
.layui-form-checked[lay-skin="primary"] i{
border-color: #66CCFF !important;
background-color: #66CCFF !important;
}
.layui-form-select dl dd.layui-this{
background-color: #66CCFF;
}
.layui-form-label{
width: unset;
padding: 3px 3px;
float: unset;
text-align: left;
font-weight: 600;
font-size: 15px;
}
.layui-input-block{
margin-left: 0;
}
.layui-form-pane .layui-form-label{
float: left;
font-weight: normal;
font-size: 14px;
}

View File

@@ -31,7 +31,7 @@
}
.ql-editor {
box-sizing: border-box;
line-height: 1.42;
line-height: 2.42;
height: 100%;
outline: none;
overflow-y: auto;
@@ -59,10 +59,12 @@
margin: 0;
padding: 0;
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
line-height: 3;
}
.ql-editor ol,
.ql-editor ul {
padding-left: 1.5em;
line-height: 2.42;
}
.ql-editor ol > li,
.ql-editor ul > li {

View File

@@ -0,0 +1,43 @@
<!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>
<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>
{include file="common/_footer"}
</div>
</body>
</html>

View File

@@ -5,6 +5,7 @@
<li class="layui-nav-item header-nav-item" data-name="Index" ><a href="{:url('admin/Index/index')}">首页</a></li>
<li class="layui-nav-item header-nav-item" data-name="User" ><a href="{:url('admin/User/index')}">用户管理</a></li>
<li class="layui-nav-item header-nav-item" data-name="File" ><a href="{:url('admin/File/index')}">文件管理</a></li>
<li class="layui-nav-item header-nav-item" data-name="Post" ><a href="{:url('admin/Post/index')}">内容管理</a></li>
<li class="layui-nav-item header-nav-item" data-name="Admin" ><a href="{:url('admin/Admin/index')}">管理员管理</a></li>
<li class="layui-nav-item header-nav-item" data-name="System" ><a href="{:url('admin/System/index')}">系统设置</a></li>
</ul>

View File

@@ -0,0 +1,16 @@
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">
<!-- 左侧导航区域可配合layui已有的垂直导航 -->
<ul class="layui-nav layui-nav-tree" lay-filter="test">
<li class="layui-nav-item layui-nav-itemed left-nav-item" data-name="post">
<a class="" href="{:url('Post/index')}">文章管理</a>
</li>
<li class="layui-nav-item layui-nav-itemed left-nav-item" data-name="category">
<a class="" href="{:url('Category/index')}">分类管理</a>
</li>
<li class="layui-nav-item layui-nav-itemed left-nav-item" data-name="tag">
<a class="" href="{:url('Tag/index')}">标签管理</a>
</li>
</ul>
</div>
</div>

View File

@@ -17,7 +17,7 @@
<div class="layui-layout layui-layout-admin">
{include file="common/_header"}
{include file="common/left_app"}
{include file="common/left_system"}
<div class="layui-body">

333
view/admin/post/create.html Normal file
View File

@@ -0,0 +1,333 @@
<!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>
</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('save')}" method="POST" class="layui-form" lay-filter="*">
<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" 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">
<div>
<div class="layui-btn upload-poster">上传</div>
</div>
<div>
<img src="" class="poster" style="display: none;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"></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>
<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></select>
<select class="ql-background" lay-ignore></select>
<select class="ql-font" 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>
</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="不发布" checked>
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-label">发表时间</div>
<div class="layui-input-block">
<input type="text" name="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">
<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="">
<input type="text" name="" placeholder="输入新分类名称" id="newCategory" class="layui-input">
<div class="layui-btn">新增</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="">
<input type="text" name="" placeholder="输入新标签" id="newTags" class="layui-input">
<div class="layui-btn">新增</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="不置顶" checked>
</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" 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="仅显示" checked>
<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" 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>
<script>
layui.use(['form', 'upload'], function () {
var upload = layui.upload;
var form = layui.form;
var currentRange = {
index: 0,
lenght: 0
}
var quill = new Quill('#editor', {
theme: 'snow',
modules: {
toolbar: '#toolbar',
},
});
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.on('submit(save)', function (data) {
var formData = data.field;
formData.content = quill.getContents().ops
formData.content_html = $('#editor .ql-editor').html()
console.log(formData);
return false;
})
})
</script>
</body>
</html>

View File

@@ -0,0 +1,84 @@
<!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 = 'post';
</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>
<table class="layui-table" lay-skin="line">
<thead>
<tr>
<th>ID</th>
<th>名称</th>
<th>封面</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>{$vo.title}</td>
<td>{$vo.value}</td>
<td>{$vo.sort}</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}
{if condition="count($list) == 0" }
<tr>
<td colspan="7">暂无数据</td>
</tr>
{/if}
</tbody>
</table>
<div>
{$list|raw}
</div>
</div>
</div>
</div>
{include file="common/_footer"}
</div>
</body>
</html>