点击查看代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>后台首页 - ICbA后台模板 - 普通版演示</title>
<meta name="keywords" content="ICbA,ICbA模板,后台模板,ICbA后台模板">
<meta name="description" content="ICbA是一个轻量级后台模板,基于layui框架开发,简洁而不简单">
<link rel="stylesheet" href="/_/_pc/_js/layui/css/layui.css">
<link rel="stylesheet" href="/_/_pc/_css/base.css">
<script src="/_/_pc/_js/layui/layui.js"></script>
<script src="/_/_pc/_js/jquery-1.10.1.min.js"></script>
</head>
<body>
<div class="layui-side layui-bg-black">
<div class="layui-header"><a href="###">ICbA</a></div>
<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
<ul class="layui-nav layui-nav-tree" lay-filter="test">
<li class="layui-nav-item"> <a class="" href="javascript:;"><i class="layui-icon"></i> <span>常用功能</span></a>
<dl class="layui-nav-child">
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;"><i class="layui-icon"></i><span> 个人信息</span></a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;"><i class="layui-icon"></i><span> 退出后台</span></a></dd>
</dl>
</li>
<li class="layui-nav-item layui-nav-itemed"> <a href="javascript:;">A 数学 </a>
<dl class="layui-nav-child">
<dd class="layui-this"><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;" >A11 公式一对一</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">A12 公式一对多</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">A21 单位一对一</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">A21 单位一对一</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">A22 单位一对多</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">A31 计量一对一</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">A32 计价一对一</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">A91 数学应用题</a></dd>
</dl>
</li>
<li class="layui-nav-item"> <a href="javascript:;">B 商家</a>
<dl class="layui-nav-child">
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">B11 商家信息</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">B21 商家账单</a></dd>
</dl>
</li>
<li class="layui-nav-item"> <a href="javascript:;">C 顾客 </a>
<dl class="layui-nav-child">
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">C11 顾客信息</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">C21 顾客账单</a></dd>
</dl>
</li>
<li class="layui-nav-item"> <a href="javascript:;">U 用户</a>
<dl class="layui-nav-child">
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">U11 用户信息</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">U12 登陆信息</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">U13 操作信息</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">U21 用户评价</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">U31 用户评分</a></dd>
</dl>
</li>
<li class="layui-nav-item"> <a href="javascript:;">E 教育</a>
<dl class="layui-nav-child">
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E11 单选题</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E12 多选题</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E13 判断题</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E14 案例题</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E21 小学一年级</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E22 小学二年级</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E23 小学三年级</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E24 小学四年级</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E25 小学五年级</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E26 小学六年级</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E31 初中一年级</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E32 初中二年级</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E33 初中三年级</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E41 高中一年级</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E42 高中二年级</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E43 高中三年级</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E51 一建经济</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E52 一建法规</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E53 一建管理</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E54 一建实务</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E61 一造管理</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E62 一造计量</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E63 一造计价</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E64 一造案例</a></dd>
</dl>
</li>
<li class="layui-nav-item"> <a href="javascript:;">T 项目</a>
<dl class="layui-nav-child">
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">T11 测试</a></dd>
</dl>
</li>
<li class="layui-nav-item"> <a href="javascript:;">F 烹饪</a>
<dl class="layui-nav-child">
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">F11 菜谱</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">F21 制作时间</a></dd>
</dl>
</li>
<li class="layui-nav-item"> <a href="javascript:;">N 笔记</a>
<dl class="layui-nav-child">
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">N11 写笔记</a></dd>
</dl>
</li>
<li class="layui-nav-item"> <a href="javascript:;">X 认物</a>
<dl class="layui-nav-child">
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">X11 食物</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">X21 建筑</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">X31 自然</a></dd>
</dl>
</li>
<li class="layui-nav-item"> <a href="javascript:;">Y 监控</a>
<dl class="layui-nav-child">
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">Y11 账户监控</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">Y12 视频监控</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">Y13 位置监控</a></dd>
</dl>
</li>
<li class="layui-nav-item"> <a href="javascript:;">Z 整理</a>
<dl class="layui-nav-child">
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">Z11 电脑资料</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">Z21 手机资料</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a href="javascript:;"><i class="layui-icon"></i><span> 退出后台</span></a></li>
</ul>
</div>
<div class="t-container">
<div class="m-map g-c">
<a href="###"><i class="layui-icon g-l"></i></a>
<ul>
<li><a href="index.html">首页</a> <span>/</span></li>
<li><a href="javascript:;">文章管理</a> <span>/</span></li>
<li><a href="###">文章管理</a> <span>/</span></li>
<li><span>A112415</span> <a href="###l"><i class="layui-icon"></i></a> </li>
</ul>
</div>
<div class="m-body">
<blockquote class="layui-elem-quote">
<h2>ICbA 三段式数字人生系统</h2>
<p>基于layui框架与Vue.js构建</p>
<p>轻量不复杂 简洁不简单</p>
</blockquote>
<div class="layui-row">
<div class="layui-col-md6">
<div class="layui-card">
<div class="layui-card-header">
<h2>ICbA 介绍</h2>
</div>
<div class="layui-card-body" style="height: 250px;">
<ul>
<li>ICbA 是一个轻量级的后台模板,基于layui框架</li>
<li>风格简洁简单,中小型项目首选</li>
<li>不管你是初级还是高级工程师,都有可以快速上手</li>
<li>ICbA是由vue混合式开发,可以在模板任意使用jq或vue/layui</li>
<li>当前版本: <b id="version"></b></li>
<li><b>关注官网随时下载最新版</b></li>
</ul>
</div>
</div>
</div>
<div class="layui-col-md6">
<div class="layui-card">
<div class="layui-card-header">
<h2>ICbA 特点</h2>
</div>
<div class="layui-card-body" style="height: 250px;">
<ul>
<li>轻量级</li>
<li>简洁直爽</li>
<li>基于layui框架,上手快</li>
<li>支持jq/vue/layui</li>
<li>...</li>
</ul>
</div>
</div>
</div>
</div>
<div class="layui-row">
<div class="layui-col-md9" style="padding-right: 20px">
<h2>最新会员</h2>
<table class="layui-table layui-form">
<thead>
<tr>
<th><a href="###">编号</a></th>
<th>手机</th>
<th>用户名</th>
<th>昵称</th>
<th>邮箱</th>
<th><a href="###">注册时间</a></th>
<th><a href="###">登录时间</a></th>
<th><a href="###">登录次数</a></th>
</tr>
</thead>
<tbody>
<tr>
<td>36567</td>
<td>15912345678</td>
<td>YY187919</td>
<td></td>
<td>YY187919@flash127.com</td>
<td>2019-04-01 11:44:20</td>
<td>2019-04-01 11:44:20</td>
<td>7</td>
</tr>
<tr>
<td>36567</td>
<td>15912345678</td>
<td>YY187919</td>
<td></td>
<td>YY187919@flash127.com</td>
<td>2019-04-01 11:44:20</td>
<td>2019-04-01 11:44:20</td>
<td>7</td>
</tr>
<tr>
<td>36567</td>
<td>15912345678</td>
<td>YY187919</td>
<td></td>
<td>YY187919@flash127.com</td>
<td>2019-04-01 11:44:20</td>
<td>2019-04-01 11:44:20</td>
<td>7</td>
</tr>
<tr>
<td>36567</td>
<td>15912345678</td>
<td>YY187919</td>
<td></td>
<td>YY187919@flash127.com</td>
<td>2019-04-01 11:44:20</td>
<td>2019-04-01 11:44:20</td>
<td>7</td>
</tr>
<tr>
<td>36567</td>
<td>15912345678</td>
<td>YY187919</td>
<td>chaoyi</td>
<td>YY187919@flash127.com</td>
<td>2019-04-01 11:44:20</td>
<td>2019-04-01 11:44:20</td>
<td>7</td>
</tr>
<tr>
<td>36567</td>
<td>15912345678</td>
<td>YY187919</td>
<td></td>
<td>YY187919@flash127.com</td>
<td>2019-04-01 11:44:20</td>
<td>2019-04-01 11:44:20</td>
<td>7</td>
</tr>
</tbody>
</table>
</div>
<div class="layui-col-md3">
<h2>会员统计</h2>
<table class="layui-table layui-form">
<tr>
<th>今天登录</th>
<td>555</td>
</tr>
<tr>
<th>昨天登录</th>
<td>5552</td>
</tr>
<tr>
<th>会员总数</th>
<td>224555</td>
</tr>
<tr>
<th>月活跃数</th>
<td>55885</td>
</tr>
<tr>
<th>季活跃数</th>
<td>5485885</td>
</tr>
<tr>
<th>vip用户</th>
<td>65885</td>
</tr>
<tr>
<th>过期vip</th>
<td>525885</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<div class="layui-side layui-bg-black">
<div class="layui-header"><a href="###">ICbA</a></div>
<ul class="layui-nav layui-nav-tree" lay-filter="test">
<li class="layui-nav-item"> <a class="" href="javascript:;"><i class="layui-icon"></i> <span>常用功能</span></a>
<dl class="layui-nav-child">
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;"><i class="layui-icon"></i><span> 个人信息</span></a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;"><i class="layui-icon"></i><span> 退出后台</span></a></dd>
</dl>
</li>
<li class="layui-nav-item layui-nav-itemed"> <a href="javascript:;">A 数学 </a>
<dl class="layui-nav-child">
<dd class="layui-this"><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;" >A11 公式一对一</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">A12 公式一对多</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">A21 单位一对一</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">A21 单位一对一</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">A22 单位一对多</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">A31 计量一对一</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">A32 计价一对一</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">A91 数学应用题</a></dd>
</dl>
</li>
<li class="layui-nav-item"> <a href="javascript:;">B 商家</a>
<dl class="layui-nav-child">
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">B11 商家信息</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">B21 商家账单</a></dd>
</dl>
</li>
<li class="layui-nav-item"> <a href="javascript:;">C 顾客 </a>
<dl class="layui-nav-child">
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">C11 顾客信息</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">C21 顾客账单</a></dd>
</dl>
</li>
<li class="layui-nav-item"> <a href="javascript:;">U 用户</a>
<dl class="layui-nav-child">
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">U11 用户信息</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">U12 登陆信息</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">U13 操作信息</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">U21 用户评价</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">U31 用户评分</a></dd>
</dl>
</li>
<li class="layui-nav-item"> <a href="javascript:;">E 教育</a>
<dl class="layui-nav-child">
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E11 单选题</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E12 多选题</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E13 判断题</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E14 案例题</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E21 小学一年级</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E22 小学二年级</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E23 小学三年级</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E24 小学四年级</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E25 小学五年级</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E26 小学六年级</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E31 初中一年级</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E32 初中二年级</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E33 初中三年级</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E41 高中一年级</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E42 高中二年级</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E43 高中三年级</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E51 一建经济</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E52 一建法规</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E53 一建管理</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E54 一建实务</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E61 一造管理</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E62 一造计量</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E63 一造计价</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">E64 一造案例</a></dd>
</dl>
</li>
<li class="layui-nav-item"> <a href="javascript:;">T 项目</a>
<dl class="layui-nav-child">
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">T11 测试</a></dd>
</dl>
</li>
<li class="layui-nav-item"> <a href="javascript:;">F 烹饪</a>
<dl class="layui-nav-child">
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">F11 菜谱</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">F21 制作时间</a></dd>
</dl>
</li>
<li class="layui-nav-item"> <a href="javascript:;">N 笔记</a>
<dl class="layui-nav-child">
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">N11 写笔记</a></dd>
</dl>
</li>
<li class="layui-nav-item"> <a href="javascript:;">X 认物</a>
<dl class="layui-nav-child">
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">X11 食物</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">X21 建筑</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">X31 自然</a></dd>
</dl>
</li>
<li class="layui-nav-item"> <a href="javascript:;">Y 监控</a>
<dl class="layui-nav-child">
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">Y11 账户监控</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">Y12 视频监控</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">Y13 位置监控</a></dd>
</dl>
</li>
<li class="layui-nav-item"> <a href="javascript:;">Z 整理</a>
<dl class="layui-nav-child">
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">Z11 电脑资料</a></dd>
<dd><a href="##" class="g-r"><i class="layui-icon"></i></a><a href="javascript:;">Z21 手机资料</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a href="javascript:;"><i class="layui-icon"></i><span> 退出后台</span></a></li>
</ul>
</div>
效果图：
浙公网安备 33010602011771号