feat: 上线前安全加固与发布工程化；appmall 由插件迁移为独立应用

安全（P0）
- 发布包签名：新增 scripts/package_keygen.php、scripts/package_verify.php、
  ywxapp\service\PackageVerifier；FrameworkService::apply() 解压前强制验签
  （ywxapp.framework_package_verify，默认开启）
- JWT 收紧：config/jwt.php 移除公开默认密钥，JwtService::assertStrongSecret()
  校验非空 / 长度≥32 / 已知弱值；.env.production.example 键名由 JWT_SECRET_KEY 修正为 JWT_SECRET
- /api/v1/Article：免登录白名单收窄为只读接口，写操作字段白名单 + assertOwner() 越权校验
- 开发者令牌：查找接口不再回显明文、统一失败文案 + 限流
- TemplateInstaller：文件名白名单 + realpath 归一化 + 目录内断言，修复 Zip Slip；补 use ZipArchive
- 后台登录：接入验证码、失败锁定与登录限流（config/ratelimit.php）
- 缓存 / Session 驱动可由 .env 覆盖（CACHE_DRIVER / SESSION_TYPE），集群部署改 redis
- paycenter 支付日志开关改为 PAY_LOG，不再跟随 APP_DEBUG

工程化 / 交付
- 新增 CHANGELOG.md 与 .env.production.example；composer.lock 入库锁定依赖版本
- 插件离线安装 CLI 增加 --uid，后台上传安装透传 uid，付费插件授权校验可通过
- 授权拒绝文案区分「未携带 uid」与「未找到有效授权」，便于排障
- .gitignore 放行 .env.production.example / .env.addon.example / .gitattributes / public/.htaccess

结构
- appmall 由 addon/appmall 迁移为独立应用 app/appmall（市场 / 开发者中心 / 审核 / 分润）

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

@@ -31,10 +31,23 @@
         <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">
+            <input type="text" name="cover_image" id="cover_image" value="{$article.cover_image|default=''}" class="layui-input" style="width:calc(100% - 120px);display:inline-block;" placeholder="图片地址，或点右侧上传">
+            <button type="button" class="layui-btn layui-btn-primary" id="cover_upload">上传</button>
+            <div style="margin-top:8px;">
+              <img id="cover_preview" src="{$article.cover_image|default=''}" alt="封面预览" style="max-height:120px;{if condition="empty($article['cover_image'])"}display:none;{/if}">
+            </div>
           </div>
         </div>
 
+        <div class="layui-form-item">
+          <label class="layui-form-label">定时发布</label>
+          <div class="layui-input-inline">
+            <input type="text" name="publish_time" id="publish_time" class="layui-input" placeholder="留空=立即发布"
+                   value="{if isset($article['publish_time']) && $article['publish_time']}{:date('Y-m-d H:i', $article['publish_time'])}{/if}">
+          </div>
+          <div class="layui-form-mid layui-word-aux">到点后自动对前台可见（状态须为「发布」）</div>
+        </div>
+
         <div class="layui-form-item">
           <label class="layui-form-label">摘要</label>
           <div class="layui-input-block">
@@ -66,7 +79,7 @@
         <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>
+            <a href="{:url('articles/backend/article/index')}" class="layui-btn layui-btn-primary">返回</a>
           </div>
         </div>
       </form>
@@ -77,8 +90,41 @@
 <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;
