251 lines
8.8 KiB
HTML
251 lines
8.8 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>ok-admin v1.0 | 很赞的后台模版</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
<meta name="keywords" content="ok-admin v1.0,ok-admin网站后台模版,后台模版下载,后台管理系统模版,HTML后台模版下载">
|
||
<meta name="description" content="ok-admin v1.0，顾名思义，很赞的后台模版，它是一款基于Layui框架的轻量级扁平化且完全免费开源的网站后台管理系统模板，适合中小型CMS后台系统。">
|
||
<link rel="shortcut icon" href="imgs/favicon.ico"/>
|
||
<link rel="stylesheet" href="css/okadmin.css">
|
||
<link rel="stylesheet" href="font/iconfont.css">
|
||
</head>
|
||
<body>
|
||
<div class="ok-body">
|
||
<blockquote class="layui-elem-quote">
|
||
欢迎管理员：<span class="x-red">bobi</span>！当前时间: <span id="nowTime"></span> <span id="weekday"></span>
|
||
</blockquote>
|
||
<fieldset class="layui-elem-field">
|
||
<legend>数据统计</legend>
|
||
<div class="layui-row layui-col-space10 layui-row-margin">
|
||
<div class="layui-col-md2">
|
||
<div class="layui-bg-green md2-sub1">
|
||
<i class="iconfont icon-dianliyonghuzongshu"></i>
|
||
</div>
|
||
<div class="md2-sub2">
|
||
<span>100</span>
|
||
<cite>用户总数</cite>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-md2">
|
||
<div class="layui-bg-blue md2-sub1">
|
||
<i class="iconfont icon-wenzhang2"></i>
|
||
</div>
|
||
<div class="md2-sub2">
|
||
<span>100</span>
|
||
<cite>文章总数</cite>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-md2">
|
||
<div class="layui-bg-black md2-sub1">
|
||
<i class="iconfont icon-pinglun"></i>
|
||
</div>
|
||
<div class="md2-sub2">
|
||
<span>100</span>
|
||
<cite>评论总数</cite>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-md2">
|
||
<div class="layui-bg-orange md2-sub1">
|
||
<i class="iconfont icon-goods"></i>
|
||
</div>
|
||
<div class="md2-sub2">
|
||
<span>100</span>
|
||
<cite>商品总数</cite>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-md2">
|
||
<div class="layui-bg-red md2-sub1">
|
||
<i class="iconfont icon-jiaose"></i>
|
||
</div>
|
||
<div class="md2-sub2">
|
||
<span>100</span>
|
||
<cite>角色总数</cite>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-md2">
|
||
<div class="layui-bg-cyan md2-sub1">
|
||
<i class="iconfont icon-webpage"></i>
|
||
</div>
|
||
<div class="md2-sub2">
|
||
<span>100</span>
|
||
<cite>页面总数</cite>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</fieldset>
|
||
|
||
<blockquote class="layui-elem-quote">
|
||
系统基本参数
|
||
</blockquote>
|
||
<table class="layui-table">
|
||
<colgroup>
|
||
<col width="300">
|
||
<col>
|
||
</colgroup>
|
||
<tbody>
|
||
<tr>
|
||
<td>本机IP地址</td>
|
||
<td>1.1.1.1</td>
|
||
</tr>
|
||
<tr>
|
||
<td>服务器地址</td>
|
||
<td><a href="http://ok-admin.xlbweb.cn" target="_blank">http://ok-admin.xlbweb.cn</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td>操作系统</td>
|
||
<td>CentOS</td>
|
||
</tr>
|
||
<tr>
|
||
<td>运行环境</td>
|
||
<td>JDK 1.8.0_171</td>
|
||
</tr>
|
||
<tr>
|
||
<td>数据库版本</td>
|
||
<td>MySQL 5.7</td>
|
||
</tr>
|
||
<tr>
|
||
<td>最大上传限制</td>
|
||
<td>5M</td>
|
||
</tr>
|
||
<tr>
|
||
<td>当前用户权限</td>
|
||
<td>超级管理员</td>
|
||
</tr>
|
||
<tr>
|
||
<td>剩余空间</td>
|
||
<td>888888M</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<blockquote class="layui-elem-quote">
|
||
作者信息
|
||
</blockquote>
|
||
<table class="layui-table">
|
||
<colgroup>
|
||
<col width="300">
|
||
<col>
|
||
</colgroup>
|
||
<tbody>
|
||
<tr>
|
||
<td>开发者</td>
|
||
<td>bobi - <a href="mailto:bobi1234@foxmail.com">bobi1234@foxmail.com</a></td>
|
||
</tr>
|
||
<tr>
|
||
<td>下载地址1</td>
|
||
<td>
|
||
<a class="layui-btn layui-btn-xs" href="https://gitee.com/bobi1234/ok-admin" target="_blank">Gitee</a>
|
||
目前正在不间断迭代开发中，请大家多多
|
||
<a class="layui-btn layui-btn-danger layui-btn-xs" href="https://gitee.com/bobi1234/ok-admin" target="_blank">Star</a>
|
||
，您的鼓励就是我开发的动力，O(∩_∩)O谢谢~
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>下载地址2</td>
|
||
<td>
|
||
<a class="layui-btn layui-btn-xs" href="https://github.com/bobi1234/ok-admin" target="_blank">Github</a>
|
||
目前正在不间断迭代开发中，请大家多多
|
||
<a class="layui-btn layui-btn-danger layui-btn-xs" href="https://github.com/bobi1234/ok-admin" target="_blank">Star</a>
|
||
，您的鼓励就是我开发的动力，O(∩_∩)O谢谢~
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<blockquote class="layui-elem-quote">
|
||
更新日志
|
||
</blockquote>
|
||
<ul class="layui-timeline">
|
||
<li class="layui-timeline-item">
|
||
<i class="layui-icon layui-timeline-axis"></i>
|
||
<div class="layui-timeline-content layui-text">
|
||
<h3 class="layui-timeline-title">6月15日</h3>
|
||
<p>
|
||
ok-admin大体架构成型。
|
||
<br>不枉近半个月日日夜夜与之为伴。
|
||
<br>无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i>
|
||
</p>
|
||
</div>
|
||
</li>
|
||
<li class="layui-timeline-item">
|
||
<i class="layui-icon layui-timeline-axis"></i>
|
||
<div class="layui-timeline-content layui-text">
|
||
<h3 class="layui-timeline-title">5月13日</h3>
|
||
<p>毕业答辩结束，至此感觉<em>大学，就这样结束了。</em>送两句话给自己：</p>
|
||
<ul>
|
||
<li>但行好事 莫问前程</li>
|
||
<li>纵有疾风起 人生不言弃</li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<li class="layui-timeline-item">
|
||
<i class="layui-icon layui-timeline-axis"></i>
|
||
<div class="layui-timeline-content layui-text">
|
||
<h3 class="layui-timeline-title">5月4日</h3>
|
||
<p>
|
||
正在准备毕业答辩
|
||
<br>常常在想，要是有一个满足我项目所有基础页面的CMS该多好
|
||
<br>今天，初始化项目
|
||
</p>
|
||
</div>
|
||
</li>
|
||
<li class="layui-timeline-item">
|
||
<i class="layui-icon layui-timeline-axis"></i>
|
||
<div class="layui-timeline-content layui-text">
|
||
<div class="layui-timeline-title">过去</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<!--js引入-->
|
||
<script src="lib/layui/layui.js"></script>
|
||
<!--js逻辑-->
|
||
<script type="text/javascript">
|
||
|
||
layui.use('util', function () {
|
||
var util = layui.util;
|
||
util.fixbar({});
|
||
});
|
||
|
||
/**
|
||
* 初始化函数
|
||
*/
|
||
setDate();
|
||
|
||
/**
|
||
* 获取当前时间
|
||
*/
|
||
var nowDate1 = "";
|
||
function setDate() {
|
||
var date = new Date();
|
||
var year = date.getFullYear();
|
||
nowDate1 = year + "-" + addZero((date.getMonth() + 1)) + "-" + addZero(date.getDate()) + " ";
|
||
nowDate1 += addZero(date.getHours()) + ":" + addZero(date.getMinutes()) + ":" + addZero(date.getSeconds());
|
||
document.getElementById("nowTime").innerHTML = nowDate1;
|
||
setTimeout('setDate()', 1000);
|
||
}
|
||
|
||
/**
|
||
* 年月日是分秒为10以下的数字则添加0字符串
|
||
* @param time
|
||
* @returns {number | *}
|
||
*/
|
||
function addZero(time) {
|
||
var i = parseInt(time);
|
||
if (i / 10 < 1) {
|
||
i = "0" + i;
|
||
}
|
||
return i;
|
||
}
|
||
|
||
/**
|
||
* 初始化星期几
|
||
* @type {string}
|
||
*/
|
||
var weekday = "星期" + "日一二三四五六".charAt(new Date().getDay());
|
||
document.getElementById("weekday").innerHTML = weekday;
|
||
</script>
|
||
</body>
|
||
</html>
|