加入天气预报插件功能

v1.0
bobi1234 2018-08-03 12:08:13 +08:00
parent ebb08194cd
commit 0eaaa590e5
2 changed files with 279 additions and 257 deletions

View File

@ -8,121 +8,122 @@
<meta name="description" content="ok-admin v1.0顾名思义很赞的后台模版它是一款基于Layui框架的轻量级扁平化且完全免费开源的网站后台管理系统模板适合中小型CMS后台系统。">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="lib/layui/css/layui.css">
<link rel="stylesheet" href="css/okadmin.css">
<link rel="stylesheet" href="css/okadmin.css">
<link rel="stylesheet" href="//at.alicdn.com/t/font_693759_zroiq6woob6gvi.css">
<link rel="stylesheet" href="lib/nprogress/nprogress.css">
<link rel="stylesheet" href="lib/nprogress/nprogress.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
<!--头部导航-->
<div class="layui-header">
<div class="layui-logo">ok-admin v1.0</div>
<div class="menu-switch">
<i class="iconfont icon-caidan"></i>
</div>
<ul class="layui-nav layui-layout-left">
<li class="layui-nav-item layui-this"><a href="">控制台<span class="layui-badge">9</span></a></li>
<li class="layui-nav-item"><a href="">产品</a></li>
<li class="layui-nav-item"><a href="">大数据</a></li>
<li class="layui-nav-item">
<a href="javascript:;">其它系统</a>
<dl class="layui-nav-child">
<dd><a href="">邮件管理</a></dd>
<dd><a href="">消息管理</a></dd>
<dd><a href="">授权管理</a></dd>
</dl>
</li>
</ul>
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item">
<a href="javascript:;">
<img src="images/head.jpg" class="layui-nav-img">
bobi
<div class="layui-layout layui-layout-admin">
<!--头部导航-->
<div class="layui-header">
<div class="layui-logo">ok-admin v1.0</div>
<div class="menu-switch">
<i class="iconfont icon-caidan"></i>
</div>
<ul class="layui-nav layui-layout-left">
<li class="layui-nav-item layui-this"><a href="">控制台<span class="layui-badge">9</span></a></li>
<li class="layui-nav-item"><a href="">产品</a></li>
<li class="layui-nav-item"><a href="">大数据</a></li>
<li class="layui-nav-item">
<a href="javascript:;">其它系统</a>
<dl class="layui-nav-child">
<dd><a href="">邮件管理</a></dd>
<dd><a href="">消息管理</a></dd>
<dd><a href="">授权管理</a></dd>
</dl>
</li>
</ul>
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item">
<a href="javascript:;">
<img src="images/head.jpg" class="layui-nav-img">
bobi
</a>
<dl class="layui-nav-child">
<dd><a href="">个人中心<span class="layui-badge-dot"></span></a></dd>
<dd><a href="">基本资料</a></dd>
<dd><a href="">安全设置</a></dd>
<dd><a href="javascript:void(0)" id="lock">锁定账户</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a href="javascript:void(0)" id="logout">退出</a></li>
</ul>
</div>
<!--左侧导航区域-->
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">
<ul class="layui-nav layui-nav-tree" lay-shrink="all" lay-filter="">
<li class="layui-nav-item layui-nav-itemed">
<a class="" href="javascript:;">
<i class="layui-icon">&#xe62a;</i> 常用页面
</a>
<dl class="layui-nav-child">
<dd><a href="">个人中心<span class="layui-badge-dot"></span></a></dd>
<dd><a href="">基本资料</a></dd>
<dd><a href="">安全设置</a></dd>
<dd><a href="javascript:void(0)" id="lock">锁定账户</a></dd>
<dd><a href="javascript:;" path="user.html" tab-id="1-1">用户列表</a></dd>
<dd><a href="javascript:;" path="article.html" tab-id="1-2">文章列表</a></dd>
<dd><a href="javascript:;" path="login.html" tab-id="1-3">登陆页面</a></dd>
<dd><a href="javascript:;" path="404.html" tab-id="1-4">404页面</a></dd>
<dd><a href="javascript:;" path="403.html" tab-id="1-5">403页面</a></dd>
<dd><a href="javascript:;" path="500.html" tab-id="1-6">500页面</a></dd>
<dd><a href="javascript:;" path="donate.html" tab-id="1-7">捐赠页面</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">
<i class="layui-icon">&#xe62c;</i> 图表页面
</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" path="map1.html" tab-id="2-1">柱状图</a></dd>
<dd><a href="javascript:;" path="map2.html" tab-id="2-2">折线图</a></dd>
<dd><a href="javascript:;" path="map3.html" tab-id="2-3">饼图</a></dd>
<dd><a href="javascript:;" path="map4.html" tab-id="2-4">环形图</a></dd>
<dd><a href="javascript:;" path="map5.html" tab-id="2-5">热力图</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">
<i class="layui-icon">&#xe646;</i> 字体图标
</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" path="font-layui.html" tab-id="3-1">Layui内置图标库</a></dd>
<dd><a href="javascript:;" path="font-iconfont.html" tab-id="3-2">阿里巴巴图标库</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">
<i class="layui-icon">&#xe716;</i> 系统管理
</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" path="xxxx.html" tab-id="4-1">系统设置</a></dd>
<dd><a href="javascript:;" path="xxxx.html" tab-id="4-2">屏蔽词</a></dd>
<dd><a href="javascript:;" path="xxxx.html" tab-id="4-3">系统日志</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a href="javascript:void(0)" id="logout">退出</a></li>
</ul>
</div>
<!--左侧导航区域-->
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">
<ul class="layui-nav layui-nav-tree" lay-shrink="all" lay-filter="">
<li class="layui-nav-item layui-nav-itemed">
<a class="" href="javascript:;">
<i class="layui-icon">&#xe62a;</i> 常用页面
</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" path="user.html" tab-id="1-1">用户列表</a></dd>
<dd><a href="javascript:;" path="article.html" tab-id="1-2">文章列表</a></dd>
<dd><a href="javascript:;" path="login.html" tab-id="1-3">登陆页面</a></dd>
<dd><a href="javascript:;" path="404.html" tab-id="1-4">404页面</a></dd>
<dd><a href="javascript:;" path="403.html" tab-id="1-5">403页面</a></dd>
<dd><a href="javascript:;" path="500.html" tab-id="1-6">500页面</a></dd>
<dd><a href="javascript:;" path="donate.html" tab-id="1-7">捐赠页面</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">
<i class="layui-icon">&#xe62c;</i> 图表页面
</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" path="map1.html" tab-id="2-1">柱状图</a></dd>
<dd><a href="javascript:;" path="map2.html" tab-id="2-2">折线图</a></dd>
<dd><a href="javascript:;" path="map3.html" tab-id="2-3">饼图</a></dd>
<dd><a href="javascript:;" path="map4.html" tab-id="2-4">环形图</a></dd>
<dd><a href="javascript:;" path="map5.html" tab-id="2-5">热力图</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">
<i class="layui-icon">&#xe646;</i> 字体图标
</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" path="font-layui.html" tab-id="3-1">Layui内置图标库</a></dd>
<dd><a href="javascript:;" path="font-iconfont.html" tab-id="3-2">阿里巴巴图标库</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">
<i class="layui-icon">&#xe716;</i> 系统管理
</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" path="xxxx.html" tab-id="4-1">系统设置</a></dd>
<dd><a href="javascript:;" path="xxxx.html" tab-id="4-2">屏蔽词</a></dd>
<dd><a href="javascript:;" path="xxxx.html" tab-id="4-3">系统日志</a></dd>
</dl>
</li>
</ul>
</div>
</div>
<!-- 内容主体区域 -->
<div class="content-body">
<div class="layui-tab layui-tab-brief" lay-filter="ok-tab" lay-allowClose="true">
<ul class="layui-tab-title">
<li class="layui-this"><i class="layui-icon">&#xe68e;</i> 控制台</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<iframe src='welcome.html' frameborder="0" scrolling="yes" width="100%" height="100%"></iframe>
</div>
</div>
<!-- 内容主体区域 -->
<div class="content-body">
<div class="layui-tab layui-tab-brief" lay-filter="ok-tab" lay-allowClose="true">
<ul class="layui-tab-title">
<li class="layui-this"><i class="layui-icon">&#xe68e;</i> 控制台</li>
</ul>
<div class="layui-tab-content">
<div class="layui-tab-item layui-show">
<iframe src='welcome.html' frameborder="0" scrolling="yes" width="100%" height="100%"></iframe>
</div>
</div>
</div>
<!--底部信息-->
<div class="layui-footer">
Copyright ©2018-©2018 ok-admin v1.0 All Rights Reserved <button class="layui-btn layui-btn-danger layui-btn-xs">捐赠作者</button>
</div>
</div>
<div class="yy"></div>
<!--js逻辑-->
<script src="lib/layui/layui.js"></script>
<script src="lib/nprogress/nprogress.js"></script>
<script src="js/okadmin.js"></script>
<!--底部信息-->
<div class="layui-footer">
Copyright ©2018-©2018 ok-admin v1.0 All Rights Reserved
<button class="layui-btn layui-btn-danger layui-btn-xs">捐赠作者</button>
</div>
</div>
<div class="yy"></div>
<!--js逻辑-->
<script src="lib/layui/layui.js"></script>
<script src="lib/nprogress/nprogress.js"></script>
<script src="js/okadmin.js"></script>
</body>
</html>

