120 lines
4.8 KiB
HTML
120 lines
4.8 KiB
HTML
|
|
|
|
<div class="layui-container">
|
|
<div class="admin-title">统计分析</div>
|
|
|
|
<!-- 时间范围选择 -->
|
|
<div class="layui-row">
|
|
<div class="layui-col-md12">
|
|
<div class="layui-card">
|
|
<div class="layui-card-body">
|
|
<form class="layui-form" id="statForm">
|
|
<div class="layui-form-item">
|
|
<div class="layui-inline">
|
|
<label class="layui-form-label">时间范围</label>
|
|
<div class="layui-input-inline">
|
|
<select name="range" lay-filter="range">
|
|
<option value="week" {if $range=='week'}selected{/if}>近7天</option>
|
|
<option value="month" {if $range=='month'}selected{/if}>近30天</option>
|
|
<option value="year" {if $range=='year'}selected{/if}>近1年</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 统计卡片 -->
|
|
<div class="layui-row layui-col-space15" style="margin-top: 20px;">
|
|
<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.total_visit}</h1>
|
|
</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.today_visit}</h1>
|
|
</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.total_user}</h1>
|
|
</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.total_article}</h1>
|
|
</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">{$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>
|
|
|
|
<script>
|
|
layui.use(['form'], function(){
|
|
var form = layui.form;
|
|
var $ = layui.$;
|
|
|
|
// 时间范围筛选
|
|
form.on('select(range)', function(data){
|
|
location.href = '{:url("blog/backend.stat/index")}?range=' + data.value;
|
|
});
|
|
});
|
|
</script> |