chore: 重写初始提交(清空历史,整理后全量提交)

addon/articles/view/backend/article/edit.html

@@ -0,0 +1,107 @@
+<div class="layui-fluid">
+  <div class="layui-card">
+    <div class="layui-card-header">编辑文章</div>
+    <div class="layui-card-body">
+      <form class="layui-form" id="form">
+        <input type="hidden" name="id" value="{$article.id|default=0}">
+
+        <div class="layui-form-item">
+          <label class="layui-form-label">标题</label>
+          <div class="layui-input-block">
+            <input type="text" name="title" value="{$article.title|default=''}" class="layui-input" lay-verify="required">
+          </div>
+        </div>
+
+        <div class="layui-form-item">
+          <label class="layui-form-label">分类</label>
+          <div class="layui-input-inline">
+            <select name="cid" lay-verify="required">
+              <option value="">请选择分类</option>
+              {volist name='categories' id='c'}
+              <option value="{$c.id}" {if isset($article['cid']) && $article['cid'] == $c['id']}selected{/if}>{$c.name}</option>
+              {/volist}
+            </select>
+          </div>
+          <label class="layui-form-label">标签</label>
+          <div class="layui-input-inline">
+            <input type="text" name="tags" value="{$tagNamesStr|default=''}" class="layui-input" placeholder="逗号分隔">
+          </div>
+        </div>
+
+        <div class="layui-form-item">
+          <label class="layui-form-label">封面图</label>
+          <div class="layui-input-block">
+            <input type="text" name="cover_image" id="cover_image" value="{$article.cover_image|default=''}" class="layui-input">
+          </div>
+        </div>
+
+        <div class="layui-form-item">
+          <label class="layui-form-label">摘要</label>
+          <div class="layui-input-block">
+            <textarea name="summary" class="layui-textarea">{$article.summary|default=''}</textarea>
+          </div>
+        </div>
+
+        <div class="layui-form-item">
+          <label class="layui-form-label">正文</label>
+          <div class="layui-input-block">
+            <textarea id="content" name="content" style="display:none;">{$article.content|default=''}</textarea>
+            <script id="editor" type="text/plain" style="width:100%;height:420px;"></script>
+          </div>
+        </div>
+
+        <div class="layui-form-item">
+          <label class="layui-form-label">状态</label>
+          <div class="layui-input-inline">
+            <input type="checkbox" name="status" value="1" {if isset($article['status']) ? $article['status'] : 1}checked{/if} title="发布" lay-skin="switch">
+          </div>
+          <div class="layui-input-inline">
+            <input type="checkbox" name="is_top" value="1" {if isset($article['is_top']) ? $article['is_top'] : 0}checked{/if} title="置顶">
+          </div>
+          <div class="layui-input-inline">
+            <input type="checkbox" name="is_recommend" value="1" {if isset($article['is_recommend']) ? $article['is_recommend'] : 0}checked{/if} title="推荐">
+          </div>
+        </div>
+
+        <div class="layui-form-item">
+          <div class="layui-input-block">
+            <button class="layui-btn" lay-submit lay-filter="save">保存</button>
+            <a href="{:url('articles/backend.article/index')}" class="layui-btn layui-btn-primary">返回</a>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>
+
+<script src="/assets/library/ueditor/ueditor.config.js"></script>
+<script src="/assets/library/ueditor/ueditor.all.js"></script>
+<script>
+layui.use(['form', 'jquery'], function () {
+  var form = layui.form, $ = layui.jquery;
+
+  var ue = UE.getEditor('editor', {
+    UEDITOR_HOME_URL: '/assets/library/ueditor/',
+    serverUrl: '/ueditor'
+  });
+  ue.ready(function () {
+    var c = $('#content').val();
+    if (c) { ue.setContent(c); }
+  });
+
+  form.on('submit(save)', function (data) {
+    data.field.content = ue.getContent();
+    $.ajax({
+      url: "{:url('articles/backend.article/update')}",
+      type: 'post',
+      data: data.field,
+      dataType: 'json',
+      success: function (r) {
+        layer.msg(r.msg);
+        if (r.code) { setTimeout(function () { location.href = r.url || "{:url('articles/backend.article/index')}"; }, 800); }
+      }
+    });
+    return false;
+  });
+});
+</script>