View File

@ -12,165 +12,186 @@
<link rel="stylesheet" href="css/sub-page.css">
</head>
<body>
<div class="ok-body">
<blockquote class="layui-elem-quote">
欢迎管理员:<span class="x-red">bobi</span>!当前时间: <span id="nowTime"></span>
</blockquote>
<fieldset class="layui-elem-field">
<legend>数据统计</legend>
<!--todo 删格系统-->
<h1>这里是数据统计</h1>
</fieldset>
<div class="ok-body">
<blockquote class="layui-elem-quote">
欢迎管理员:<span class="x-red">bobi</span>!当前时间: <span id="nowTime"></span>
</blockquote>
<fieldset class="layui-elem-field">
<legend>数据统计</legend>
<!--todo 删格系统-->
<h1>这里是数据统计</h1>
</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>http://ok-admin.xlbweb.cn</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>本机IP地址</td>
<td>1.1.1.1</td>
</tr>
<tr>
<td>服务器地址</td>
<td>http://ok-admin.xlbweb.cn</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(jxjy.ing@foxmail.com)</td>
</tr>
<tr>
<td>下载地址</td>
<td>
<a class="layui-btn layui-btn-xs" href="https://github.com/bobi1234/ok-admin" target="_blank">Github</a>
&nbsp;&nbsp;
目前正在不间断迭代开发中,请大家多多<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>
<table class="layui-table">
<colgroup>
<col width="300">
<col>
</colgroup>
<tbody>
<tr>
<td>开发者</td>
<td>bobi(jxjy.ing@foxmail.com)</td>
</tr>
<tr>
<td>下载地址</td>
<td>
<a class="layui-btn layui-btn-xs" href="https://github.com/bobi1234/ok-admin" target="_blank">Github</a>
&nbsp;&nbsp;
目前正在不间断迭代开发中,请大家多多<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">&#xe63f;</i>
<div class="layui-timeline-content layui-text">
<h3 class="layui-timeline-title">8月18日</h3>
<p>
layui 2.0 的一切准备工作似乎都已到位。发布之弦,一触即发。
<br>不枉近百个日日夜夜与之为伴。因小而大,因弱而强。
<br>无论它能走多远,抑或如何支撑?至少我曾倾注全心,无怨无悔 <i class="layui-icon"></i>
</p>
</div>
</li>
<li class="layui-timeline-item">
<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
<div class="layui-timeline-content layui-text">
<h3 class="layui-timeline-title">8月16日</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">&#xe63f;</i>
<div class="layui-timeline-content layui-text">
<h3 class="layui-timeline-title">8月15日</h3>
<p>
中国人民抗日战争胜利72周年
<br>常常在想,尽管对这个国家有这样那样的抱怨,但我们的确生在了最好的时代
<br>铭记、感恩
<br>所有为中华民族浴血奋战的英雄将士
<br>永垂不朽
</p>
</div>
</li>
<li class="layui-timeline-item">
<i class="layui-icon layui-timeline-axis">&#xe63f;</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>
<script>
/**
* 初始化函数
*/
setDate();
<blockquote class="layui-elem-quote">
更新日志
</blockquote>
<ul class="layui-timeline">
<li class="layui-timeline-item">
<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
<div class="layui-timeline-content layui-text">
<h3 class="layui-timeline-title">8月18日</h3>
<p>
layui 2.0 的一切准备工作似乎都已到位。发布之弦,一触即发。
<br>不枉近百个日日夜夜与之为伴。因小而大,因弱而强。
<br>无论它能走多远,抑或如何支撑?至少我曾倾注全心,无怨无悔 <i class="layui-icon"></i>
</p>
</div>
</li>
<li class="layui-timeline-item">
<i class="layui-icon layui-timeline-axis">&#xe63f;</i>
<div class="layui-timeline-content layui-text">
<h3 class="layui-timeline-title">8月16日</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">&#xe63f;</i>
<div class="layui-timeline-content layui-text">
<h3 class="layui-timeline-title">8月15日</h3>
<p>
中国人民抗日战争胜利72周年
<br>常常在想,尽管对这个国家有这样那样的抱怨,但我们的确生在了最好的时代
<br>铭记、感恩
<br>所有为中华民族浴血奋战的英雄将士
<br>永垂不朽
</p>
</div>
</li>
<li class="layui-timeline-item">
<i class="layui-icon layui-timeline-axis">&#xe63f;</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>
<script>
/**
* 初始化函数
*/
setDate();
/**
* 获取当前时间
*/
var nowDate1 = "";
/**
* 获取当前时间
*/
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);
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;
}
/**
* 年月日是分秒为10以下的数字则添加0字符串
* @param time
* @returns {number | *}
*/
function addZero(time) {
var i = parseInt(time);
if (i / 10 < 1) {
i = "0" + i;
}
return i;
}
</script>
return i;
}
</script>
<!--天气预报插件-->
<script>
(function(T,h,i,n,k,P,a,g,e){g=function(){P=h.createElement(i);a=h.getElementsByTagName(i)[0];P.src=k;P.charset="utf-8";P.async=1;a.parentNode.insertBefore(P,a)};T["ThinkPageWeatherWidgetObject"]=n;T[n]||(T[n]=function(){(T[n].q=T[n].q||[]).push(arguments)});T[n].l=+new Date();if(T.attachEvent){T.attachEvent("onload",g)}else{T.addEventListener("load",g,false)}}(window,document,"script","tpwidget","//widget.seniverse.com/widget/chameleon.js"))
</script>
<script>
tpwidget("init", {
"flavor": "bubble",
"location": "WX4FBXXFKE4F",
"geolocation": "enabled",
"position": "top-right",
"margin": "10px 10px",
"language": "zh-chs",
"unit": "c",
"theme": "chameleon",
"uid": "U3414DB4A9",
"hash": "91ff44d1248d72fc847c6177474e1533"
});
tpwidget("show");
</script>
</body>
</html>