开始内容管理

app/admin/controller/Category.php

@@ -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)
+  {
+    //
+  }
+}

app/admin/controller/Post.php

@@ -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)
+  {
+    //
+  }
+}

app/admin/controller/Tag.php

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

app/model/Category.php

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

app/model/Post.php

@@ -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;
+}

app/model/Tag.php

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

public/static/css/common.css

@@ -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;
 }

public/static/css/skin-0.css

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

public/static/css/skin-1.css

@@ -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;
 }

public/static/lib/quill/quill.snow.css

@@ -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/admin/category/index.html

@@ -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/admin/common/_header.html

@@ -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/admin/common/left_post.html

@@ -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/admin/common/tpl.html

@@ -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">
     

view/admin/post/create.html

@@ -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/admin/post/index.html

@@ -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>