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

addon/mqttbroker/view/backend/admin/index.html

@@ -0,0 +1,53 @@
+
+<div class="layui-container">
+    <div class="admin-title">MQTT 代理概览</div>
+
+    <div class="layui-row layui-col-space15">
+        <div class="layui-col-md3">
+            <div class="layui-card">
+                <div class="layui-card-header">在线连接</div>
+                <div class="layui-card-body" style="font-size:30px;font-weight:bold;color:#1E9FFF;">{$stats.online}</div>
+            </div>
+        </div>
+        <div class="layui-col-md3">
+            <div class="layui-card">
+                <div class="layui-card-header">累计连接</div>
+                <div class="layui-card-body" style="font-size:30px;font-weight:bold;">{$stats.total}</div>
+            </div>
+        </div>
+        <div class="layui-col-md3">
+            <div class="layui-card">
+                <div class="layui-card-header">消息总数</div>
+                <div class="layui-card-body" style="font-size:30px;font-weight:bold;">{$stats.messages}</div>
+            </div>
+        </div>
+        <div class="layui-col-md3">
+            <div class="layui-card">
+                <div class="layui-card-header">订阅关系</div>
+                <div class="layui-card-body" style="font-size:30px;font-weight:bold;">{$stats.topics}</div>
+            </div>
+        </div>
+    </div>
+
+    <div class="admin-title">最近消息</div>
+    <table class="layui-table">
+        <thead>
+            <tr><th>ID</th><th>主题</th><th>来源</th><th>内容</th><th>时间</th></tr>
+        </thead>
+        <tbody>
+            {foreach $recent as $m}
+            <tr>
+                <td>{$m.id}</td>
+                <td>{$m.topic}</td>
+                <td>{$m.source}</td>
+                <td>{$m.payload}</td>
+                <td>{if !empty($m.create_at)}{$m.create_at|date='Y-m-d H:i:s'}{else}-{/if}</td>
+            </tr>
+            {/foreach}
+        </tbody>
+    </table>
+
+    <div class="layui-text" style="margin-top:15px;color:#999;">
+        启动 Broker：<code>php think mqttbroker:start</code>（需在命令行运行常驻进程）
+    </div>
+</div>