+layui.use(['form', 'jquery', 'upload', 'laydate', 'http', 'ywxapp'], function () {
+  var http = layui.http;
+  var form = layui.form, $ = layui.jquery, upload = layui.upload, laydate = layui.laydate;
+
+  laydate.render({ elem: '#publish_time', type: 'datetime' });
+
+  // 封面图上传：对接框架通用上传接口 /upload（字段名 file）
+  upload.render({
+    elem: '#cover_upload',
+    url: '/upload',
+    field: 'file',
+    accept: 'images',
+    acceptMime: 'image/*',
+    exts: 'jpg|jpeg|png|gif|webp',
+    size: 2048,
+    data: { type: 'articles' },
+    done: function (r) {
+      if (String(r.code) !== '0') {
+        layer.msg(r.message || r.msg || '上传失败');
+        return;
+      }
+      var d = r.data || {};
+      // 兼容不同驱动返回的字段名
+      var url = d.url || d.path || d.src || (typeof d === 'string' ? d : '');
+      if (!url) {
+        layer.msg('上传成功但未返回地址');
+        return;
+      }
+      $('#cover_image').val(url);
+      $('#cover_preview').attr('src', url).show();
+    },
+    error: function () {
+      layer.msg('上传失败');
+    }
+  });
 
   var ue = UE.getEditor('editor', {
     UEDITOR_HOME_URL: '/assets/library/ueditor/',
@@ -91,16 +137,10 @@ layui.use(['form', 'jquery'], function () {
 
   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) {
+    http.post("{:url('articles/backend/article/update')}", data.field).then(function (r) {
         layer.msg(r.msg);
-        if (r.code) { setTimeout(function () { location.href = r.url || "{:url('articles/backend.article/index')}"; }, 800); }
-      }
-    });
+        if (r.code) { setTimeout(function () { location.href = r.url || "{:url('articles/backend/article/index')}"; }, 800); }
+      });
     return false;
   });
 });

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

@@ -9,6 +9,7 @@
               <option value="all">全部状态</option>
               <option value="1">已发布</option>
               <option value="0">草稿</option>
+              <option value="2">待审核</option>
             </select>
           </div>
           <div class="layui-inline">
@@ -16,12 +17,18 @@
           </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>
+            <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>
 
+      <script type="text/html" id="batchbar">
+        <button class="layui-btn layui-btn-sm" lay-event="publish">批量发布</button>
+        <button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="draft">转为草稿</button>
+        <button class="layui-btn layui-btn-sm layui-btn-danger" lay-event="batchdel">批量删除</button>
+      </script>
+
       <table class="layui-table" id="table" lay-filter="table"></table>
     </div>
   </div>
@@ -29,19 +36,23 @@
 
 <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-normal" lay-event="audit">审核</a>
   <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>
 </script>
 
 <script>
