<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>首页--GinCMS</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="../layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="../css/public.css" media="all" />
</head>
<body class="childrenBody">
	<blockquote class="layui-elem-quote">
		数据统计
	</blockquote>
	<div class="layui-row layui-col-space10 panel_box">
		<div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
			<a href="javascript:;" >
				<div class="panel_icon layui-bg-green">
					<i class="layui-anim layui-icon" data-icon="&#xe63c;">&#xe63c;</i>
				</div>
				<div class="panel_word article_total">
					<span>0</span>
					<cite>文章</cite>
				</div>
			</a>
		</div>
		<div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
			<a href="javascript:;" >
				<div class="panel_icon layui-bg-black">
					<i class="layui-anim layui-icon" data-icon="&#xe60a;">&#xe60a;</i>
				</div>
				<div class="panel_word category_total">
					<span>0</span>
					<cite>分类</cite>
				</div>
			</a>
		</div>
		<div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
			<a href="javascript:;">
				<div class="panel_icon layui-bg-blue">
					<i class="layui-anim layui-icon" data-icon="&#xe657;">&#xe657;</i>
				</div>
				<div class="panel_word order_total">
					<span>0</span>
					<cite>订单</cite>
				</div>
			</a>
		</div>
		<div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
			<a href="javascript:;">
				<div class="panel_icon layui-bg-orange">
					<i class="layui-anim layui-icon" data-icon="&#xe612;">&#xe612;</i>
				</div>
				<div class="panel_word admin_total">
					<span>0</span>
					<cite>用户</cite>
				</div>
			</a>
		</div>
		<div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
			<a href="javascript:;">
				<div class="panel_icon layui-bg-cyan">
					<i class="layui-anim layui-icon" data-icon="&#xe770;">&#xe770;</i>
				</div>
				<div class="panel_word group_total">
					<span>0</span>
					<cite>用户组</cite>
				</div>
			</a>
		</div>
		<div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg2">
			<a href="javascript:;" data-url="https://blog.csdn.net/huoyongliang/article/category/8979484" target="_blank">
				<div class="panel_icon layui-bg-red">
					<i class="layui-anim layui-icon" data-icon="&#xe705;">&#xe705;</i>
				</div>
				<div class="panel_word">
					<span></span>
					<cite>帮助文档</cite>
				</div>
			</a>
		</div>
	</div>
	<blockquote class="layui-elem-quote main_btn">
		<p>服务器端：使用GoLang，基于Gin框架、MySQL数据库。用到的组件xorm、</p>
		<p>前端展示：使用基于LayUI的layuicms。用到的第三方组件authtree、treeTable。</p>
		<p class="layui-blue">GinCMS是我学习golang，使用Gin开发的一个小型内容管理系统，目的是通过开发来学习实践。<br>GinCMS前后端分离，数据通过AJAX调用Gin返回json格式数据，通过LayUI渲染到页面上……<br>一些开发心得我会慢慢整理到帮助文档中。</p>
		<p class="layui-red">致谢：感谢互联网、开源世界</p>
		<p class="">数据库表结构修改自FastAdmin；www.fastadmin.net
			<br>前端页面修改自layuicms；www.layuicms.com
			<br>前端框架LayUI；www.layui.com
			<br>服务端程序Gin、xorm（http://www.xorm.io）、以及验证码、图片文件上传组件……</p>
	</blockquote>
	<div class="layui-row layui-col-space10" id="stats">
	</div>

	<script type="text/javascript" src="../layui/layui.js"></script>
	<script type="text/javascript" src="../js/main.js"></script>

<script id="statstemp" type="text/html">
	<div class="layui-col-lg6 layui-col-md12">
		<blockquote class="layui-elem-quote title">系统概览</blockquote>
		<table class="layui-table magt0">
			<colgroup>
				<col width="150">
				<col>
			</colgroup>
			<tbody>
			<tr>
				<td>运行时长</td>
				<td>{{ d.runtime }}</td>
			</tr>
			<tr>
				<td>goroutine</td>
				<td>{{ d.goroutine }}</td>
			</tr>
			<tr>
				<td>CgoCall</td>
				<td>{{ d.cgo }}</td>
			</tr>
			<tr>
				<td>gcPause</td>
				<td>{{ d.gcpause }}</td>
			</tr>
			<tr>
				<td>OS</td>
				<td>{{ d.os }} (cpu:{{ d.cores }})</td>
			</tr>
			<tr>
				<td>GO Version</td>
				<td>{{ d.version }}</td>
			</tr>
			<tr>
				<td>程序路径</td>
				<td>{{ d.cmdline }}</td>
			</tr>
			</tbody>
		</table>
	</div>
	<div class="layui-col-lg6 layui-col-md12">
		<blockquote class="layui-elem-quote title">内存相关 <i class="layui-icon layui-red">&#xe62c;</i></blockquote>
		<table class="layui-table magt0">
			<colgroup>
				<col width="150">
				<col>
			</colgroup>
			<tbody>
			<tr>
				<td>Alloc</td>
				<td>{{ SizeFormat(d.memstats.Alloc) }}</td>
			</tr>
			<tr>
				<td>Sys</td>
				<td>{{ SizeFormat(d.memstats.Sys) }}</td>
			</tr>
			<tr>
				<td>Mallocs</td>
				<td>{{ SizeFormat(d.memstats.Mallocs) }}</td>
			</tr>
			<tr>
				<td>HeapInuse</td>
				<td>{{ SizeFormat(d.memstats.HeapInuse) }}</td>
			</tr>
			<tr>
				<td>StackInuse</td>
				<td>{{ SizeFormat(d.memstats.StackInuse) }}</td>
			</tr>
			<tr>
				<td>OtherSys</td>
				<td>{{ SizeFormat(d.memstats.OtherSys) }}</td>
			</tr>
			<tr>
				<td>BuckHashSys</td>
				<td>{{ SizeFormat(d.memstats.BuckHashSys) }}</td>
			</tr>
			</tbody>
		</table>
	</div>
</script>
</body>
</html>