addon/articles/view/backend/article/index.html

@@ -0,0 +1,76 @@
+<div class="layui-fluid">
+  <div class="layui-card">
+    <div class="layui-card-header">文章管理</div>
+    <div class="layui-card-body">
+      <form class="layui-form" lay-filter="search">
+        <div class="layui-form-item">
+          <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">
+          </div>
+          <div class="layui-inline">
+            <button class="layui-btn" lay-submit lay-filter="search">搜索</button>
+            <a href="{:url('articles/backend.article/save')}" class="layui-btn layui-btn-normal">新建文章</a>
+            <a href="{:url('articles/backend.article/recyclebin')}" class="layui-btn layui-btn-primary">回收站</a>
+          </div>
+        </div>
+      </form>
+
+      <table class="layui-table" id="table" lay-filter="table"></table>
+    </div>
+  </div>
+</div>
+
+<script type="text/html" id="toolbar">
+  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
+  <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>
+</script>
+
+<script>
+layui.use(['table', 'form'], function () {
+  var table = layui.table, form = layui.form, $ = layui.jquery;
+  var tableIns = table.render({
+    elem: '#table',
+    url: "{:url('articles/backend.article/index')}",
+    method: 'post',
+    where: { status: 'all' },
+    page: true,
+    cols: [[
+      { field: 'id', title: 'ID', width: 70 },
+      { field: 'title', title: '标题', minWidth: 200 },
+      { field: 'category', title: '分类', width: 100 },
+      { field: 'is_top', title: '置顶', width: 70, templet: function (d) { return d.is_top ? '是' : ''; } },
+      { field: 'is_recommend', title: '推荐', width: 70, templet: function (d) { return d.is_recommend ? '是' : ''; } },
+      { field: 'status', title: '状态', width: 80, templet: function (d) { return d.status ? '<span class="layui-badge layui-bg-green">发布</span>' : '<span class="layui-badge">草稿</span>'; } },
+      { field: 'view_count', title: '浏览', width: 80 },
+      { field: 'comment_count', title: '评论', width: 80 },
+      { field: 'create_at', title: '创建时间', width: 170 },
+      { title: '操作', width: 140, toolbar: '#toolbar' }
+    ]]
+  });
+
+  form.on('submit(search)', function (data) {
+    tableIns.reload({ where: data.field, page: { curr: 1 } });
+    return false;
+  });
+
+  table.on('tool(table)', function (obj) {
+    if (obj.event === 'edit') {
+      location.href = obj.data.edit_url;
+    } else if (obj.event === 'del') {
+      layer.confirm('确认删除该文章？', function () {
+        $.post("{:url('articles/backend.article/delete')}", { id: obj.data.id }, function (r) {
+          layer.msg(r.msg);
+          if (r.code) { obj.del(); }
+        });
+      });
+    }
+  });
+});
+</script>

addon/articles/view/backend/article/recyclebin.html

@@ -0,0 +1,37 @@
+<div class="layui-fluid">
+  <div class="layui-card">
+    <div class="layui-card-header">回收站</div>
+    <div class="layui-card-body">
+      <table class="layui-table" id="table" lay-filter="table"></table>
+    </div>
+  </div>
+</div>
+
+<script type="text/html" id="toolbar">
+  <a class="layui-btn layui-btn-xs" lay-event="restore">恢复</a>
+</script>
+
+<script>
+layui.use(['table'], function () {
+  var table = layui.table;
+  var tableIns = table.render({
+    elem: '#table',
+    url: "{:url('articles/backend.article/recyclebin')}",
+    method: 'post',
+    page: true,
+    cols: [[
+      { field: 'id', title: 'ID', width: 70 },
+      { field: 'title', title: '标题', minWidth: 200 },
+      { field: 'delete_at', title: '删除时间', width: 170 },
+      { title: '操作', width: 90, toolbar: '#toolbar' }
+    ]]
+  });
+  table.on('tool(table)', function (obj) {
+    if (obj.event === 'restore') {
+      $.post("{:url('articles/backend.article/restore')}", { id: obj.data.id }, function (r) {
+        layer.msg(r.msg); if (r.code) { obj.del(); }
+      });
+    }
+  });
+});
+</script>