YwxAppThink/addon/blog/view/backend/dashboard/index.html

<div class="layui-container">
    <div class="admin-title">控制面板</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">
                    <h1 style="color: #1E9FFF; font-size: 28px; margin: 0;">{$stats.article_count}</h1>
                    <p style="margin: 5px 0 0 0; color: #666;">今日新增: {$stats.today_article}</p>
                </div>
            </div>
        </div>
        <div class="layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">用户总数</div>
                <div class="layui-card-body">
                    <h1 style="color: #5FB878; font-size: 28px; margin: 0;">{$stats.user_count}</h1>
                    <p style="margin: 5px 0 0 0; color: #666;">今日新增: {$stats.today_user}</p>
                </div>
            </div>
        </div>
        <div class="layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">评论总数</div>
                <div class="layui-card-body">
                    <h1 style="color: #FFB800; font-size: 28px; margin: 0;">{$stats.comment_count}</h1>
                    <p style="margin: 5px 0 0 0; color: #666;">今日新增: {$stats.today_comment}</p>
                </div>
            </div>
        </div>
        <div class="layui-col-md3">
            <div class="layui-card">
                <div class="layui-card-header">今日访问</div>
                <div class="layui-card-body">
                    <h1 style="color: #FF5722; font-size: 28px; margin: 0;">{$stats.today_visit}</h1>
                    <p style="margin: 5px 0 0 0; color: #666;">总访问量: {$stats.total_visit}</p>
                </div>
            </div>
        </div>
    </div>
    
    <!-- 最新文章 -->
    <div class="layui-row layui-col-space15" style="margin-top: 20px;">
        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">最新文章</div>
                <div class="layui-card-body">
                    <table class="layui-table">
                        <colgroup>
                            <col width="60%">
                            <col width="20%">
                            <col width="20%">
                        </colgroup>
                        <thead>
                            <tr>
                                <th>标题</th>
                                <th>作者</th>
                                <th>发布时间</th>
                            </tr>
                        </thead>
                        <tbody>
                            {volist name="latestArticles" id="article"}
                            <tr>
                                <td><a href="{:url('blog/backend.article/edit', ['id' => $article.id])}" style="color: #333; text-decoration: none;">{$article.title}</a></td>
                                <td>{$article.author.nickname}</td>
                                <td>{:date('Y-m-d', $article.create_at)}</td>
                            </tr>
                            {/volist}
                        </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">
                        <colgroup>
                            <col width="60%">
                            <col width="20%">
                            <col width="20%">
                        </colgroup>
                        <thead>
                            <tr>
                                <th>内容</th>
                                <th>用户</th>
                                <th>文章</th>
                            </tr>
                        </thead>
                        <tbody>
                            {volist name="latestComments" id="comment"}
                            <tr>
                                <td>{$comment.content|mb_substr=0,20}</td>
                                <td>{$comment.user.nickname}</td>
                                <td><a href="{:url('blog/backend.article/edit', ['id' => $comment.article_id])}" style="color: #333; text-decoration: none;">{$comment.article.title|mb_substr=0,20}</a></td>
                            </tr>
                            {/volist}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    
    <!-- 热门文章 -->
    <div class="layui-row layui-col-space15" style="margin-top: 20px;">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">热门文章</div>
                <div class="layui-card-body">
                    <table class="layui-table">
                        <colgroup>
                            <col width="5%">
                            <col width="45%">
                            <col width="15%">
                            <col width="15%">
                            <col width="10%">
                            <col width="10%">
                        </colgroup>
                        <thead>
                            <tr>
                                <th>排名</th>
                                <th>标题</th>
                                <th>作者</th>
                                <th>分类</th>
                                <th>阅读量</th>
                                <th>点赞数</th>
                            </tr>
                        </thead>
                        <tbody>
                            {volist name="hotArticles" id="article" key="k"}
                            <tr>
                                <td>{$k}</td>
                                <td><a href="{:url('index/article/detail', ['id' => $article.id])}" target="_blank" style="color: #333; text-decoration: none;">{$article.title}</a></td>
                                <td>{$article.author.nickname}</td>
                                <td>{$article.category.name}</td>
                                <td>{$article.view_count}</td>
                                <td>{$article.like_count}</td>
                            </tr>
                            {/volist}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>