-layui.use(['table', 'form'], function () {
+layui.use(['table', 'form', 'http', 'ywxapp'], function () {
+  var http = layui.http;
   var table = layui.table, form = layui.form, $ = layui.jquery;
   var tableIns = table.render({
     elem: '#table',
-    url: "{:url('articles/backend.article/index')}",
+    url: "{:url('articles/backend/article/index')}",
     method: 'post',
     where: { status: 'all' },
     page: true,
+    toolbar: '#batchbar',
     cols: [[
+      { type: 'checkbox', fixed: 'left', width: 50 },
       { field: 'id', title: 'ID', width: 70 },
       { field: 'title', title: '标题', minWidth: 200 },
       { field: 'category', title: '分类', width: 100 },
@@ -63,14 +74,56 @@ layui.use(['table', 'form'], function () {
   table.on('tool(table)', function (obj) {
     if (obj.event === 'edit') {
       location.href = obj.data.edit_url;
+    } else if (obj.event === 'audit') {
+      layer.confirm('通过选「确定」，拒绝选「取消」后可在列表里改为草稿', { title: '审核该投稿' }, function () {
+        http.post("{:url('articles/backend/article/audit')}", { id: obj.data.id, pass: 1 }).then(function (r) {
+          layer.msg(r.msg);
+          if (r.code) { setTimeout(function () { tableIns.reload(); }, 600); }
+        });
+      }, function () {
+        http.post("{:url('articles/backend/article/audit')}", { id: obj.data.id, pass: 0 }).then(function (r) {
+          layer.msg(r.msg);
+          if (r.code) { setTimeout(function () { tableIns.reload(); }, 600); }
+        });
+      });
     } else if (obj.event === 'del') {
       layer.confirm('确认删除该文章？', function () {
-        $.post("{:url('articles/backend.article/delete')}", { id: obj.data.id }, function (r) {
+        http.post("{:url('articles/backend/article/delete')}", { id: obj.data.id }).then(function (r) {
           layer.msg(r.msg);
           if (r.code) { obj.del(); }
         });
       });
     }
   });
+
+  // 批量操作（表头工具栏）
+  function selectedIds() {
+    var ids = [];
+    layui.each(table.checkStatus('table').data, function (i, row) { ids.push(row.id); });
+    return ids;
+  }
+
+  table.on('toolbar(table)', function (obj) {
+    var ids = selectedIds();
+    if (!ids.length) { layer.msg('请先勾选文章'); return; }
+
+    if (obj.event === 'publish' || obj.event === 'draft') {
+      var status = obj.event === 'publish' ? 1 : 0;
+      http.post("{:url('articles/backend/article/batchStatus')}", { ids: ids, status: status }).then(function (r) {
+        layer.msg(r.msg);
+        if (r.code) { setTimeout(function () { tableIns.reload(); }, 600); }
+      });
+      return;
+    }
+
+    if (obj.event === 'batchdel') {
+      layer.confirm('确认删除选中的 ' + ids.length + ' 篇文章？', function () {
+        http.post("{:url('articles/backend/article/batchDelete')}", { ids: ids }).then(function (r) {
+          layer.msg(r.msg);
+          if (r.code) { setTimeout(function () { tableIns.reload(); }, 600); }
+        });
+      });
+    }
+  });
 });
 </script>

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

@@ -12,11 +12,12 @@
 </script>
 
 <script>
-layui.use(['table'], function () {
+layui.use(['table', 'http', 'ywxapp'], function () {
+  var http = layui.http;
   var table = layui.table;
   var tableIns = table.render({
     elem: '#table',
-    url: "{:url('articles/backend.article/recyclebin')}",
+    url: "{:url('articles/backend/article/recyclebin')}",
     method: 'post',
     page: true,
     cols: [[
@@ -28,7 +29,7 @@ layui.use(['table'], function () {
   });
   table.on('tool(table)', function (obj) {
     if (obj.event === 'restore') {
-      $.post("{:url('articles/backend.article/restore')}", { id: obj.data.id }, function (r) {
+      http.post("{:url('articles/backend/article/restore')}", { id: obj.data.id }).then(function (r) {
         layer.msg(r.msg); if (r.code) { obj.del(); }
       });
     }

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

@@ -0,0 +1,68 @@
+<div class="layui-fluid">
+  <div class="layui-card">
+    <div class="layui-card-header">
+      附件管理
+      <button type="button" class="layui-btn layui-btn-sm layui-btn-normal" id="btnUpload" style="float:right;margin-top:6px;">上传附件</button>
+    </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 layui-btn-normal" lay-event="view">查看</a>
+  <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>
+</script>
+
+<script>
+layui.use(['table', 'upload', 'jquery', 'http', 'ywxapp'], function () {
+  var http = layui.http;
+  var table = layui.table, upload = layui.upload, $ = layui.jquery;
+
+  var tableIns = table.render({
+    elem: '#table',
+    url: "{:url('articles/backend/attachment/index')}",
+    method: 'post',
+    page: true,
+    cols: [[
+      { field: 'id', title: 'ID', width: 70 },
+      { field: 'name', title: '文件名', minWidth: 220 },
+      { field: 'ext', title: '类型', width: 90 },
+      { field: 'size_text', title: '大小', width: 100 },
+      { field: 'aid', title: '关联文章', width: 100 },
+      { field: 'create_at', title: '上传时间', width: 170 },
+      { title: '操作', width: 140, toolbar: '#toolbar' }
+    ]]
+  });
+
+  upload.render({
+    elem: '#btnUpload',
+    url: "{:url('articles/backend/attachment/upload')}",
+    field: 'file',
+    accept: 'file',
+    exts: 'jpg|jpeg|png|gif|webp|bmp|pdf|doc|docx|xls|xlsx|ppt|pptx|zip|rar|txt|csv',
+    size: 10240,
+    done: function (r) {
+      layer.msg(r.msg || '');
+      if (r.code) { setTimeout(function () { tableIns.reload(); }, 600); }
+    },
+    error: function () { layer.msg('上传失败'); }
+  });
+
+  table.on('tool(table)', function (obj) {
+    if (obj.event === 'view') {
+      if (obj.data.url) { window.open(obj.data.url, '_blank'); }
+      return;
+    }
+    if (obj.event === 'del') {
+      layer.confirm('确认删除该附件？（会一并尝试删除物理文件）', function () {
+        http.post("{:url('articles/backend/attachment/delete')}", { id: obj.data.id }).then(function (r) {
+          layer.msg(r.msg);
+          if (r.code) { obj.del(); }
+        });
+      });
+    }
+  });
+});
+</script>

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

@@ -30,7 +30,7 @@
         <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.category/index')}" class="layui-btn layui-btn-primary">返回</a>
+            <a href="{:url('articles/backend/category/index')}" class="layui-btn layui-btn-primary">返回</a>
           </div>
         </div>
       </form>
@@ -39,12 +39,13 @@
 </div>
 
 <script>
-layui.use(['form', 'jquery'], function () {
+layui.use(['form', 'jquery', 'http', 'ywxapp'], function () {
+  var http = layui.http;
   var form = layui.form, $ = layui.jquery;
   form.on('submit(save)', function (data) {
-    $.post("{:url('articles/backend.category/update')}", data.field, function (r) {
+    http.post("{:url('articles/backend/category/update')}", data.field).then(function (r) {
       layer.msg(r.msg); if (r.code) { setTimeout(function () { location.href = r.url; }, 800); }
-    }, 'json');
+    });
     return false;
   });
 });

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

@@ -30,11 +30,12 @@
 </script>
 
 <script>
-layui.use(['table', 'form'], function () {
+layui.use(['table', 'form', 'http', 'ywxapp'], function () {
+  var http = layui.http;
   var table = layui.table, form = layui.form;
   var tableIns = table.render({
     elem: '#table',
-    url: "{:url('articles/backend.comment/index')}",
+    url: "{:url('articles/backend/comment/index')}",
     method: 'post',
     where: { status: 'all' },
     page: true,
@@ -54,10 +55,10 @@ layui.use(['table', 'form'], function () {
   });
   table.on('tool(table)', function (obj) {
     if (obj.event === 'audit') {
-      $.post("{:url('articles/backend.comment/audit')}", { id: obj.data.id }, function (r) { layer.msg(r.msg); if (r.code) { obj.update({ status: '已审核' }); } });
+      http.post("{:url('articles/backend/comment/audit')}", { id: obj.data.id }).then(function (r) { layer.msg(r.msg); if (r.code) { obj.update({ status: '已审核' }); } });
     } else if (obj.event === 'del') {
       layer.confirm('确认删除该评论？', function () {
-        $.post("{:url('articles/backend.comment/delete')}", { id: obj.data.id }, function (r) { layer.msg(r.msg); if (r.code) obj.del(); });
+        http.post("{:url('articles/backend/comment/delete')}", { id: obj.data.id }).then(function (r) { layer.msg(r.msg); if (r.code) obj.del(); });
       });
     }
   });

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

@@ -0,0 +1,92 @@
+<div class="layui-fluid">
+  <div class="layui-row layui-col-space15">
+    <div class="layui-col-xs6 layui-col-sm4 layui-col-md3">
+      <div class="layui-card">
+        <div class="layui-card-header">文章总数</div>
+        <div class="layui-card-body" style="font-size:26px;">{$stats.total}</div>
+      </div>
+    </div>
+    <div class="layui-col-xs6 layui-col-sm4 layui-col-md3">
+      <div class="layui-card">
+        <div class="layui-card-header">已发布</div>
+        <div class="layui-card-body" style="font-size:26px;color:#5FB878;">{$stats.published}</div>
+      </div>
+    </div>
+    <div class="layui-col-xs6 layui-col-sm4 layui-col-md3">
+      <div class="layui-card">
+        <div class="layui-card-header">待审核</div>
+        <div class="layui-card-body" style="font-size:26px;color:#FFB800;">{$stats.pending}</div>
+      </div>
+    </div>
+    <div class="layui-col-xs6 layui-col-sm4 layui-col-md3">
+      <div class="layui-card">
+        <div class="layui-card-header">草稿</div>
+        <div class="layui-card-body" style="font-size:26px;">{$stats.draft}</div>
+      </div>
+    </div>
+    <div class="layui-col-xs6 layui-col-sm4 layui-col-md3">
+      <div class="layui-card">
+        <div class="layui-card-header">今日新增</div>
+        <div class="layui-card-body" style="font-size:26px;">{$stats.today}</div>
+      </div>
+    </div>
+    <div class="layui-col-xs6 layui-col-sm4 layui-col-md3">
+      <div class="layui-card">
+        <div class="layui-card-header">总浏览</div>
+        <div class="layui-card-body" style="font-size:26px;">{$stats.views}</div>
+      </div>
+    </div>
+    <div class="layui-col-xs6 layui-col-sm4 layui-col-md3">
+      <div class="layui-card">
+        <div class="layui-card-header">评论 / 待审</div>
+        <div class="layui-card-body" style="font-size:26px;">{$stats.comments} <span style="font-size:14px;color:#FF5722;">/ {$stats.pending_comments}</span></div>
+      </div>
+    </div>
+    <div class="layui-col-xs6 layui-col-sm4 layui-col-md3">
+      <div class="layui-card">
+        <div class="layui-card-header">回收站</div>
+        <div class="layui-card-body" style="font-size:26px;">{$stats.trashed}</div>
+      </div>
+    </div>
+  </div>
+
+  <div class="layui-row layui-col-space15" style="margin-top:10px;">
+    <div class="layui-col-md6">
+      <div class="layui-card">
+        <div class="layui-card-header">分类分布（Top 10）</div>
+        <div class="layui-card-body">
+          <table class="layui-table">
+            <thead><tr><th>分类</th><th>文章数</th></tr></thead>
+            <tbody>
+              {volist name='dist' id='d'}
+              <tr><td>{$d.name}</td><td>{$d.count}</td></tr>
+              {/volist}
+              {empty name='dist'}
+              <tr><td colspan="2" style="text-align:center;color:#999;">暂无分类</td></tr>
+              {/empty}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+
+    <div class="layui-col-md6">
+      <div class="layui-card">
+        <div class="layui-card-header">热门文章（按浏览）</div>
+        <div class="layui-card-body">
+          <table class="layui-table">
+            <thead><tr><th>标题</th><th>浏览</th><th>评论</th></tr></thead>
+            <tbody>
+              {volist name='hot' id='h'}
+              <tr><td>{$h.title}</td><td>{$h.view_count}</td><td>{$h.comment_count}</td></tr>
+              {/volist}
+              {empty name='hot'}
+              <tr><td colspan="3" style="text-align:center;color:#999;">暂无数据</td></tr>
+              {/empty}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

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

@@ -19,7 +19,7 @@
         <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.tag/index')}" class="layui-btn layui-btn-primary">返回</a>
+            <a href="{:url('articles/backend/tag/index')}" class="layui-btn layui-btn-primary">返回</a>
           </div>
         </div>
       </form>
@@ -28,12 +28,13 @@
 </div>
 
 <script>
-layui.use(['form', 'jquery'], function () {
+layui.use(['form', 'jquery', 'http', 'ywxapp'], function () {
+  var http = layui.http;
   var form = layui.form, $ = layui.jquery;
   form.on('submit(save)', function (data) {
-    $.post("{:url('articles/backend.tag/update')}", data.field, function (r) {
+    http.post("{:url('articles/backend/tag/update')}", data.field).then(function (r) {
       layer.msg(r.msg); if (r.code) { setTimeout(function () { location.href = r.url; }, 800); }
-    }, 'json');
+    });
     return false;
   });
 });

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

@@ -13,7 +13,8 @@
 </script>
 
 <script>
-layui.use(['table'], function () {
+layui.use(['table', 'http', 'ywxapp'], function () {
+  var http = layui.http;
   var table = layui.table;
   table.render({
     elem: '#table',
@@ -33,7 +34,7 @@ layui.use(['table'], function () {
     if (obj.event === 'edit') { location.href = obj.data.edit_url; }
     else if (obj.event === 'del') {
       layer.confirm('确认删除该标签？', function () {
-        $.post("{:url('articles/backend.tag/delete')}", { id: obj.data.id }, function (r) {
+        http.post("{:url('articles/backend.tag/delete')}", { id: obj.data.id }).then(function (r) {
           layer.msg(r.msg); if (r.code) { obj.del(); }
         });
       });

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

@@ -0,0 +1,94 @@
+<div class="layui-fluid">
+  <div class="layui-card">
+    <div class="layui-card-header">
+      {if $topic}编辑专题{else/}新建专题{/if}
+      <a href="{:url('articles/backend/topic/index')}" class="layui-btn layui-btn-sm layui-btn-primary" style="float:right;margin-top:6px;">返回</a>
+    </div>
+    <div class="layui-card-body">
+      <form class="layui-form">
+        <input type="hidden" name="id" value="{$topic.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="{$topic.title|default=''}" required lay-verify="required" 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="alias" value="{$topic.alias|default=''}" required lay-verify="required" class="layui-input" placeholder="URL 标识，如 getting-started">
+          </div>
+        </div>
+
+        <div class="layui-form-item">
+          <label class="layui-form-label">描述</label>
+          <div class="layui-input-block">
+            <textarea name="description" class="layui-textarea" placeholder="专题简介（用于聚合页 SEO description）">{$topic.description|default=''}</textarea>
+          </div>
+        </div>
+
+        <div class="layui-form-item">
+          <label class="layui-form-label">封面图</label>
+          <div class="layui-input-block">
+            <input type="text" name="cover" value="{$topic.cover|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="article_ids" id="article_ids" class="layui-input"
+                   value="{if isset($picked) && $picked}{:implode(',', array_column($picked, 'id'))}{/if}"
+                   placeholder="文章ID，逗号分隔；顺序即专题内展示顺序">
+            <div style="margin-top:8px;color:#666;">
+              {volist name='picked' id='p'}
+              <span class="layui-badge layui-bg-gray">#{$p.id} {$p.title}</span>
+              {/volist}
+              {empty name='picked'}
+              <span style="color:#999;">尚未选择文章（可在文章列表查看 ID）</span>
+              {/empty}
+            </div>
+          </div>
+        </div>
+
+        <div class="layui-form-item">
+          <label class="layui-form-label">排序</label>
+          <div class="layui-input-inline">
+            <input type="number" name="sort" value="{$topic.sort|default='0'}" class="layui-input">
+          </div>
+          <div class="layui-form-mid">越大越靠前</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($topic['status']) ? $topic['status'] : 1}checked{/if} title="启用" lay-skin="switch">
+          </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/topic/index')}" class="layui-btn layui-btn-primary">返回</a>
+          </div>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>
+
+<script>
+layui.use(['form', 'http', 'ywxapp'], function () {
+  var http = layui.http;
+  var form = layui.form;
+  form.on('submit(save)', function (data) {
+    http.post("{:url('articles/backend/topic/update')}", data.field).then(function (r) {
+        layer.msg(r.msg);
+        if (r.code) { setTimeout(function () { location.href = r.url || "{:url('articles/backend/topic/index')}"; }, 800); }
+      });
+    return false;
+  });
+});
+</script>

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

@@ -0,0 +1,53 @@
+<div class="layui-fluid">
+  <div class="layui-card">
+    <div class="layui-card-header">
+      专题管理
+      <a href="{:url('articles/backend/topic/save')}" class="layui-btn layui-btn-sm layui-btn-normal" style="float:right;margin-top:6px;">新建专题</a>
+    </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="edit">编辑</a>
+  <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>
+</script>
+
+<script>
+layui.use(['table', 'jquery', 'http', 'ywxapp'], function () {
+  var http = layui.http;
+  var table = layui.table, $ = layui.jquery;
+
+  var tableIns = table.render({
+    elem: '#table',
+    url: "{:url('articles/backend/topic/index')}",
+    method: 'post',
+    page: true,
+    cols: [[
+      { field: 'id', title: 'ID', width: 70 },
+      { field: 'title', title: '专题名称', minWidth: 180 },
+      { field: 'alias', title: '别名', width: 140 },
+      { field: 'article_count', title: '文章数', width: 90 },
+      { field: 'sort', title: '排序', width: 80 },
+      { 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: 'create_at', title: '创建时间', width: 170 },
+      { title: '操作', width: 140, toolbar: '#toolbar' }
+    ]]
+  });
+
+  table.on('tool(table)', function (obj) {
+    if (obj.event === 'edit') {
+      location.href = obj.data.edit_url;
+    } else if (obj.event === 'del') {
+      layer.confirm('确认删除该专题？（不会删除文章本身）', function () {
+        http.post("{:url('articles/backend/topic/delete')}", { id: obj.data.id }).then(function (r) {
+          layer.msg(r.msg);
+          if (r.code) { obj.del(); }
+        });
+      });
+    }
+  });
+});
+</script>