vor 3 Jahren · 096b5d47b0
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
 
				-ThinkPHP 6.0
			
 
				+缘中秀
			
 
				 ===============
			
 
				 
			
 
				 > 运行环境要求PHP7.2+，兼容PHP8.1
			
--- a/app/admin/controller/Index.php
+++ b/app/admin/controller/Index.php
--- a/app/admin/view/common/_footer.html
+++ b/app/admin/view/common/_footer.html
@@ -0,0 +1,9 @@
 
				+<script type="text/javascript" src="static/js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="static/js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="static/js/perfect-scrollbar.min.js"></script>
			
 
				+<script type="text/javascript" src="static/js/main.min.js"></script>
			
 
				+
			
 
				+<!--图表插件-->
			
 
				+<script type="text/javascript" src="static/js/Chart.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/app/admin/view/common/_header.html
+++ b/app/admin/view/common/_header.html
@@ -0,0 +1,12 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+    <meta charset="utf-8">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+    <title>后台管理系统模板</title>
			
 
				+    <link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+    <meta name="author" content="yinqi">
			
 
				+    <link href="static/css/bootstrap.min.css" rel="stylesheet">
			
 
				+    <link href="static/css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+    <link href="static/css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
--- a/app/admin/view/common/_menu.html
+++ b/app/admin/view/common/_menu.html
@@ -0,0 +1,98 @@
 
				+<!--左侧导航-->
			
 
				+<aside class="lyear-layout-sidebar">
			
 
				+
			
 
				+    <!-- logo -->
			
 
				+    <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="static/images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+    </div>
			
 
				+    <div class="lyear-layout-sidebar-scroll">
			
 
				+
			
 
				+        <nav class="sidebar-main">
			
 
				+            <ul class="nav nav-drawer">
			
 
				+                <li class="nav-item active"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+                <li class="nav-item nav-item-has-subnav">
			
 
				+                    <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+                    <ul class="nav nav-subnav">
			
 
				+                        <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                        <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                        <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                        <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                        <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                        <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                        <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                        <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                        <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                        <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                        <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                        <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                        <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                        <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+                    </ul>
			
 
				+                </li>
			
 
				+                <li class="nav-item nav-item-has-subnav">
			
 
				+                    <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+                    <ul class="nav nav-subnav">
			
 
				+                        <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                        <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                        <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                        <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+                    </ul>
			
 
				+                </li>
			
 
				+                <li class="nav-item nav-item-has-subnav">
			
 
				+                    <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+                    <ul class="nav nav-subnav">
			
 
				+                        <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                        <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                        <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                        <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                        <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                        <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                        <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                        <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                        <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                        <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                        <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+                    </ul>
			
 
				+                </li>
			
 
				+                <li class="nav-item nav-item-has-subnav">
			
 
				+                    <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+                    <ul class="nav nav-subnav">
			
 
				+                        <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                        <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                        <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                        <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                        <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                        <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                        <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+                    </ul>
			
 
				+                </li>
			
 
				+                <li class="nav-item nav-item-has-subnav">
			
 
				+                    <a href="javascript:void(0)"><i class="mdi mdi-menu"></i> 多级菜单</a>
			
 
				+                    <ul class="nav nav-subnav">
			
 
				+                        <li> <a href="#!">一级菜单</a> </li>
			
 
				+                        <li class="nav-item nav-item-has-subnav">
			
 
				+                            <a href="#!">一级菜单</a>
			
 
				+                            <ul class="nav nav-subnav">
			
 
				+                                <li> <a href="#!">二级菜单</a> </li>
			
 
				+                                <li class="nav-item nav-item-has-subnav">
			
 
				+                                    <a href="#!">二级菜单</a>
			
 
				+                                    <ul class="nav nav-subnav">
			
 
				+                                        <li> <a href="#!">三级菜单</a> </li>
			
 
				+                                        <li> <a href="#!">三级菜单</a> </li>
			
 
				+                                    </ul>
			
 
				+                                </li>
			
 
				+                            </ul>
			
 
				+                        </li>
			
 
				+                        <li> <a href="#!">一级菜单</a> </li>
			
 
				+                    </ul>
			
 
				+                </li>
			
 
				+            </ul>
			
 
				+        </nav>
			
 
				+
			
 
				+        <div class="sidebar-footer">
			
 
				+            <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+    </div>
			
 
				+
			
 
				+</aside>
			
 
				+<!--End 左侧导航-->
			
--- a/app/admin/view/index/index.html
+++ b/app/admin/view/index/index.html
@@ -0,0 +1,429 @@
 
				+{include file='common/_header'}
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    {include file='common/_menu'}
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> 后台首页 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="static/images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-sm-6 col-lg-3">
			
 
				+            <div class="card bg-primary">
			
 
				+              <div class="card-body clearfix">
			
 
				+                <div class="pull-right">
			
 
				+                  <p class="h6 text-white m-t-0">今日收入</p>
			
 
				+                  <p class="h3 text-white m-b-0 fa-1-5x">102,125.00</p>
			
 
				+                </div>
			
 
				+                <div class="pull-left"> <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi mdi-currency-cny fa-1-5x"></i></span> </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+          <div class="col-sm-6 col-lg-3">
			
 
				+            <div class="card bg-danger">
			
 
				+              <div class="card-body clearfix">
			
 
				+                <div class="pull-right">
			
 
				+                  <p class="h6 text-white m-t-0">用户总数</p>
			
 
				+                  <p class="h3 text-white m-b-0 fa-1-5x">920,000</p>
			
 
				+                </div>
			
 
				+                <div class="pull-left"> <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi mdi-account fa-1-5x"></i></span> </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+          <div class="col-sm-6 col-lg-3">
			
 
				+            <div class="card bg-success">
			
 
				+              <div class="card-body clearfix">
			
 
				+                <div class="pull-right">
			
 
				+                  <p class="h6 text-white m-t-0">下载总量</p>
			
 
				+                  <p class="h3 text-white m-b-0 fa-1-5x">34,005,000</p>
			
 
				+                </div>
			
 
				+                <div class="pull-left"> <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi mdi-arrow-down-bold fa-1-5x"></i></span> </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+          <div class="col-sm-6 col-lg-3">
			
 
				+            <div class="card bg-purple">
			
 
				+              <div class="card-body clearfix">
			
 
				+                <div class="pull-right">
			
 
				+                  <p class="h6 text-white m-t-0">新增留言</p>
			
 
				+                  <p class="h3 text-white m-b-0 fa-1-5x">153 条</p>
			
 
				+                </div>
			
 
				+                <div class="pull-left"> <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi mdi-comment-outline fa-1-5x"></i></span> </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          
			
 
				+          <div class="col-lg-6"> 
			
 
				+            <div class="card">
			
 
				+              <div class="card-header">
			
 
				+                <h4>每周用户</h4>
			
 
				+              </div>
			
 
				+              <div class="card-body">
			
 
				+                <canvas class="js-chartjs-bars"></canvas>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+          <div class="col-lg-6"> 
			
 
				+            <div class="card">
			
 
				+              <div class="card-header">
			
 
				+                <h4>交易历史记录</h4>
			
 
				+              </div>
			
 
				+              <div class="card-body">
			
 
				+                <canvas class="js-chartjs-lines"></canvas>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+           
			
 
				+        </div>
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header">
			
 
				+                <h4>项目信息</h4>
			
 
				+              </div>
			
 
				+              <div class="card-body">
			
 
				+                <div class="table-responsive">
			
 
				+                  <table class="table table-hover">
			
 
				+                    <thead>
			
 
				+                      <tr>
			
 
				+                        <th>#</th>
			
 
				+                        <th>项目名称</th>
			
 
				+                        <th>开始日期</th>
			
 
				+                        <th>截止日期</th>
			
 
				+                        <th>状态</th>
			
 
				+                        <th>进度</th>
			
 
				+                      </tr>
			
 
				+                    </thead>
			
 
				+                    <tbody>
			
 
				+                      <tr>
			
 
				+                        <td>1</td>
			
 
				+                        <td>设计新主题</td>
			
 
				+                        <td>10/02/2019</td>
			
 
				+                        <td>12/05/2019</td>
			
 
				+                        <td><span class="label label-warning">待定</span></td>
			
 
				+                        <td>
			
 
				+                          <div class="progress progress-striped progress-sm">
			
 
				+                            <div class="progress-bar progress-bar-warning" style="width: 45%;"></div>
			
 
				+                          </div>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td>2</td>
			
 
				+                        <td>网站重新设计</td>
			
 
				+                        <td>01/03/2019</td>
			
 
				+                       <td>12/04/2019</td>
			
 
				+                        <td><span class="label label-success">进行中</span></td>
			
 
				+                        <td>
			
 
				+                          <div class="progress progress-striped progress-sm">
			
 
				+                            <div class="progress-bar progress-bar-success" style="width: 30%;"></div>
			
 
				+                          </div>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td>3</td>
			
 
				+                        <td>模型设计</td>
			
 
				+                         <td>10/10/2019</td>
			
 
				+                         <td>12/11/2019</td>
			
 
				+                        <td><span class="label label-warning">待定</span></td>
			
 
				+                        <td>
			
 
				+                          <div class="progress progress-striped progress-sm">
			
 
				+                            <div class="progress-bar progress-bar-warning" style="width: 25%;"></div>
			
 
				+                          </div>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td>4</td>
			
 
				+                        <td>后台管理系统模板设计</td>
			
 
				+                        <td>25/01/2019</td>
			
 
				+                        <td>09/05/2019</td>
			
 
				+                        <td><span class="label label-success">进行中</span></td>
			
 
				+                        <td>
			
 
				+                          <div class="progress progress-striped progress-sm">
			
 
				+                            <div class="progress-bar progress-bar-success" style="width: 55%;"></div>
			
 
				+                          </div>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td>5</td>
			
 
				+                        <td>前端设计</td>
			
 
				+                        <td>10/10/2019</td>
			
 
				+                        <td>12/12/2019</td>
			
 
				+                        <td><span class="label label-danger">未开始</span></td>
			
 
				+                        <td>
			
 
				+                          <div class="progress progress-striped progress-sm">
			
 
				+                            <div class="progress-bar progress-bar-danger" style="width: 0%;"></div>
			
 
				+                          </div>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td>6</td>
			
 
				+                        <td>桌面软件测试</td>
			
 
				+                        <td>10/01/2019</td>
			
 
				+                        <td>29/03/2019</td>
			
 
				+                        <td><span class="label label-success">进行中</span></td>
			
 
				+                        <td>
			
 
				+                          <div class="progress progress-striped progress-sm">
			
 
				+                            <div class="progress-bar progress-bar-success" style="width: 75%;"></div>
			
 
				+                          </div>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td>7</td>
			
 
				+                        <td>APP改版开发</td>
			
 
				+                        <td>25/02/2019</td>
			
 
				+                        <td>12/05/2019</td>
			
 
				+                        <td><span class="label label-danger">暂停</span></td>
			
 
				+                        <td>
			
 
				+                          <div class="progress progress-striped progress-sm">
			
 
				+                            <div class="progress-bar progress-bar-danger" style="width: 15%;"></div>
			
 
				+                          </div>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td>8</td>
			
 
				+                        <td>Logo设计</td>
			
 
				+                        <td>10/02/2019</td>
			
 
				+                        <td>01/03/2019</td>
			
 
				+                        <td><span class="label label-warning">完成</span></td>
			
 
				+                        <td>
			
 
				+                          <div class="progress progress-striped progress-sm">
			
 
				+                            <div class="progress-bar progress-bar-success" style="width: 100%;"></div>
			
 
				+                          </div>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                    </tbody>
			
 
				+                  </table>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+<script type="text/javascript">
			
 
				+  $(document).ready(function(e) {
			
 
				+    var $dashChartBarsCnt  = jQuery( '.js-chartjs-bars' )[0].getContext( '2d' ),
			
 
				+            $dashChartLinesCnt = jQuery( '.js-chartjs-lines' )[0].getContext( '2d' );
			
 
				+
			
 
				+    var $dashChartBarsData = {
			
 
				+      labels: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
			
 
				+      datasets: [
			
 
				+        {
			
 
				+          label: '注册用户',
			
 
				+          borderWidth: 1,
			
 
				+          borderColor: 'rgba(0,0,0,0)',
			
 
				+          backgroundColor: 'rgba(51,202,185,0.5)',
			
 
				+          hoverBackgroundColor: "rgba(51,202,185,0.7)",
			
 
				+          hoverBorderColor: "rgba(0,0,0,0)",
			
 
				+          data: [2500, 1500, 1200, 3200, 4800, 3500, 1500]
			
 
				+        }
			
 
				+      ]
			
 
				+    };
			
 
				+    var $dashChartLinesData = {
			
 
				+      labels: ['2003', '2004', '2005', '2006', '2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014'],
			
 
				+      datasets: [
			
 
				+        {
			
 
				+          label: '交易资金',
			
 
				+          data: [20, 25, 40, 30, 45, 40, 55, 40, 48, 40, 42, 50],
			
 
				+          borderColor: '#358ed7',
			
 
				+          backgroundColor: 'rgba(53, 142, 215, 0.175)',
			
 
				+          borderWidth: 1,
			
 
				+          fill: false,
			
 
				+          lineTension: 0.5
			
 
				+        }
			
 
				+      ]
			
 
				+    };
			
 
				+
			
 
				+    new Chart($dashChartBarsCnt, {
			
 
				+      type: 'bar',
			
 
				+      data: $dashChartBarsData
			
 
				+    });
			
 
				+
			
 
				+    var myLineChart = new Chart($dashChartLinesCnt, {
			
 
				+      type: 'line',
			
 
				+      data: $dashChartLinesData,
			
 
				+    });
			
 
				+  });
			
 
				+</script>
			
 
				+{include file='common/_header'}
			
 
				+
			
--- a/app/api/controller/demo-controller.php
+++ b/app/api/controller/demo-controller.php
@@ -1,13 +1,15 @@
 
				 <?php
			
 
				+
			
 
				 namespace app\api\controller;
			
 
				 
			
 
				+use Jwt;
			
 
				 use app\BaseController;
			
 
				 
			
 
				-class DemoController extends BaseController
			
 
				+class Demo extends BaseController
			
 
				 {
			
 
				     public function index()
			
 
				     {
			
 
				-        // return json()
			
 
				+        return 1;
			
 
				     }
			
 
				 
			
 
				     public function hello($name = 'ThinkPHP6')
			
--- a/app/index/controller/index.php
+++ b/app/index/controller/index.php
@@ -0,0 +1,17 @@
 
				+<?php
			
 
				+namespace app\index\controller;
			
 
				+
			
 
				+use app\BaseController;
			
 
				+
			
 
				+class Index extends BaseController
			
 
				+{
			
 
				+    public function index()
			
 
				+    {
			
 
				+        return 1;
			
 
				+    }
			
 
				+
			
 
				+    public function hello($name = 'ThinkPHP6')
			
 
				+    {
			
 
				+        return 'hello,' . $name;
			
 
				+    }
			
 
				+}
			
--- a/app/index/model/UserModel.php
+++ b/app/index/model/UserModel.php
@@ -0,0 +1,16 @@
 
				+<?php
			
 
				+
			
 
				+namespace app\index\model;
			
 
				+
			
 
				+
			
 
				+use think\Model;
			
 
				+
			
 
				+class UserModel extends Model
			
 
				+{
			
 
				+
			
 
				+    public function findAll($page = 1, $size = 10) {
			
 
				+//        return $this->where()->select();
			
 
				+    }
			
 
				+
			
 
				+
			
 
				+}
			
--- a/composer.json
+++ b/composer.json
@@ -24,7 +24,9 @@
 
				         "topthink/framework": "^6.1.0",
			
 
				         "topthink/think-orm": "^2.0",
			
 
				         "topthink/think-filesystem": "^1.0",
			
 
				-        "topthink/think-multi-app": "^1.0"
			
 
				+        "topthink/think-multi-app": "^1.0",
			
 
				+        "lcobucci/jwt": "^3.4",
			
 
				+        "topthink/think-view": "^1.0"
			
 
				     },
			
 
				     "require-dev": {
			
 
				         "symfony/var-dumper": "^4.2",
			
--- a/composer.lock
+++ b/composer.lock
@@ -4,9 +4,92 @@
 
				         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
			
 
				         "This file is @generated automatically"
			
 
				     ],
			
 
				-    "content-hash": "dd94061c596fec45ed08426e6d417237",
			
 
				+    "content-hash": "588f627ebfdc8bc264e18f205ee82368",
			
 
				     "packages": [
			
 
				         {
			
 
				+            "name": "lcobucci/jwt",
			
 
				+            "version": "3.4.6",
			
 
				+            "source": {
			
 
				+                "type": "git",
			
 
				+                "url": "https://github.com/lcobucci/jwt.git",
			
 
				+                "reference": "3ef8657a78278dfeae7707d51747251db4176240"
			
 
				+            },
			
 
				+            "dist": {
			
 
				+                "type": "zip",
			
 
				+                "url": "https://api.github.com/repos/lcobucci/jwt/zipball/3ef8657a78278dfeae7707d51747251db4176240",
			
 
				+                "reference": "3ef8657a78278dfeae7707d51747251db4176240",
			
 
				+                "shasum": "",
			
 
				+                "mirrors": [
			
 
				+                    {
			
 
				+                        "url": "https://mirrors.aliyun.com/composer/dists/%package%/%reference%.%type%",
			
 
				+                        "preferred": true
			
 
				+                    }
			
 
				+                ]
			
 
				+            },
			
 
				+            "require": {
			
 
				+                "ext-mbstring": "*",
			
 
				+                "ext-openssl": "*",
			
 
				+                "php": "^5.6 || ^7.0"
			
 
				+            },
			
 
				+            "require-dev": {
			
 
				+                "mikey179/vfsstream": "~1.5",
			
 
				+                "phpmd/phpmd": "~2.2",
			
 
				+                "phpunit/php-invoker": "~1.1",
			
 
				+                "phpunit/phpunit": "^5.7 || ^7.3",
			
 
				+                "squizlabs/php_codesniffer": "~2.3"
			
 
				+            },
			
 
				+            "suggest": {
			
 
				+                "lcobucci/clock": "*"
			
 
				+            },
			
 
				+            "type": "library",
			
 
				+            "extra": {
			
 
				+                "branch-alias": {
			
 
				+                    "dev-master": "3.1-dev"
			
 
				+                }
			
 
				+            },
			
 
				+            "autoload": {
			
 
				+                "files": [
			
 
				+                    "compat/class-aliases.php",
			
 
				+                    "compat/json-exception-polyfill.php",
			
 
				+                    "compat/lcobucci-clock-polyfill.php"
			
 
				+                ],
			
 
				+                "psr-4": {
			
 
				+                    "Lcobucci\\JWT\\": "src"
			
 
				+                }
			
 
				+            },
			
 
				+            "notification-url": "https://packagist.org/downloads/",
			
 
				+            "license": [
			
 
				+                "BSD-3-Clause"
			
 
				+            ],
			
 
				+            "authors": [
			
 
				+                {
			
 
				+                    "name": "Luís Otávio Cobucci Oblonczyk",
			
 
				+                    "email": "lcobucci@gmail.com",
			
 
				+                    "role": "Developer"
			
 
				+                }
			
 
				+            ],
			
 
				+            "description": "A simple library to work with JSON Web Token and JSON Web Signature",
			
 
				+            "keywords": [
			
 
				+                "JWS",
			
 
				+                "jwt"
			
 
				+            ],
			
 
				+            "support": {
			
 
				+                "issues": "https://github.com/lcobucci/jwt/issues",
			
 
				+                "source": "https://github.com/lcobucci/jwt/tree/3.4.6"
			
 
				+            },
			
 
				+            "funding": [
			
 
				+                {
			
 
				+                    "url": "https://github.com/lcobucci",
			
 
				+                    "type": "github"
			
 
				+                },
			
 
				+                {
			
 
				+                    "url": "https://www.patreon.com/lcobucci",
			
 
				+                    "type": "patreon"
			
 
				+                }
			
 
				+            ],
			
 
				+            "time": "2021-09-28T19:18:28+00:00"
			
 
				+        },
			
 
				+        {
			
 
				             "name": "league/flysystem",
			
 
				             "version": "1.1.10",
			
 
				             "source": {
			
@@ -797,6 +880,100 @@
 
				                 "source": "https://github.com/top-think/think-orm/tree/v2.0.54"
			
 
				             },
			
 
				             "time": "2022-07-05T05:25:51+00:00"
			
 
				+        },
			
 
				+        {
			
 
				+            "name": "topthink/think-template",
			
 
				+            "version": "v2.0.8",
			
 
				+            "source": {
			
 
				+                "type": "git",
			
 
				+                "url": "https://github.com/top-think/think-template.git",
			
 
				+                "reference": "abfc293f74f9ef5127b5c416310a01fe42e59368"
			
 
				+            },
			
 
				+            "dist": {
			
 
				+                "type": "zip",
			
 
				+                "url": "https://api.github.com/repos/top-think/think-template/zipball/abfc293f74f9ef5127b5c416310a01fe42e59368",
			
 
				+                "reference": "abfc293f74f9ef5127b5c416310a01fe42e59368",
			
 
				+                "shasum": "",
			
 
				+                "mirrors": [
			
 
				+                    {
			
 
				+                        "url": "https://mirrors.aliyun.com/composer/dists/%package%/%reference%.%type%",
			
 
				+                        "preferred": true
			
 
				+                    }
			
 
				+                ]
			
 
				+            },
			
 
				+            "require": {
			
 
				+                "php": ">=7.1.0",
			
 
				+                "psr/simple-cache": "^1.0"
			
 
				+            },
			
 
				+            "type": "library",
			
 
				+            "autoload": {
			
 
				+                "psr-4": {
			
 
				+                    "think\\": "src"
			
 
				+                }
			
 
				+            },
			
 
				+            "notification-url": "https://packagist.org/downloads/",
			
 
				+            "license": [
			
 
				+                "Apache-2.0"
			
 
				+            ],
			
 
				+            "authors": [
			
 
				+                {
			
 
				+                    "name": "liu21st",
			
 
				+                    "email": "liu21st@gmail.com"
			
 
				+                }
			
 
				+            ],
			
 
				+            "description": "the php template engine",
			
 
				+            "support": {
			
 
				+                "issues": "https://github.com/top-think/think-template/issues",
			
 
				+                "source": "https://github.com/top-think/think-template/tree/v2.0.8"
			
 
				+            },
			
 
				+            "time": "2020-12-10T07:52:03+00:00"
			
 
				+        },
			
 
				+        {
			
 
				+            "name": "topthink/think-view",
			
 
				+            "version": "v1.0.14",
			
 
				+            "source": {
			
 
				+                "type": "git",
			
 
				+                "url": "https://github.com/top-think/think-view.git",
			
 
				+                "reference": "edce0ae2c9551ab65f9e94a222604b0dead3576d"
			
 
				+            },
			
 
				+            "dist": {
			
 
				+                "type": "zip",
			
 
				+                "url": "https://api.github.com/repos/top-think/think-view/zipball/edce0ae2c9551ab65f9e94a222604b0dead3576d",
			
 
				+                "reference": "edce0ae2c9551ab65f9e94a222604b0dead3576d",
			
 
				+                "shasum": "",
			
 
				+                "mirrors": [
			
 
				+                    {
			
 
				+                        "url": "https://mirrors.aliyun.com/composer/dists/%package%/%reference%.%type%",
			
 
				+                        "preferred": true
			
 
				+                    }
			
 
				+                ]
			
 
				+            },
			
 
				+            "require": {
			
 
				+                "php": ">=7.1.0",
			
 
				+                "topthink/think-template": "^2.0"
			
 
				+            },
			
 
				+            "type": "library",
			
 
				+            "autoload": {
			
 
				+                "psr-4": {
			
 
				+                    "think\\view\\driver\\": "src"
			
 
				+                }
			
 
				+            },
			
 
				+            "notification-url": "https://packagist.org/downloads/",
			
 
				+            "license": [
			
 
				+                "Apache-2.0"
			
 
				+            ],
			
 
				+            "authors": [
			
 
				+                {
			
 
				+                    "name": "liu21st",
			
 
				+                    "email": "liu21st@gmail.com"
			
 
				+                }
			
 
				+            ],
			
 
				+            "description": "thinkphp template driver",
			
 
				+            "support": {
			
 
				+                "issues": "https://github.com/top-think/think-view/issues",
			
 
				+                "source": "https://github.com/top-think/think-view/tree/v1.0.14"
			
 
				+            },
			
 
				+            "time": "2019-11-06T11:40:13+00:00"
			
 
				         }
			
 
				     ],
			
 
				     "packages-dev": [
			
--- a/config/view.php
+++ b/config/view.php
@@ -22,4 +22,11 @@ return [
 
				     'taglib_begin'  => '{',
			
 
				     // 标签库标签结束标记
			
 
				     'taglib_end'    => '}',
			
 
				+    // 模板引用静态资源路径
			
 
				+    'tpl_replace_string' => [
			
 
				+        '{__STATIC__}' => '/static',
			
 
				+        '{__CSS__}' => '/static/css',
			
 
				+        '{__JS__}' => '/static/js',
			
 
				+        '{__IMG__}' => '/static/img',
			
 
				+    ]
			
 
				 ];
			
--- a/public/index.html
+++ b/public/index.html
@@ -0,0 +1,549 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>首页 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="static/css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="static/css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="static/css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+      
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="static/images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll"> 
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item active"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-menu"></i> 多级菜单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="#!">一级菜单</a> </li>
			
 
				+                <li class="nav-item nav-item-has-subnav"> 
			
 
				+                  <a href="#!">一级菜单</a>
			
 
				+                  <ul class="nav nav-subnav">
			
 
				+                    <li> <a href="#!">二级菜单</a> </li>
			
 
				+                    <li class="nav-item nav-item-has-subnav"> 
			
 
				+                      <a href="#!">二级菜单</a>
			
 
				+                      <ul class="nav nav-subnav">
			
 
				+                        <li> <a href="#!">三级菜单</a> </li>
			
 
				+                        <li> <a href="#!">三级菜单</a> </li>
			
 
				+                      </ul>
			
 
				+                    </li>
			
 
				+                  </ul>
			
 
				+                </li>
			
 
				+                <li> <a href="#!">一级菜单</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> 后台首页 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="static/images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-sm-6 col-lg-3">
			
 
				+            <div class="card bg-primary">
			
 
				+              <div class="card-body clearfix">
			
 
				+                <div class="pull-right">
			
 
				+                  <p class="h6 text-white m-t-0">今日收入</p>
			
 
				+                  <p class="h3 text-white m-b-0 fa-1-5x">102,125.00</p>
			
 
				+                </div>
			
 
				+                <div class="pull-left"> <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi mdi-currency-cny fa-1-5x"></i></span> </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+          <div class="col-sm-6 col-lg-3">
			
 
				+            <div class="card bg-danger">
			
 
				+              <div class="card-body clearfix">
			
 
				+                <div class="pull-right">
			
 
				+                  <p class="h6 text-white m-t-0">用户总数</p>
			
 
				+                  <p class="h3 text-white m-b-0 fa-1-5x">920,000</p>
			
 
				+                </div>
			
 
				+                <div class="pull-left"> <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi mdi-account fa-1-5x"></i></span> </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+          <div class="col-sm-6 col-lg-3">
			
 
				+            <div class="card bg-success">
			
 
				+              <div class="card-body clearfix">
			
 
				+                <div class="pull-right">
			
 
				+                  <p class="h6 text-white m-t-0">下载总量</p>
			
 
				+                  <p class="h3 text-white m-b-0 fa-1-5x">34,005,000</p>
			
 
				+                </div>
			
 
				+                <div class="pull-left"> <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi mdi-arrow-down-bold fa-1-5x"></i></span> </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+          <div class="col-sm-6 col-lg-3">
			
 
				+            <div class="card bg-purple">
			
 
				+              <div class="card-body clearfix">
			
 
				+                <div class="pull-right">
			
 
				+                  <p class="h6 text-white m-t-0">新增留言</p>
			
 
				+                  <p class="h3 text-white m-b-0 fa-1-5x">153 条</p>
			
 
				+                </div>
			
 
				+                <div class="pull-left"> <span class="img-avatar img-avatar-48 bg-translucent"><i class="mdi mdi-comment-outline fa-1-5x"></i></span> </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          
			
 
				+          <div class="col-lg-6"> 
			
 
				+            <div class="card">
			
 
				+              <div class="card-header">
			
 
				+                <h4>每周用户</h4>
			
 
				+              </div>
			
 
				+              <div class="card-body">
			
 
				+                <canvas class="js-chartjs-bars"></canvas>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+          <div class="col-lg-6"> 
			
 
				+            <div class="card">
			
 
				+              <div class="card-header">
			
 
				+                <h4>交易历史记录</h4>
			
 
				+              </div>
			
 
				+              <div class="card-body">
			
 
				+                <canvas class="js-chartjs-lines"></canvas>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+           
			
 
				+        </div>
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header">
			
 
				+                <h4>项目信息</h4>
			
 
				+              </div>
			
 
				+              <div class="card-body">
			
 
				+                <div class="table-responsive">
			
 
				+                  <table class="table table-hover">
			
 
				+                    <thead>
			
 
				+                      <tr>
			
 
				+                        <th>#</th>
			
 
				+                        <th>项目名称</th>
			
 
				+                        <th>开始日期</th>
			
 
				+                        <th>截止日期</th>
			
 
				+                        <th>状态</th>
			
 
				+                        <th>进度</th>
			
 
				+                      </tr>
			
 
				+                    </thead>
			
 
				+                    <tbody>
			
 
				+                      <tr>
			
 
				+                        <td>1</td>
			
 
				+                        <td>设计新主题</td>
			
 
				+                        <td>10/02/2019</td>
			
 
				+                        <td>12/05/2019</td>
			
 
				+                        <td><span class="label label-warning">待定</span></td>
			
 
				+                        <td>
			
 
				+                          <div class="progress progress-striped progress-sm">
			
 
				+                            <div class="progress-bar progress-bar-warning" style="width: 45%;"></div>
			
 
				+                          </div>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td>2</td>
			
 
				+                        <td>网站重新设计</td>
			
 
				+                        <td>01/03/2019</td>
			
 
				+                       <td>12/04/2019</td>
			
 
				+                        <td><span class="label label-success">进行中</span></td>
			
 
				+                        <td>
			
 
				+                          <div class="progress progress-striped progress-sm">
			
 
				+                            <div class="progress-bar progress-bar-success" style="width: 30%;"></div>
			
 
				+                          </div>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td>3</td>
			
 
				+                        <td>模型设计</td>
			
 
				+                         <td>10/10/2019</td>
			
 
				+                         <td>12/11/2019</td>
			
 
				+                        <td><span class="label label-warning">待定</span></td>
			
 
				+                        <td>
			
 
				+                          <div class="progress progress-striped progress-sm">
			
 
				+                            <div class="progress-bar progress-bar-warning" style="width: 25%;"></div>
			
 
				+                          </div>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td>4</td>
			
 
				+                        <td>后台管理系统模板设计</td>
			
 
				+                        <td>25/01/2019</td>
			
 
				+                        <td>09/05/2019</td>
			
 
				+                        <td><span class="label label-success">进行中</span></td>
			
 
				+                        <td>
			
 
				+                          <div class="progress progress-striped progress-sm">
			
 
				+                            <div class="progress-bar progress-bar-success" style="width: 55%;"></div>
			
 
				+                          </div>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td>5</td>
			
 
				+                        <td>前端设计</td>
			
 
				+                        <td>10/10/2019</td>
			
 
				+                        <td>12/12/2019</td>
			
 
				+                        <td><span class="label label-danger">未开始</span></td>
			
 
				+                        <td>
			
 
				+                          <div class="progress progress-striped progress-sm">
			
 
				+                            <div class="progress-bar progress-bar-danger" style="width: 0%;"></div>
			
 
				+                          </div>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td>6</td>
			
 
				+                        <td>桌面软件测试</td>
			
 
				+                        <td>10/01/2019</td>
			
 
				+                        <td>29/03/2019</td>
			
 
				+                        <td><span class="label label-success">进行中</span></td>
			
 
				+                        <td>
			
 
				+                          <div class="progress progress-striped progress-sm">
			
 
				+                            <div class="progress-bar progress-bar-success" style="width: 75%;"></div>
			
 
				+                          </div>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td>7</td>
			
 
				+                        <td>APP改版开发</td>
			
 
				+                        <td>25/02/2019</td>
			
 
				+                        <td>12/05/2019</td>
			
 
				+                        <td><span class="label label-danger">暂停</span></td>
			
 
				+                        <td>
			
 
				+                          <div class="progress progress-striped progress-sm">
			
 
				+                            <div class="progress-bar progress-bar-danger" style="width: 15%;"></div>
			
 
				+                          </div>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td>8</td>
			
 
				+                        <td>Logo设计</td>
			
 
				+                        <td>10/02/2019</td>
			
 
				+                        <td>01/03/2019</td>
			
 
				+                        <td><span class="label label-warning">完成</span></td>
			
 
				+                        <td>
			
 
				+                          <div class="progress progress-striped progress-sm">
			
 
				+                            <div class="progress-bar progress-bar-success" style="width: 100%;"></div>
			
 
				+                          </div>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                    </tbody>
			
 
				+                  </table>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="static/js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="static/js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="static/js/perfect-scrollbar.min.js"></script>
			
 
				+<script type="text/javascript" src="static/js/main.min.js"></script>
			
 
				+
			
 
				+<!--图表插件-->
			
 
				+<script type="text/javascript" src="static/js/Chart.js"></script>
			
 
				+<script type="text/javascript">
			
 
				+$(document).ready(function(e) {
			
 
				+    var $dashChartBarsCnt  = jQuery( '.js-chartjs-bars' )[0].getContext( '2d' ),
			
 
				+        $dashChartLinesCnt = jQuery( '.js-chartjs-lines' )[0].getContext( '2d' );
			
 
				+    
			
 
				+    var $dashChartBarsData = {
			
 
				+		labels: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
			
 
				+		datasets: [
			
 
				+			{
			
 
				+				label: '注册用户',
			
 
				+                borderWidth: 1,
			
 
				+                borderColor: 'rgba(0,0,0,0)',
			
 
				+				backgroundColor: 'rgba(51,202,185,0.5)',
			
 
				+                hoverBackgroundColor: "rgba(51,202,185,0.7)",
			
 
				+                hoverBorderColor: "rgba(0,0,0,0)",
			
 
				+				data: [2500, 1500, 1200, 3200, 4800, 3500, 1500]
			
 
				+			}
			
 
				+		]
			
 
				+	};
			
 
				+    var $dashChartLinesData = {
			
 
				+		labels: ['2003', '2004', '2005', '2006', '2007', '2008', '2009', '2010', '2011', '2012', '2013', '2014'],
			
 
				+		datasets: [
			
 
				+			{
			
 
				+				label: '交易资金',
			
 
				+				data: [20, 25, 40, 30, 45, 40, 55, 40, 48, 40, 42, 50],
			
 
				+				borderColor: '#358ed7',
			
 
				+				backgroundColor: 'rgba(53, 142, 215, 0.175)',
			
 
				+                borderWidth: 1,
			
 
				+                fill: false,
			
 
				+                lineTension: 0.5
			
 
				+			}
			
 
				+		]
			
 
				+	};
			
 
				+    
			
 
				+    new Chart($dashChartBarsCnt, {
			
 
				+        type: 'bar',
			
 
				+        data: $dashChartBarsData
			
 
				+    });
			
 
				+    
			
 
				+    var myLineChart = new Chart($dashChartLinesCnt, {
			
 
				+        type: 'line',
			
 
				+        data: $dashChartLinesData,
			
 
				+    });
			
 
				+});
			
 
				+</script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear-config-system.html
+++ b/public/lyear-config-system.html
@@ -0,0 +1,363 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>系统配置 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li class="active"> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> 示例页面 - 网站配置 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <ul class="nav nav-tabs page-tabs">
			
 
				+                <li> <a href="lyear_pages_config.html">基本</a> </li>
			
 
				+                <li class="active"> <a href="#!">系统</a> </li>
			
 
				+                <li> <a href="lyear-config-upload.html">上传</a> </li>
			
 
				+              </ul>
			
 
				+              <div class="tab-content">
			
 
				+                <div class="tab-pane active">
			
 
				+                  
			
 
				+                  <form action="#!" method="post" name="edit-form" class="edit-form">
			
 
				+                    <div class="form-group">
			
 
				+                      <label for="config_group">配置分组</label>
			
 
				+<textarea class="form-control" id="config_group" rows="5" name="config_group" placeholder="请输入配置分组" >
			
 
				+base:基本
			
 
				+system:系统
			
 
				+develop:开发
			
 
				+upload:上传</textarea>
			
 
				+                    </div>
			
 
				+                    <div class="form-group">
			
 
				+                      <label for="form_item_type">配置类型</label>
			
 
				+<textarea class="form-control" id="form_item_type" rows="5" name="form_item_type" placeholder="请输入配置类型" >text:单行文本
			
 
				+textarea:多行文本
			
 
				+checkbox:复选框
			
 
				+radio:单选按钮
			
 
				+switch:开关
			
 
				+array:数组
			
 
				+select:下拉框
			
 
				+image:单张图片
			
 
				+ueditor:UEditor 编辑器
			
 
				+tags:标签</textarea>
			
 
				+                    </div>
			
 
				+                    <div class="form-group">
			
 
				+                      <label for="wipe_cache_type">清除缓存类型</label>
			
 
				+                      <div class="controls-box">
			
 
				+                        <label class="lyear-checkbox checkbox-inline checkbox-primary">
			
 
				+                          <input type="checkbox" name="wipe_cache_type[]" checked><span>应用缓存</span>
			
 
				+                        </label>
			
 
				+                        <label class="lyear-checkbox checkbox-inline checkbox-primary">
			
 
				+                          <input type="checkbox" name="wipe_cache_type[]"><span>应用日志</span>
			
 
				+                        </label>
			
 
				+                        <label class="lyear-checkbox checkbox-inline checkbox-primary">
			
 
				+                          <input type="checkbox" name="wipe_cache_type[]"><span>模板缓存</span>
			
 
				+                        </label>
			
 
				+                      </div>
			
 
				+                      <small class="help-block">清除缓存时，要删除的缓存类型</small>
			
 
				+                    </div>
			
 
				+                    <div class="form-group">
			
 
				+                      <label for="develop_mode">开发模式</label>
			
 
				+                      <div class="controls-box">
			
 
				+                        <label class="lyear-radio radio-inline radio-primary">
			
 
				+                          <input type="radio" name="develop_mode" value="0" checked><span>关闭</span>
			
 
				+                        </label>
			
 
				+                        <label class="lyear-radio radio-inline radio-primary">
			
 
				+                          <input type="radio" name="develop_mode" value="1"><span>开启</span>
			
 
				+                        </label>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                    <div class="form-group">
			
 
				+                      <label for="app_trace">显示页面Trace</label>
			
 
				+                      <div class="controls-box">
			
 
				+                        <label class="lyear-radio radio-inline radio-primary">
			
 
				+                          <input type="radio" name="app_trace" value="0" checked><span>否</span>
			
 
				+                        </label>
			
 
				+                        <label class="lyear-radio radio-inline radio-primary">
			
 
				+                          <input type="radio" name="app_trace" value="1"><span>是</span>
			
 
				+                        </label>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                    <div class="form-group">
			
 
				+                      <button type="submit" class="btn btn-primary m-r-5">确 定</button>
			
 
				+                      <button type="button" class="btn btn-default" onclick="javascript:history.back(-1);return false;">返 回</button>
			
 
				+                    </div>
			
 
				+                  </form>
			
 
				+                  
			
 
				+                </div>
			
 
				+              </div>
			
 
				+
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear-config-upload.html
+++ b/public/lyear-config-upload.html
@@ -0,0 +1,330 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>上传配置 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<!--标签插件-->
			
 
				+<link rel="stylesheet" href="js/jquery-tags-input/jquery.tagsinput.min.css">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li class="active"> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> 示例页面 - 网站配置 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <ul class="nav nav-tabs page-tabs">
			
 
				+                <li> <a href="lyear_pages_config.html">基本</a> </li>
			
 
				+                <li> <a href="lyear-config-system.html">系统</a> </li>
			
 
				+                <li class="active"> <a href="#!">上传</a> </li>
			
 
				+              </ul>
			
 
				+              <div class="tab-content">
			
 
				+                <div class="tab-pane active">
			
 
				+                  
			
 
				+                  <form action="#!" method="post" name="edit-form" class="edit-form">
			
 
				+                    <div class="form-group">
			
 
				+                      <label for="upload_file_ext">图片上传大小限制</label>
			
 
				+                      <input class="js-tags-input form-control" type="text" id="upload_file_ext" name="upload_file_ext" value="doc,docx,xls,xlsx,ppt,pptx,pdf,wps,txt,rar,zip,gz,bz2,7z" >
			
 
				+                      <small class="help-block">多个后缀用逗号隔开，不填写则不限制类型</small>
			
 
				+                    </div>
			
 
				+                    <div class="form-group">
			
 
				+                      <label for="upload_image_size">图片上传大小限制</label>
			
 
				+                      <input class="form-control" type="text" id="upload_image_size" name="upload_image_size" value="0" placeholder="请输入图片上传大小限制" >
			
 
				+                      <small class="help-block">0为不限制大小，单位：kb</small>
			
 
				+                    </div>
			
 
				+                    <div class="form-group">
			
 
				+                      <label for="upload_image_ext">允许上传的图片后缀</label>
			
 
				+                      <input class="js-tags-input form-control" type="text" id="upload_image_ext" name="upload_image_ext" value="gif,jpg,jpeg,bmp,png" >
			
 
				+                      <small class="help-block">多个后缀用逗号隔开，不填写则不限制类型</small>
			
 
				+                    </div>
			
 
				+                    <div class="form-group">
			
 
				+                      <label for="upload_file_size">文件上传大小限制</label>
			
 
				+                      <input class="form-control" type="text" id="upload_file_size" name="upload_file_size" value="0" placeholder="请输入文件上传大小限制" >
			
 
				+                      <small class="help-block">0为不限制大小，单位：kb</small>
			
 
				+                    </div>
			
 
				+                    <div class="form-group">
			
 
				+                      <button type="submit" class="btn btn-primary m-r-5">确 定</button>
			
 
				+                      <button type="button" class="btn btn-default" onclick="javascript:history.back(-1);return false;">返 回</button>
			
 
				+                    </div>
			
 
				+                  </form>
			
 
				+
			
 
				+                  
			
 
				+                </div>
			
 
				+              </div>
			
 
				+
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<!--标签插件-->
			
 
				+<script src="js/jquery-tags-input/jquery.tagsinput.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_forms_checkbox.html
+++ b/public/lyear_forms_checkbox.html
@@ -0,0 +1,372 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>复选框 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+      
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll"> 
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li class="active"> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> 表单 - 复选框 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>基本样式</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <p>这很容易。将 <code>.checkbox</code> 类添加到<code>&lt;label&gt;</code>。</p>
			
 
				+                <div class="example-box">
			
 
				+                  <label class="lyear-checkbox">
			
 
				+                    <input type="checkbox">
			
 
				+                    <span>默认复选框</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-checkbox m-t-10">
			
 
				+                    <input type="checkbox" checked="">
			
 
				+                    <span>选中的</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-checkbox checkbox-grey m-t-10">
			
 
				+                    <input type="checkbox">
			
 
				+                    <span>灰色背景复选框</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-checkbox m-t-10">
			
 
				+                    <input type="checkbox" disabled="">
			
 
				+                    <span>禁用的</span>
			
 
				+                  </label>
			
 
				+                </div>
			
 
				+                
			
 
				+                <p class="m-t-10">对于内联复选框 <code>.checkbox-inline</code>。</p>
			
 
				+                <div class="example-box">
			
 
				+                  <label class="lyear-checkbox checkbox-inline checkbox-primary">
			
 
				+                    <input type="checkbox"><span>篮球</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-checkbox checkbox-inline checkbox-primary">
			
 
				+                    <input type="checkbox"><span>足球</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-checkbox checkbox-inline checkbox-primary">
			
 
				+                    <input type="checkbox"><span>排球</span>
			
 
				+                  </label>
			
 
				+                </div>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>颜色</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <p>添加 <code>.checkbox-*</code> 用于更改复选框的外观：<code>.checkbox-primary</code> <code>.checkbox-info</code>...</p>
			
 
				+                <div class="example-box">
			
 
				+                  <label class="lyear-checkbox checkbox-primary m-t-10">
			
 
				+                    <input type="checkbox" checked=""><span>Primary（主色）</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-checkbox checkbox-success m-t-10">
			
 
				+                    <input type="checkbox" checked=""><span>Success（成功）</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-checkbox checkbox-secondary m-t-10">
			
 
				+                    <input type="checkbox" checked=""><span>Secondary（灰色）</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-checkbox checkbox-info m-t-10">
			
 
				+                    <input type="checkbox" checked=""><span>Info（一般信息）</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-checkbox checkbox-warning m-t-10">
			
 
				+                    <input type="checkbox" checked=""><span>Warning（警告）</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-checkbox checkbox-danger m-t-10">
			
 
				+                    <input type="checkbox" checked=""><span>Danger（危险）</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-checkbox checkbox-dark m-t-10">
			
 
				+                    <input type="checkbox" checked=""><span>Dark（黑色）</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-checkbox checkbox-purple m-t-10">
			
 
				+                    <input type="checkbox" checked=""><span>Purple（紫色）</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-checkbox checkbox-pink m-t-10">
			
 
				+                    <input type="checkbox" checked=""><span>Pink（粉红色）</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-checkbox checkbox-cyan m-t-10">
			
 
				+                    <input type="checkbox" checked=""><span>Cyan（青色）</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-checkbox checkbox-yellow m-t-10">
			
 
				+                    <input type="checkbox" checked=""><span>Yellow（黄色）</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-checkbox checkbox-brown m-t-10">
			
 
				+                    <input type="checkbox" checked=""><span>Brown（棕色）</span>
			
 
				+                  </label>
			
 
				+                </div>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            
			
 
				+          </div>
			
 
				+          
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_forms_elements.html
+++ b/public/lyear_forms_elements.html
@@ -0,0 +1,857 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>表单 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li class="active"> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> 表单 - 表单 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-md-6">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>基本样式</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <form class="form-horizontal" action="#" method="post" enctype="multipart/form-data" onsubmit="return false;">
			
 
				+                  <div class="form-group">
			
 
				+                    <label class="col-xs-12">静态控件</label>
			
 
				+                    <div class="col-xs-12">
			
 
				+                      <div class="form-control-static">用户名</div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <label class="col-xs-12" for="example-text-input">文本</label>
			
 
				+                    <div class="col-xs-12">
			
 
				+                      <input class="form-control" type="text" id="example-text-input" name="example-text-input" placeholder="文本..">
			
 
				+                      <div class="help-block">输入更多信息</div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <label class="col-xs-12" for="example-email-input">邮箱</label>
			
 
				+                    <div class="col-xs-12">
			
 
				+                      <input class="form-control" type="email" id="example-email-input" name="example-email-input" placeholder="邮箱..">
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <label class="col-xs-12" for="example-password-input">密码</label>
			
 
				+                    <div class="col-xs-12">
			
 
				+                      <input class="form-control" type="password" id="example-password-input" name="example-password-input" placeholder="密码..">
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group has-success">
			
 
				+                    <label class="col-xs-12" for="example-text-input-success">成功状态</label>
			
 
				+                    <div class="col-xs-12">
			
 
				+                      <input class="form-control" type="text" id="example-text-input-success" name="example-text-input-success" placeholder="成功状态..">
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group has-info">
			
 
				+                    <label class="col-xs-12" for="example-text-input-info">信息状态</label>
			
 
				+                    <div class="col-xs-12">
			
 
				+                      <input class="form-control" type="text" id="example-text-input-info" name="example-text-input-info" placeholder="信息状态..">
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group has-warning">
			
 
				+                    <label class="col-xs-12" for="example-text-input-warning">警告状态</label>
			
 
				+                    <div class="col-xs-12">
			
 
				+                      <input class="form-control" type="text" id="example-text-input-warning" name="example-text-input-warning" placeholder="警告状态..">
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group has-error">
			
 
				+                    <label class="col-xs-12" for="example-text-input-error">错误状态</label>
			
 
				+                    <div class="col-xs-12">
			
 
				+                      <input class="form-control" type="text" id="example-text-input-error" name="example-text-input-error" placeholder="错误状态..">
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <label class="col-xs-12" for="example-disabled-input">禁用</label>
			
 
				+                    <div class="col-xs-12">
			
 
				+                      <input class="form-control" type="text" id="example-disabled-input" name="example-disabled-input" placeholder="禁用.." disabled>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <label class="col-xs-12" for="example-textarea-input">文本域</label>
			
 
				+                    <div class="col-xs-12">
			
 
				+                      <textarea class="form-control" id="example-textarea-input" name="example-textarea-input" rows="6" placeholder="内容.."></textarea>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <label class="col-xs-12" for="example-select">选择框</label>
			
 
				+                    <div class="col-xs-12">
			
 
				+                      <select class="form-control" id="example-select" name="example-select" size="1">
			
 
				+                        <option value="0">请选择</option>
			
 
				+                        <option value="1">选项 #1</option>
			
 
				+                        <option value="2">选项 #2</option>
			
 
				+                        <option value="3">选项 #3</option>
			
 
				+                      </select>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <label class="col-xs-12" for="example-multiple-select">多选</label>
			
 
				+                    <div class="col-xs-12">
			
 
				+                      <select class="form-control" id="example-multiple-select" name="example-multiple-select" size="5" multiple>
			
 
				+                        <option value="1">选项 #1</option>
			
 
				+                        <option value="2">选项 #2</option>
			
 
				+                        <option value="3">选项 #3</option>
			
 
				+                        <option value="4">选项 #4</option>
			
 
				+                        <option value="5">选项 #5</option>
			
 
				+                        <option value="6">选项 #6</option>
			
 
				+                        <option value="7">选项 #7</option>
			
 
				+                        <option value="8">选项 #8</option>
			
 
				+                        <option value="9">选项 #9</option>
			
 
				+                        <option value="10">选项 #10</option>
			
 
				+                      </select>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <label class="col-xs-12">单选框</label>
			
 
				+                    <div class="col-xs-12">
			
 
				+                      <div class="radio">
			
 
				+                        <label for="example-radio1">
			
 
				+                          <input type="radio" id="example-radio1" name="example-radios" value="option1">
			
 
				+                          Option 1
			
 
				+                        </label>
			
 
				+                      </div>
			
 
				+                      <div class="radio">
			
 
				+                        <label for="example-radio2">
			
 
				+                          <input type="radio" id="example-radio2" name="example-radios" value="option2">
			
 
				+                          Option 2
			
 
				+                        </label>
			
 
				+                      </div>
			
 
				+                      <div class="radio">
			
 
				+                        <label for="example-radio3">
			
 
				+                          <input type="radio" id="example-radio3" name="example-radios" value="option3">
			
 
				+                          Option 3
			
 
				+                        </label>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <label class="col-xs-12">内联单选框</label>
			
 
				+                    <div class="col-xs-12">
			
 
				+                      <label class="radio-inline" for="example-inline-radio1">
			
 
				+                        <input type="radio" id="example-inline-radio1" name="example-inline-radios" value="option1">
			
 
				+                        One
			
 
				+                      </label>
			
 
				+                      <label class="radio-inline" for="example-inline-radio2">
			
 
				+                        <input type="radio" id="example-inline-radio2" name="example-inline-radios" value="option2">
			
 
				+                        Two
			
 
				+                      </label>
			
 
				+                      <label class="radio-inline" for="example-inline-radio3">
			
 
				+                        <input type="radio" id="example-inline-radio3" name="example-inline-radios" value="option3">
			
 
				+                        Three
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <label class="col-xs-12">多选框</label>
			
 
				+                    <div class="col-xs-12">
			
 
				+                      <div class="checkbox">
			
 
				+                        <label for="example-checkbox1">
			
 
				+                          <input type="checkbox" id="example-checkbox1" name="example-checkbox1" value="option1">
			
 
				+                          Option 1 </label>
			
 
				+                      </div>
			
 
				+                      <div class="checkbox">
			
 
				+                        <label for="example-checkbox2">
			
 
				+                          <input type="checkbox" id="example-checkbox2" name="example-checkbox2" value="option2">
			
 
				+                          Option 2 </label>
			
 
				+                      </div>
			
 
				+                      <div class="checkbox">
			
 
				+                        <label for="example-checkbox3">
			
 
				+                          <input type="checkbox" id="example-checkbox3" name="example-checkbox3" value="option3">
			
 
				+                          Option 3 </label>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <label class="col-xs-12">内联多选框</label>
			
 
				+                    <div class="col-xs-12">
			
 
				+                      <label class="checkbox-inline" for="example-inline-checkbox1">
			
 
				+                        <input type="checkbox" id="example-inline-checkbox1" name="example-inline-checkbox1" value="option1">
			
 
				+                        One
			
 
				+                      </label>
			
 
				+                      <label class="checkbox-inline" for="example-inline-checkbox2">
			
 
				+                        <input type="checkbox" id="example-inline-checkbox2" name="example-inline-checkbox2" value="option2">
			
 
				+                        Two
			
 
				+                      </label>
			
 
				+                      <label class="checkbox-inline" for="example-inline-checkbox3">
			
 
				+                        <input type="checkbox" id="example-inline-checkbox3" name="example-inline-checkbox3" value="option3">
			
 
				+                        Three
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <label class="col-xs-12" for="example-file-input">上传控件</label>
			
 
				+                    <div class="col-xs-12">
			
 
				+                      <input type="file" id="example-file-input" name="example-file-input">
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <label class="col-xs-12" for="example-file-multiple-input">多文件上传</label>
			
 
				+                    <div class="col-xs-12">
			
 
				+                      <input type="file" id="example-file-multiple-input" name="example-file-multiple-input" multiple>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <div class="col-xs-12">
			
 
				+                      <button class="btn btn-primary" type="submit">提交</button>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </form>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+          <div class="col-md-6">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>普通表单</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <form action="lyear_forms_elements.html" method="post" onsubmit="return false;">
			
 
				+                  <div class="form-group">
			
 
				+                    <label for="example-nf-email">邮箱</label>
			
 
				+                    <input class="form-control" type="email" id="example-nf-email" name="example-nf-email" placeholder="请输入邮箱..">
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <label for="example-nf-password">密码</label>
			
 
				+                    <input class="form-control" type="password" id="example-nf-password" name="example-nf-password" placeholder="请输入密码..">
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <button class="btn btn-primary" type="submit">登录</button>
			
 
				+                  </div>
			
 
				+                </form>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>内联表单</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <form class="form-inline" action="lyear_forms_elements.html" method="post" onsubmit="return false;">
			
 
				+                  <div class="form-group">
			
 
				+                    <label class="sr-only" for="example-if-email">邮箱</label>
			
 
				+                    <input class="form-control" type="email" id="example-if-email" name="example-if-email" placeholder="请输入邮箱..">
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <label class="sr-only" for="example-if-password">密码</label>
			
 
				+                    <input class="form-control" type="password" id="example-if-password" name="example-if-password" placeholder="请输入密码..">
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <button class="btn btn-default" type="submit">登录</button>
			
 
				+                  </div>
			
 
				+                </form>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>水平排列的表单</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <form class="form-horizontal" action="lyear_forms_elements.html" method="post" onsubmit="return false;">
			
 
				+                  <div class="form-group">
			
 
				+                    <label class="col-md-3 control-label" for="example-hf-email">邮箱</label>
			
 
				+                    <div class="col-md-7">
			
 
				+                      <input class="form-control" type="email" id="example-hf-email" name="example-hf-email" placeholder="请输入邮箱..">
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <label class="col-md-3 control-label" for="example-hf-password">密码</label>
			
 
				+                    <div class="col-md-7">
			
 
				+                      <input class="form-control" type="password" id="example-hf-password" name="example-hf-password" placeholder="请输入密码..">
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <div class="col-md-9 col-md-offset-3">
			
 
				+                      <button class="btn btn-primary" type="submit">登录</button>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </form>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>输入框大小</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <form action="lyear_forms_elements.html" method="post" onsubmit="return false;">
			
 
				+                  <div class="form-group">
			
 
				+                    <label for="example-input-small">偏小输入框</label>
			
 
				+                    <input class="form-control input-sm" type="text" id="example-input-small" name="example-input-small" placeholder=".input-sm">
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <label for="example-input-normal">正常输入框</label>
			
 
				+                    <input class="form-control" type="text" id="example-input-normal" name="example-input-normal" placeholder="..">
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <label for="example-input-large">大输入框</label>
			
 
				+                    <input class="form-control input-lg" type="text" id="example-input-large" name="example-input-large" placeholder=".input-lg">
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <label>调整列（column）尺寸</label>
			
 
				+                    <div class="row">
			
 
				+                      <div class="col-xs-4">
			
 
				+                        <input class="form-control" type="text" placeholder=".col-xs-4">
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <div class="row">
			
 
				+                      <div class="col-xs-5">
			
 
				+                        <input class="form-control" type="text" placeholder=".col-xs-5">
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <div class="row">
			
 
				+                      <div class="col-xs-6">
			
 
				+                        <input class="form-control" type="text" placeholder=".col-xs-6">
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <div class="row">
			
 
				+                      <div class="col-xs-7">
			
 
				+                        <input class="form-control" type="text" placeholder=".col-xs-7">
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <div class="row">
			
 
				+                      <div class="col-xs-8">
			
 
				+                        <input class="form-control" type="text" placeholder=".col-xs-8">
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <div class="row">
			
 
				+                      <div class="col-xs-9">
			
 
				+                        <input class="form-control" type="text" placeholder=".col-xs-9">
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+  
			
 
				+                    <div class="row">
			
 
				+                      <div class="col-xs-10">
			
 
				+                        <input class="form-control" type="text" placeholder=".col-xs-10">
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <div class="row">
			
 
				+                      <div class="col-xs-11">
			
 
				+                        <input class="form-control" type="text" placeholder=".col-xs-11">
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <div class="row">
			
 
				+                      <div class="col-xs-12">
			
 
				+                        <input class="form-control" type="text" placeholder=".col-xs-12">
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <label>多列输入框</label>
			
 
				+                    <div class="row">
			
 
				+                      <div class="col-xs-6">
			
 
				+                        <input class="form-control" type="text" placeholder=".col-xs-6">
			
 
				+                      </div>
			
 
				+                      <div class="col-xs-6">
			
 
				+                        <input class="form-control" type="text" placeholder=".col-xs-6">
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <div class="row">
			
 
				+                      <div class="col-xs-4">
			
 
				+                        <input class="form-control" type="text" placeholder=".col-xs-4">
			
 
				+                      </div>
			
 
				+                      <div class="col-xs-4">
			
 
				+                        <input class="form-control" type="text" placeholder=".col-xs-4">
			
 
				+                      </div>
			
 
				+                      <div class="col-xs-4">
			
 
				+                        <input class="form-control" type="text" placeholder=".col-xs-4">
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <div class="row">
			
 
				+                      <div class="col-xs-3">
			
 
				+                        <input class="form-control" type="text" placeholder=".col-xs-3">
			
 
				+                      </div>
			
 
				+                      <div class="col-xs-6">
			
 
				+                        <input class="form-control" type="text" placeholder=".col-xs-6">
			
 
				+                      </div>
			
 
				+                      <div class="col-xs-3">
			
 
				+                        <input class="form-control" type="text" placeholder=".col-xs-3">
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <button class="btn btn-primary" type="submit">提交</button>
			
 
				+                  </div>
			
 
				+                </form>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            
			
 
				+          </div>
			
 
				+          <div class="col-md-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>输入框组</h4></div>
			
 
				+              <div class="card-body">
			
 
				+
			
 
				+                <form action="lyear_forms_elements.html" method="post" onsubmit="return false;">
			
 
				+                  <div class="input-group m-b-10">
			
 
				+                    <span class="input-group-addon" id="basic-addon1">@</span>
			
 
				+                    <input type="text" class="form-control" placeholder="用户名" aria-describedby="basic-addon1">
			
 
				+                  </div>
			
 
				+                  
			
 
				+                  <div class="input-group m-b-10">
			
 
				+                    <input type="text" class="form-control" placeholder="收件人的用户名" aria-describedby="basic-addon2">
			
 
				+                    <span class="input-group-addon" id="basic-addon2">@itshubao.com</span>
			
 
				+                  </div>
			
 
				+                  
			
 
				+                  <div class="input-group m-b-10">
			
 
				+                    <span class="input-group-addon">$</span>
			
 
				+                    <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
			
 
				+                    <span class="input-group-addon">.00</span>
			
 
				+                  </div>
			
 
				+                  
			
 
				+                  <label for="basic-url">您的网址</label>
			
 
				+                  <div class="input-group m-b-10">
			
 
				+                    <span class="input-group-addon" id="basic-addon3">http://www.itshubao.com/</span>
			
 
				+                    <input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3">
			
 
				+                  </div>
			
 
				+                  
			
 
				+                  <div class="input-group input-group-lg m-b-10">
			
 
				+                    <span class="input-group-addon" id="sizing-addon1">@</span>
			
 
				+                    <input type="text" class="form-control" placeholder="用户名" aria-describedby="sizing-addon1">
			
 
				+                  </div>
			
 
				+                  
			
 
				+                  <div class="input-group m-b-10">
			
 
				+                    <span class="input-group-addon" id="sizing-addon2">@</span>
			
 
				+                    <input type="text" class="form-control" placeholder="用户名" aria-describedby="sizing-addon2">
			
 
				+                  </div>
			
 
				+                   
			
 
				+                  <div class="input-group input-group-sm m-b-10">
			
 
				+                    <span class="input-group-addon" id="sizing-addon3">@</span>
			
 
				+                    <input type="text" class="form-control" placeholder="用户名" aria-describedby="sizing-addon3">
			
 
				+                  </div>
			
 
				+                  
			
 
				+                  <div class="row m-b-10">
			
 
				+                    <div class="col-lg-6">
			
 
				+                      <div class="input-group">
			
 
				+                        <span class="input-group-addon">
			
 
				+                          <input type="checkbox" aria-label="...">
			
 
				+                        </span>
			
 
				+                        <input type="text" class="form-control" aria-label="...">
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                    <div class="col-lg-6">
			
 
				+                      <div class="input-group">
			
 
				+                        <span class="input-group-addon">
			
 
				+                          <input type="radio" aria-label="...">
			
 
				+                        </span>
			
 
				+                        <input type="text" class="form-control" aria-label="...">
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  
			
 
				+                  <div class="row m-b-10">
			
 
				+                    <div class="col-lg-6">
			
 
				+                      <div class="input-group">
			
 
				+                        <span class="input-group-btn">
			
 
				+                          <button class="btn btn-default" type="button">搜索</button>
			
 
				+                        </span>
			
 
				+                        <input type="text" class="form-control" placeholder="请输入关键词...">
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                    <div class="col-lg-6">
			
 
				+                      <div class="input-group">
			
 
				+                        <input type="text" class="form-control" placeholder="请输入关键词...">
			
 
				+                        <span class="input-group-btn">
			
 
				+                          <button class="btn btn-default" type="button">搜索</button>
			
 
				+                        </span>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  
			
 
				+                  <div class="row m-b-10">
			
 
				+                    <div class="col-lg-6">
			
 
				+                      <div class="input-group">
			
 
				+                        <div class="input-group-btn">
			
 
				+                          <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">陈楚生 <span class="caret"></span></button>
			
 
				+                          <ul class="dropdown-menu">
			
 
				+                            <li><a href="#!">思恋一个荒废的名字</a></li>
			
 
				+                            <li><a href="#!">有没有人告诉你</a></li>
			
 
				+                            <li><a href="#!">经过</a></li>
			
 
				+                            <li role="separator" class="divider"></li>
			
 
				+                            <li><a href="#!">风起时想你</a></li>
			
 
				+                          </ul>
			
 
				+                        </div>
			
 
				+                        <input type="text" class="form-control" aria-label="...">
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                    <div class="col-lg-6">
			
 
				+                      <div class="input-group">
			
 
				+                        <input type="text" class="form-control" aria-label="...">
			
 
				+                        <div class="input-group-btn">
			
 
				+                          <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">河图 <span class="caret"></span></button>
			
 
				+                          <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                            <li><a href="#!">窗前明月光</a></li>
			
 
				+                            <li><a href="#!">不见有情</a></li>
			
 
				+                            <li><a href="#!">春日迟</a></li>
			
 
				+                            <li role="separator" class="divider"></li>
			
 
				+                            <li><a href="#!">自为风月马前卒</a></li>
			
 
				+                          </ul>
			
 
				+                        </div>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+
			
 
				+                  <div class="row m-b-10">
			
 
				+                    <div class="col-lg-6">
			
 
				+                      <div class="input-group">
			
 
				+                        <div class="input-group-btn">
			
 
				+                          <button type="button" class="btn btn-default">陈奕迅</button>
			
 
				+                          <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			
 
				+                            <span class="caret"></span>
			
 
				+                            <span class="sr-only">Toggle Dropdown</span>
			
 
				+                          </button>
			
 
				+                          <ul class="dropdown-menu">
			
 
				+                            <li><a href="#!">浮夸</a></li>
			
 
				+                            <li><a href="#!">爱情转移</a></li>
			
 
				+                            <li><a href="#!">六月飞雪</a></li>
			
 
				+                            <li role="separator" class="divider"></li>
			
 
				+                            <li><a href="#!">十年</a></li>
			
 
				+                          </ul>
			
 
				+                        </div>
			
 
				+                        <input type="text" class="form-control" aria-label="Text input with segmented button dropdown">
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                    <div class="col-lg-6">
			
 
				+                      <div class="input-group">
			
 
				+                        <input type="text" class="form-control" aria-label="Text input with segmented button dropdown">
			
 
				+                        <div class="input-group-btn">
			
 
				+                          <button type="button" class="btn btn-default">周杰伦</button>
			
 
				+                          <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			
 
				+                            <span class="caret"></span>
			
 
				+                            <span class="sr-only">Toggle Dropdown</span>
			
 
				+                          </button>
			
 
				+                          <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                            <li><a href="#!">夜的第七章</a></li>
			
 
				+                            <li><a href="#!">半兽人</a></li>
			
 
				+                            <li><a href="#!">上海一九四三</a></li>
			
 
				+                            <li role="separator" class="divider"></li>
			
 
				+                            <li><a href="#!">告白气球</a></li>
			
 
				+                          </ul>
			
 
				+                        </div>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  
			
 
				+                  <div class="row m-b-10">
			
 
				+                    <div class="col-lg-6">
			
 
				+                      <div class="input-group">
			
 
				+                        <div class="input-group-btn">
			
 
				+                          <button type="button" class="btn btn-default" aria-label="Bold"><span class="mdi mdi-format-bold"></span></button>
			
 
				+                          <button type="button" class="btn btn-default" aria-label="Italic"><span class="mdi mdi-format-italic"></span></button>
			
 
				+                        </div>
			
 
				+                        <input type="text" class="form-control" aria-label="Text input with multiple buttons">
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                    <div class="col-lg-6">
			
 
				+                      <div class="input-group">
			
 
				+                        <input type="text" class="form-control" aria-label="Text input with multiple buttons">
			
 
				+                        <div class="input-group-btn">
			
 
				+                          <button type="button" class="btn btn-default" aria-label="Help"><span class="mdi mdi-alert-circle-outline"></span></button>
			
 
				+                          <button type="button" class="btn btn-default">搜索</button>
			
 
				+                        </div>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  
			
 
				+                </form>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_forms_radio.html
+++ b/public/lyear_forms_radio.html
@@ -0,0 +1,384 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>单选框 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li class="active"> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> 表单 - 单选框 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>基本样式</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <p>将 <code>.checkbox</code> 类添加到<code>&lt;label&gt;</code>。</p>
			
 
				+                <div class="example-box">
			
 
				+                  <label class="lyear-radio">
			
 
				+                    <input type="radio" name="r1">
			
 
				+                    <span>默认单选框</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-radio radio-grey m-t-10">
			
 
				+                    <input type="radio" name="r1">
			
 
				+                    <span>灰色单选框</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-radio radio-primary m-t-10">
			
 
				+                    <input type="radio" checked="" name="r1">
			
 
				+                    <span>主色单选框</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-radio m-t-10">
			
 
				+                    <input type="radio" disabled="" name="r1">
			
 
				+                    <span>禁用的</span>
			
 
				+                  </label>
			
 
				+                </div>
			
 
				+                
			
 
				+                <p class="m-t-10">对于内联复选框 <code>.checkbox-inline</code>。</p>
			
 
				+                <div class="example-box">
			
 
				+                  <label class="lyear-radio radio-inline radio-primary">
			
 
				+                    <input type="radio" name="e"><span>羽毛球</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-radio radio-inline radio-primary">
			
 
				+                    <input type="radio" name="e"><span>冰球</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-radio radio-inline radio-primary">
			
 
				+                    <input type="radio" name="e"><span>网球</span>
			
 
				+                  </label>
			
 
				+                </div>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>颜色</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <p>添加 <code>.checkbox-*</code> 用于更改复选框的外观：<code>.checkbox-primary</code> <code>.checkbox-info</code>...</p>
			
 
				+                <div class="example-box">
			
 
				+                  <label class="lyear-radio radio-primary">
			
 
				+                    <input type="radio" checked="">
			
 
				+                    <span>Primary（主色）</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-radio radio-success m-t-10">
			
 
				+                    <input type="radio" checked="">
			
 
				+                    <span>Success（成功）</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-radio radio-secondary m-t-10">
			
 
				+                    <input type="radio" checked="">
			
 
				+                    <span>Secondary（灰色）</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-radio radio-info m-t-10">
			
 
				+                    <input type="radio" checked="">
			
 
				+                    <span>Info（一般信息）</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-radio radio-warning m-t-10">
			
 
				+                    <input type="radio" checked="">
			
 
				+                    <span>Warning（警告）</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-radio radio-danger m-t-10">
			
 
				+                    <input type="radio" checked="">
			
 
				+                    <span>Danger（警告）</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-radio radio-dark m-t-10">
			
 
				+                    <input type="radio" checked="">
			
 
				+                    <span>Dark（黑色）</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-radio radio-purple m-t-10">
			
 
				+                    <input type="radio" checked="">
			
 
				+                    <span>Purple（紫色）</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-radio radio-pink m-t-10">
			
 
				+                    <input type="radio" checked="">
			
 
				+                    <span>Pink（粉红色）</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-radio radio-cyan m-t-10">
			
 
				+                    <input type="radio" checked="">
			
 
				+                    <span>Cyan（青色）</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-radio radio-yellow m-t-10">
			
 
				+                    <input type="radio" checked="">
			
 
				+                    <span>Yellow（黄色）</span>
			
 
				+                  </label>
			
 
				+                  <label class="lyear-radio radio-brown m-t-10">
			
 
				+                    <input type="radio" checked="">
			
 
				+                    <span>Brown（棕色）</span>
			
 
				+                  </label>
			
 
				+                </div>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            
			
 
				+          </div>
			
 
				+                    
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_forms_switch.html
+++ b/public/lyear_forms_switch.html
@@ -0,0 +1,797 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>开关 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li class="active"> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> 表单 - 开关 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-xs-12 col-sm-6">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>默认开关样式</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <p>添加 <code>.switch-*</code> 以更改开关的外观：<code>.switch-success</code> <code>.switch-pink</code>...</p>
			
 
				+                <div class="example-box">
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">默认</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Primary（主色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-primary">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Success（成功）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-success">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Secondary（灰色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-secondary">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Info（一般信息）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-info">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Warning（警告）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-warning">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Danger（危险）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-danger">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row">
			
 
				+                    <div class="col-xs-6">Dark（黑色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-dark">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row">
			
 
				+                    <div class="col-xs-6">Purple（紫色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-purple">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row">
			
 
				+                    <div class="col-xs-6">Pink（粉红色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-pink">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row">
			
 
				+                    <div class="col-xs-6">Cyan（青色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-cyan">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row">
			
 
				+                    <div class="col-xs-6">Yellow（黄色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-yellow">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row">
			
 
				+                    <div class="col-xs-6">Brown（棕色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-brown">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <!-- end example-box -->
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="col-xs-12 col-sm-6">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>纯色风格开关</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <div class="example-box">
			
 
				+                  <p>给开关添加 <code>.switch-solid</code>。</p>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">默认</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-solid">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Primary（主色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-solid switch-primary">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Success（成功）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-solid switch-success">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Secondary（灰色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-solid switch-secondary">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Info（一般信息）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-solid switch-info">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Warning（警告）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-solid switch-warning">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Danger（危险）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-solid switch-danger">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Dark（黑色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-solid switch-dark">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row">
			
 
				+                    <div class="col-xs-6">Purple（紫色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-solid switch-purple">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row">
			
 
				+                    <div class="col-xs-6">Pink（粉红色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-solid switch-pink">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row">
			
 
				+                    <div class="col-xs-6">Cyan（青色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-solid switch-cyan">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row">
			
 
				+                    <div class="col-xs-6">Yellow（黄色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-solid switch-yellow">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row">
			
 
				+                    <div class="col-xs-6">Brown（棕色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-solid switch-brown">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <!-- end example-box -->
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-xs-12 col-sm-6">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>浅色背景开关样式</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <p>添加 <code>.switch-light</code> 以改变背景颜色。</p>
			
 
				+                <div class="example-box">
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">默认</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-light">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Primary（主色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-primary switch-light">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Success（成功）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-success switch-light">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Secondary（灰色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-secondary switch-light">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Info（一般信息）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-info switch-light">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Warning（警告）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-warning switch-light">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Danger（危险）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-danger switch-light">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Dark（黑色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-dark switch-light">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row">
			
 
				+                    <div class="col-xs-6">Purple（紫色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-light switch-purple">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row">
			
 
				+                    <div class="col-xs-6">Pink（粉红色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-light switch-pink">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row">
			
 
				+                    <div class="col-xs-6">Cyan（青色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-light switch-cyan">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row">
			
 
				+                    <div class="col-xs-6">Yellow（黄色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-light switch-yellow">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row">
			
 
				+                    <div class="col-xs-6">Brown（棕色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-light switch-brown">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <!-- end example-box -->
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="col-xs-12 col-sm-6">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>边框风格开关</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <div class="example-box">
			
 
				+                  <p>给开关添加 <code>.switch-outline</code>。</p>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">默认</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-outline">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Primary（主色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-outline switch-primary">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Success（成功）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-outline switch-success">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Secondary（灰色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-outline switch-secondary">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Info（一般信息）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-outline switch-info">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Warning（警告）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-outline switch-warning">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Danger（危险）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-outline switch-danger">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row m-b-10">
			
 
				+                    <div class="col-xs-6">Dark（黑色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-outline switch-dark">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row">
			
 
				+                    <div class="col-xs-6">Purple（紫色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-outline switch-purple">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row">
			
 
				+                    <div class="col-xs-6">Pink（粉红色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-outline switch-pink">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row">
			
 
				+                    <div class="col-xs-6">Cyan（青色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-outline switch-cyan">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row">
			
 
				+                    <div class="col-xs-6">Yellow（黄色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-outline switch-yellow">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group row">
			
 
				+                    <div class="col-xs-6">Brown（棕色）</div>
			
 
				+                    <div class="col-xs-6">
			
 
				+                      <label class="lyear-switch switch-outline switch-brown">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <!-- end example-box -->
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_js_chartjs.html
+++ b/public/lyear_js_chartjs.html
@@ -0,0 +1,834 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>图表 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li class="active"> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> JS 插件 - 图表 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          
			
 
				+          <div class="col-lg-6">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>线形图 - 1</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <canvas id="chart-line-1" width="400" height="250"></canvas>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="col-lg-6">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>线形图 - 2</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <canvas id="chart-line-2" width="400" height="250"></canvas>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="col-lg-6">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>线形图 - 3</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <canvas id="chart-line-3" width="400" height="250"></canvas>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="col-lg-6">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>线形图 - 4</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <canvas id="chart-line-4" width="400" height="250"></canvas>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="col-lg-6">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>面积图 - 1</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <canvas id="chart-area-1" width="400" height="250"></canvas>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="col-lg-6">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>面积图 - 2</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <canvas id="chart-area-2" width="400" height="250"></canvas>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="col-lg-6">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>垂直条形图 - 1</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <canvas id="chart-vbar-1" width="400" height="250"></canvas>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="col-lg-6">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>垂直条形图 - 2</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <canvas id="chart-vbar-2" width="400" height="250"></canvas>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="col-lg-6">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>水平条形图 - 1</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <canvas id="chart-hbar-1" width="400" height="250"></canvas>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="col-lg-6">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>水平条形图 - 2</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <canvas id="chart-hbar-2" width="400" height="250"></canvas>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="col-lg-6">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>饼图</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <canvas id="chart-pie" width="280" height="280"></canvas>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="col-lg-6">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>环形图</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <canvas id="chart-doughnut" width="280" height="280"></canvas>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="col-lg-6">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>雷达图</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <canvas id="chart-radar" width="360" height="360"></canvas>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="col-lg-6">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>极区图</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <canvas id="chart-polar" width="360" height="360"></canvas>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="col-lg-6">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>气泡图</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <canvas id="chart-bubble" width="280" height="280"></canvas>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<script type="text/javascript" src="js/Chart.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+<script type="text/javascript">
			
 
				+new Chart($("#chart-line-1"), {
			
 
				+    type: 'line',
			
 
				+    data: {
			
 
				+        labels: ["一月", "二月", "三月", "四月"],
			
 
				+        datasets: [
			
 
				+            {
			
 
				+                label: "收入",
			
 
				+                fill: false,
			
 
				+                borderWidth: 3,
			
 
				+                pointRadius: 0,
			
 
				+                data: [30, 25, 35, 23]
			
 
				+            }
			
 
				+        ]
			
 
				+    },
			
 
				+    options: {
			
 
				+        legend: {
			
 
				+            display: false
			
 
				+        },
			
 
				+    }
			
 
				+});
			
 
				+
			
 
				+new Chart($("#chart-line-2"), {
			
 
				+    type: 'line',
			
 
				+    data: {
			
 
				+        labels: ["一月", "二月", "三月", "四月"],
			
 
				+        datasets: [{
			
 
				+            label: "收入",
			
 
				+            fill: false,
			
 
				+            borderWidth: 3,
			
 
				+            pointRadius: 5,
			
 
				+            borderColor: "#9966ff",
			
 
				+            pointBackgroundColor: "#9966ff",
			
 
				+            pointBorderColor: "#9966ff",
			
 
				+            pointHoverBackgroundColor: "#fff",
			
 
				+            pointHoverBorderColor: "#9966ff",
			
 
				+            data: [30, 25, 35, 23]
			
 
				+        }]
			
 
				+    },
			
 
				+    options: {
			
 
				+        legend: {
			
 
				+            display: false
			
 
				+        },
			
 
				+    }
			
 
				+});
			
 
				+
			
 
				+new Chart($("#chart-line-3"), {
			
 
				+    type: 'line',
			
 
				+    data: {
			
 
				+        labels: ["一月", "二月", "三月", "四月"],
			
 
				+        datasets: [{
			
 
				+            label: "收入",
			
 
				+            fill: false,
			
 
				+            backgroundColor: "#36a2eb",
			
 
				+            borderColor: "#36a2eb",
			
 
				+            borderWidth: 3,
			
 
				+            pointRadius: 0,
			
 
				+            data: [30, 25, 35, 23]
			
 
				+        },
			
 
				+        {
			
 
				+            label: "支出",
			
 
				+            fill: false,
			
 
				+            borderColor: "#ff6384",
			
 
				+            backgroundColor: "#ff6384",
			
 
				+            borderWidth: 3,
			
 
				+            pointRadius: 0,
			
 
				+            data: [23, 29, 30, 33]
			
 
				+        }]
			
 
				+    },
			
 
				+    options: {}
			
 
				+});
			
 
				+
			
 
				+new Chart($("#chart-line-4"), {
			
 
				+    type: 'line',
			
 
				+    data: {
			
 
				+        labels: ["一月", "二月", "三月", "四月"],
			
 
				+        datasets: [{
			
 
				+            label: "收入",
			
 
				+            fill: false,
			
 
				+            borderWidth: 3,
			
 
				+            pointRadius: 4,
			
 
				+            borderColor: "#36a2eb",
			
 
				+            backgroundColor: "#36a2eb",
			
 
				+            pointBackgroundColor: "#36a2eb",
			
 
				+            pointBorderColor: "#36a2eb",
			
 
				+            pointHoverBackgroundColor: "#fff",
			
 
				+            pointHoverBorderColor: "#36a2eb",
			
 
				+            data: [30, 25, 35, 23]
			
 
				+        },
			
 
				+        {
			
 
				+            label: "支出",
			
 
				+            fill: false,
			
 
				+            borderWidth: 3,
			
 
				+            pointRadius: 4,
			
 
				+            borderColor: "#ff6384",
			
 
				+            backgroundColor: "#ff6384",
			
 
				+            pointBackgroundColor: "#ff6384",
			
 
				+            pointBorderColor: "#ff6384",
			
 
				+            pointHoverBackgroundColor: "#fff",
			
 
				+            pointHoverBorderColor: "#ff6384",
			
 
				+            data: [23, 29, 30, 33]
			
 
				+        }]
			
 
				+    },
			
 
				+    options: {}
			
 
				+});
			
 
				+
			
 
				+new Chart($("#chart-area-1"), {
			
 
				+    type: 'line',
			
 
				+    data: {
			
 
				+        labels: ["一月", "二月", "三月", "四月", "五月", "六月", "七月"],
			
 
				+        datasets: [{
			
 
				+            label: "收入",
			
 
				+            backgroundColor: "rgba(51,202,185,0.5)",
			
 
				+            borderWidth: 0,
			
 
				+            borderColor: "rgba(0,0,0,0)",
			
 
				+            data: [0, 59, 80, 58, 20, 55, 40]
			
 
				+        }]
			
 
				+    },
			
 
				+    options: {
			
 
				+        legend: {
			
 
				+            display: false
			
 
				+        },
			
 
				+    }
			
 
				+});
			
 
				+
			
 
				+new Chart($("#chart-area-2"), {
			
 
				+    type: 'line',
			
 
				+    data: {
			
 
				+        labels: ["一月", "二月", "三月", "四月", "五月", "六月", "七月"],
			
 
				+        datasets: [{
			
 
				+            label: "收入",
			
 
				+            backgroundColor: "rgba(51,202,185,0.5)",
			
 
				+            borderColor: "rgba(0,0,0,0)",
			
 
				+            pointBackgroundColor: "rgba(51,202,185,0.5)",
			
 
				+            pointBorderColor: "#fff",
			
 
				+            pointHoverBackgroundColor: "#fff",
			
 
				+            pointHoverBorderColor: "rgba(51,202,185,0.5)",
			
 
				+            data: [0, 59, 80, 58, 20, 55, 40]
			
 
				+        },
			
 
				+        {
			
 
				+            label: "支出",
			
 
				+            backgroundColor: "rgba(243,245,246,0.8)",
			
 
				+            borderColor: "rgba(0,0,0,0)",
			
 
				+            pointBackgroundColor: "rgba(243,245,246,0.8)",
			
 
				+            pointBorderColor: "#fff",
			
 
				+            pointHoverBackgroundColor: "#fff",
			
 
				+            pointHoverBorderColor: "rgba(243,245,246,0.8)",
			
 
				+            data: [28, 48, 40, 19, 86, 27, 90]
			
 
				+        }]
			
 
				+    },
			
 
				+    options: {}
			
 
				+});
			
 
				+
			
 
				+new Chart($("#chart-vbar-1"), {
			
 
				+    type: 'bar',
			
 
				+    data: {
			
 
				+        labels: ["一月", "二月", "三月", "四月", "五月", "六月", "七月"],
			
 
				+        datasets: [{
			
 
				+            label: "收入",
			
 
				+            backgroundColor: "rgba(51,202,185,0.5)",
			
 
				+            borderColor: "rgba(0,0,0,0)",
			
 
				+            hoverBackgroundColor: "rgba(51,202,185,0.7)",
			
 
				+            hoverBorderColor: "rgba(0,0,0,0)",
			
 
				+            data: [10, 59, 80, 58, 20, 55, 40]
			
 
				+        }]
			
 
				+    },
			
 
				+    options: {
			
 
				+        scales: {
			
 
				+            yAxes: [{
			
 
				+                ticks: {
			
 
				+                    beginAtZero: true
			
 
				+                }
			
 
				+            }]
			
 
				+        }
			
 
				+    }
			
 
				+});
			
 
				+
			
 
				+new Chart($("#chart-vbar-2"), {
			
 
				+    type: 'bar',
			
 
				+    data: {
			
 
				+        labels: ["一月", "二月", "三月", "四月", "五月", "六月", "七月"],
			
 
				+        datasets: [{
			
 
				+            label: "收入",
			
 
				+            backgroundColor: "rgba(51,202,185,0.5)",
			
 
				+            borderColor: "rgba(0,0,0,0)",
			
 
				+            hoverBackgroundColor: "rgba(51,202,185,0.7)",
			
 
				+            hoverBorderColor: "rgba(0,0,0,0)",
			
 
				+            data: [10, 59, 80, 58, 20, 55, 40]
			
 
				+        },
			
 
				+        {
			
 
				+            label: "支出",
			
 
				+            backgroundColor: "rgba(243,245,246,0.8)",
			
 
				+            borderColor: "rgba(0,0,0,0)",
			
 
				+            hoverBackgroundColor: "rgba(238,239,240,1)",
			
 
				+            hoverBorderColor: "rgba(0,0,0,0)",
			
 
				+            data: [28, 48, 40, 19, 86, 27, 90]
			
 
				+        }]
			
 
				+    },
			
 
				+    options: {
			
 
				+        scales: {
			
 
				+            yAxes: [{
			
 
				+                ticks: {
			
 
				+                    beginAtZero: true
			
 
				+                }
			
 
				+            }]
			
 
				+        }
			
 
				+    }
			
 
				+});
			
 
				+
			
 
				+new Chart($("#chart-hbar-1"), {
			
 
				+    type: 'horizontalBar',
			
 
				+    data: {
			
 
				+        labels: ["一月", "二月", "三月", "四月", "五月", "六月", "七月"],
			
 
				+        datasets: [{
			
 
				+            label: "收入",
			
 
				+            backgroundColor: "rgba(51,202,185,0.5)",
			
 
				+            borderColor: "rgba(0,0,0,0)",
			
 
				+            hoverBackgroundColor: "rgba(51,202,185,0.7)",
			
 
				+            hoverBorderColor: "rgba(0,0,0,0)",
			
 
				+            data: [10, 59, 80, 58, 20, 55, 40]
			
 
				+        }]
			
 
				+    },
			
 
				+    options: {
			
 
				+        scales: {
			
 
				+            xAxes: [{
			
 
				+                ticks: {
			
 
				+                    beginAtZero: true
			
 
				+                }
			
 
				+            }]
			
 
				+        }
			
 
				+    }
			
 
				+});
			
 
				+
			
 
				+new Chart($("#chart-hbar-2"), {
			
 
				+    type: 'horizontalBar',
			
 
				+    data: {
			
 
				+        labels: ["一月", "二月", "三月", "四月", "五月", "六月", "七月"],
			
 
				+        datasets: [{
			
 
				+            label: "收入",
			
 
				+            backgroundColor: "rgba(51,202,185,0.5)",
			
 
				+            borderColor: "rgba(0,0,0,0)",
			
 
				+            hoverBackgroundColor: "rgba(51,202,185,0.7)",
			
 
				+            hoverBorderColor: "rgba(0,0,0,0)",
			
 
				+            data: [10, 59, 80, 58, 20, 55, 40]
			
 
				+        },
			
 
				+        {
			
 
				+            label: "支出",
			
 
				+            backgroundColor: "rgba(243,245,246,0.8)",
			
 
				+            borderColor: "rgba(0,0,0,0)",
			
 
				+            hoverBackgroundColor: "rgba(238,239,240,1)",
			
 
				+            hoverBorderColor: "rgba(0,0,0,0)",
			
 
				+            data: [28, 48, 40, 19, 86, 27, 90]
			
 
				+        }]
			
 
				+    },
			
 
				+    options: {
			
 
				+        scales: {
			
 
				+            xAxes: [{
			
 
				+                ticks: {
			
 
				+                    beginAtZero: true
			
 
				+                }
			
 
				+            }]
			
 
				+        }
			
 
				+    }
			
 
				+});
			
 
				+
			
 
				+new Chart($("#chart-radar"), {
			
 
				+    type: 'radar',
			
 
				+    data: {
			
 
				+        labels: ["饮食", "饮酒", "睡眠", "设计", "编码", "骑行", "运动"],
			
 
				+        datasets: [{
			
 
				+            label: "张三",
			
 
				+            backgroundColor: "rgba(51,202,185,0.7)",
			
 
				+            borderColor: "rgba(0,0,0,0)",
			
 
				+            pointBackgroundColor: "rgba(51,202,185,0.7)",
			
 
				+            pointBorderColor: "#fff",
			
 
				+            pointHoverBackgroundColor: "#fff",
			
 
				+            pointHoverBorderColor: "rgba(51,202,185,0.7)",
			
 
				+            data: [65, 59, 90, 81, 56, 55, 40]
			
 
				+        },
			
 
				+        {
			
 
				+            label: "李四",
			
 
				+            backgroundColor: "rgba(72,176,247,0.7)",
			
 
				+            borderColor: "rgba(0,0,0,0)",
			
 
				+            pointBackgroundColor: "rgba(72,176,247,0.7)",
			
 
				+            pointBorderColor: "#fff",
			
 
				+            pointHoverBackgroundColor: "#fff",
			
 
				+            pointHoverBorderColor: "rgba(72,176,247,0.7)",
			
 
				+            data: [28, 48, 40, 19, 96, 27, 100]
			
 
				+        }]
			
 
				+    },
			
 
				+    options: {
			
 
				+        responsive: false,
			
 
				+        legend: {
			
 
				+            display: false
			
 
				+        }
			
 
				+    }
			
 
				+});
			
 
				+
			
 
				+new Chart($("#chart-polar"), {
			
 
				+    type: 'polarArea',
			
 
				+    data: {
			
 
				+        datasets: [{
			
 
				+            data: [11, 16, 7, 3, 14],
			
 
				+            backgroundColor: ['rgba(255,99,132,0.95)', 'rgba(75, 192, 192, 0.95)', 'rgba(255, 159, 64, 0.95)', 'rgba(231, 233, 237, 0.95)', 'rgba(54, 162, 235, 0.95)'],
			
 
				+            label: 'My dataset' // for legend
			
 
				+        }],
			
 
				+        labels: ["红色", "绿色", "橙色", "灰色", "蓝色"]
			
 
				+    },
			
 
				+    options: {
			
 
				+        responsive: false,
			
 
				+        legend: {
			
 
				+            display: false
			
 
				+        }
			
 
				+    }
			
 
				+});
			
 
				+
			
 
				+new Chart($("#chart-pie"), {
			
 
				+    type: 'pie',
			
 
				+    data: {
			
 
				+        labels: ["红色", "蓝色", "橙色"],
			
 
				+        datasets: [{
			
 
				+            data: [300, 50, 100],
			
 
				+            backgroundColor: ['rgba(255,99,132,1)', 'rgba(54, 162, 235, 1)', 'rgba(255, 206, 86, 1)']
			
 
				+        }]
			
 
				+    },
			
 
				+    options: {
			
 
				+        responsive: false
			
 
				+    }
			
 
				+});
			
 
				+
			
 
				+new Chart($("#chart-doughnut"), {
			
 
				+    type: 'doughnut',
			
 
				+    data: {
			
 
				+        labels: ["红色", "蓝色", "橙色"],
			
 
				+        datasets: [{
			
 
				+            data: [300, 50, 100],
			
 
				+            backgroundColor: ['rgba(255,99,132,1)', 'rgba(54, 162, 235, 1)', 'rgba(255, 206, 86, 1)']
			
 
				+        }]
			
 
				+    },
			
 
				+    options: {
			
 
				+        responsive: false
			
 
				+    }
			
 
				+});
			
 
				+
			
 
				+new Chart($("#chart-bubble"), {
			
 
				+    type: 'bubble',
			
 
				+    data: {
			
 
				+        datasets: [{
			
 
				+            label: '粉红色',
			
 
				+            data: [{
			
 
				+                x: 8,
			
 
				+                y: 24,
			
 
				+                r: 18
			
 
				+            },
			
 
				+            {
			
 
				+                x: 20,
			
 
				+                y: 30,
			
 
				+                r: 15
			
 
				+            },
			
 
				+            {
			
 
				+                x: 40,
			
 
				+                y: 10,
			
 
				+                r: 10
			
 
				+            }],
			
 
				+            backgroundColor: "#ff6384",
			
 
				+            hoverBackgroundColor: "#ff6384",
			
 
				+        },
			
 
				+        {
			
 
				+            label: '蓝色',
			
 
				+            data: [{
			
 
				+                x: 10,
			
 
				+                y: 35,
			
 
				+                r: 5
			
 
				+            },
			
 
				+            {
			
 
				+                x: 5,
			
 
				+                y: 5,
			
 
				+                r: 20
			
 
				+            },
			
 
				+            {
			
 
				+                x: 30,
			
 
				+                y: 15,
			
 
				+                r: 10
			
 
				+            }],
			
 
				+            backgroundColor: "#36a2eb",
			
 
				+            hoverBackgroundColor: "#36a2eb",
			
 
				+        },
			
 
				+        {
			
 
				+            label: '黄色',
			
 
				+            data: [{
			
 
				+                x: 17,
			
 
				+                y: 21,
			
 
				+                r: 8
			
 
				+            },
			
 
				+            {
			
 
				+                x: 25,
			
 
				+                y: 15,
			
 
				+                r: 12
			
 
				+            },
			
 
				+            {
			
 
				+                x: 12,
			
 
				+                y: 31,
			
 
				+                r: 16
			
 
				+            }],
			
 
				+            backgroundColor: "#ffce56",
			
 
				+            hoverBackgroundColor: "#ffce56",
			
 
				+        },
			
 
				+        ]
			
 
				+    },
			
 
				+    options: {
			
 
				+        legend: {
			
 
				+            display: false
			
 
				+        },
			
 
				+
			
 
				+        scales: {
			
 
				+            xAxes: [{
			
 
				+                ticks: {
			
 
				+                    beginAtZero: true
			
 
				+                }
			
 
				+            }],
			
 
				+            yAxes: [{
			
 
				+                ticks: {
			
 
				+                    beginAtZero: true
			
 
				+                }
			
 
				+            }]
			
 
				+        }
			
 
				+    }
			
 
				+});
			
 
				+</script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_js_colorpicker.html
+++ b/public/lyear_js_colorpicker.html
@@ -0,0 +1,302 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>颜色选择器 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<!--颜色选择插件-->
			
 
				+<link rel="stylesheet" href="js/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li class="active"> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> JS 插件 - 颜色选择器 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>颜色选择</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <input class="form-control js-colorpicker m-b-10" type="text" id="example-colorpicker" name="text_color" placeholder="点击选择颜色" value="" />
			
 
				+                
			
 
				+                <div class="js-colorpicker input-group colorpicker-element">
			
 
				+                  <input class="form-control" type="text" id="example-colorpicker2" name="example-colorpicker2" value="#33cabb">
			
 
				+                  <span class="input-group-addon"><i style="background-color: rgb(51, 202, 187);"></i></span>
			
 
				+                </div>
			
 
				+       
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<!--颜色选择插件-->
			
 
				+<script src="js/bootstrap-colorpicker/bootstrap-colorpicker.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_js_datepicker.html
+++ b/public/lyear_js_datepicker.html
@@ -0,0 +1,364 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>日期选择器 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<!--时间选择插件-->
			
 
				+<link rel="stylesheet" href="js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
			
 
				+<!--日期选择插件-->
			
 
				+<link rel="stylesheet" href="js/bootstrap-datepicker/bootstrap-datepicker3.min.css">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li class="active"> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> JS 插件 - 日期选择器 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>时间选择</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <input class="form-control js-datetimepicker" type="text" id="example-datetimepicker" name="add_time" placeholder="请选择具体时间" value="" data-side-by-side="true" data-locale="zh-cn" data-format="YYYY-MM-DD HH:mm:ss" />
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>日期选择</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <input class="form-control js-datepicker m-b-10" type="text" id="example-datepicker" name="example-datepicker" placeholder="yyyy-mm-dd" value="" data-date-format="yyyy-mm-dd" />
			
 
				+                
			
 
				+                <input class="form-control js-datepicker m-b-10" type="text" id="example-datepicker1" name="example-datepicker1" data-date-format="yyyy/mm/dd" placeholder="yyyy/mm/dd">
			
 
				+                
			
 
				+                <input class="form-control js-datepicker m-b-10" type="text" id="example-datepicker2" name="example-datepicker2" data-date-format="yy/mm/dd" placeholder="yy/mm/dd">
			
 
				+                
			
 
				+                <div class="input-daterange input-group js-datepicker" data-auto-close="false" data-date-format="yyyy-mm-dd">
			
 
				+                  <input class="form-control" type="text" id="example-daterange1" name="example-daterange1" placeholder="从">
			
 
				+                  <span class="input-group-addon"><i class="mdi mdi-chevron-right"></i></span>
			
 
				+                  <input class="form-control" type="text" id="example-daterange2" name="example-daterange2" placeholder="至">
			
 
				+                </div>
			
 
				+          
			
 
				+                <p class="m-t-15">单独选择年份</p>
			
 
				+                <p class="text-danger">因为和通用初始化有些不一样，这里单独对此做初始化。</p>
			
 
				+                <input class="form-control m-b-10" type="text" id="example-datepicker-year" name="example-datepicker-year" data-date-format="yyyy" placeholder="yyyy">
			
 
				+          
			
 
				+                <p class="m-t-15">单独选择月份</p>
			
 
				+                <input class="form-control m-b-10" type="text" id="example-datepicker-month" name="example-datepicker-month" data-date-format="mm" placeholder="mm">
			
 
				+          
			
 
				+                <p class="m-t-15">单独选择天就不演示了，<code>data-date-format="dd"</code>即可。</p>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<!--时间选择插件-->
			
 
				+<script src="js/bootstrap-datetimepicker/moment.min.js"></script>
			
 
				+<script src="js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
			
 
				+<script src="js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
			
 
				+<!--日期选择插件-->
			
 
				+<script src="js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
			
 
				+<script src="js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+<script type="text/javascript">
			
 
				+    // 单独选择年份
			
 
				+	jQuery('#example-datepicker-year').each(function() {
			
 
				+	    var $input = jQuery(this);
			
 
				+		$input.datepicker({
			
 
				+            startView: 'decade',  
			
 
				+            endView: 'decade',
			
 
				+            maxViewMode: 'decade',  
			
 
				+            minViewMode: 'decade', 
			
 
				+			weekStart: 1,
			
 
				+			autoclose: true,
			
 
				+			todayHighlight: true,
			
 
				+			language: 'zh-CN',
			
 
				+		});
			
 
				+	});
			
 
				+    // 单独选择月份
			
 
				+	jQuery('#example-datepicker-month').each(function() {
			
 
				+	    var $input = jQuery(this);
			
 
				+		$input.datepicker({
			
 
				+            startView: 'month',  
			
 
				+            endView: 'month',
			
 
				+            maxViewMode: 'year',  
			
 
				+            minViewMode: 'year', 
			
 
				+			weekStart: 1,
			
 
				+			autoclose: true,
			
 
				+			todayHighlight: true,
			
 
				+			language: 'zh-CN',
			
 
				+		});
			
 
				+	});
			
 
				+</script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_js_jconfirm.html
+++ b/public/lyear_js_jconfirm.html
@@ -0,0 +1,457 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>对话框 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<!--对话框-->
			
 
				+<link rel="stylesheet" href="js/jconfirm/jquery-confirm.min.css">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li class="active"> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> JS 插件 - 对话框 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>对话框</h4></div>
			
 
				+              <div class="card-body">
			
 
				+
			
 
				+                <div class="row">
			
 
				+                  <div class="col-md-4">
			
 
				+                    <button class="btn btn-primary btn-block example-p-1">弹出框示例</button>
			
 
				+                  </div>
			
 
				+                  <div class="col-md-4">
			
 
				+                    <button class="btn btn-primary btn-block example-p-2">确认框示例</button>
			
 
				+                  </div>
			
 
				+                  <div class="col-md-4">
			
 
				+                    <button class="btn btn-primary btn-block example-p-3">对话框示例</button>
			
 
				+                  </div>
			
 
				+                  <br/><br/><br/>
			
 
				+                  <div class="col-md-4">
			
 
				+                    <button class="btn btn-primary btn-block example-p-4">错误/红色 对话框</button>
			
 
				+                  </div>
			
 
				+                  <div class="col-md-4">
			
 
				+                    <button class="btn btn-primary btn-block example-p-5">成功/绿色 对话框</button>
			
 
				+                  </div>
			
 
				+                  <div class="col-md-4">
			
 
				+                    <button class="btn btn-primary btn-block example-p-6">警告/黄色 对话框</button>
			
 
				+                  </div>
			
 
				+                  
			
 
				+                </div>
			
 
				+       
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<!--对话框-->
			
 
				+<script src="js/jconfirm/jquery-confirm.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+<script type="text/javascript">
			
 
				+$('.example-p-1').on('click', function () {
			
 
				+    $.alert({
			
 
				+        title: '嗨',
			
 
				+        content: '这是对用户的简单提示框。 <br> 一些 <strong>HTML</strong> <em>内容</em>',
			
 
				+		buttons: {
			
 
				+			confirm: {
			
 
				+				text: '确认',
			
 
				+				btnClass: 'btn-primary',
			
 
				+				action: function(){
			
 
				+                    $.alert('你点击了确认!');
			
 
				+				}
			
 
				+			},
			
 
				+			cancel: {
			
 
				+				text: '取消',
			
 
				+				action: function () {
			
 
				+                    $.alert('你点击了取消!');
			
 
				+				}
			
 
				+			}
			
 
				+		}
			
 
				+    });
			
 
				+});
			
 
				+$('.example-p-2').on('click', function () {
			
 
				+    $.confirm({
			
 
				+        title: '对话框',
			
 
				+        content: '一些内容...',
			
 
				+        buttons: {
			
 
				+            confirm: {
			
 
				+                text: '确认',
			
 
				+                action: function(){
			
 
				+                    $.alert('确认的!');
			
 
				+                }
			
 
				+            },
			
 
				+            cancel: {
			
 
				+                text: '关闭',
			
 
				+                action: function(){
			
 
				+                    $.alert('取消的!');
			
 
				+                }
			
 
				+            },
			
 
				+            somethingElse: {
			
 
				+                text: '其他',
			
 
				+                btnClass: 'btn-blue',
			
 
				+                keys: ['enter', 'shift'],
			
 
				+                action: function(){
			
 
				+                    $.alert('其他的选择？');
			
 
				+                }
			
 
				+            }
			
 
				+        }
			
 
				+    });
			
 
				+});
			
 
				+$('.example-p-3').on('click', function () {
			
 
				+    $.confirm({
			
 
				+        title: '提示',
			
 
				+        content: '' +
			
 
				+        '<form action="" class="formName">' +
			
 
				+        '<div class="form-group">' +
			
 
				+        '<label>请输入您的姓名</label>' +
			
 
				+        '<input type="text" placeholder="姓名" class="name form-control" required />' +
			
 
				+        '</div>' +
			
 
				+        '</form>',
			
 
				+        buttons: {
			
 
				+            formSubmit: {
			
 
				+                text: '提交',
			
 
				+                btnClass: 'btn-blue',
			
 
				+                action: function () {
			
 
				+                    var name = this.$content.find('.name').val();
			
 
				+                    if(!name){
			
 
				+                        $.alert('请您输入您的姓名');
			
 
				+                        return false;
			
 
				+                    }
			
 
				+                    $.alert('您的姓名是： ' + name);
			
 
				+                }
			
 
				+            },
			
 
				+            cancel: {
			
 
				+                text: '取消'
			
 
				+            },
			
 
				+        },
			
 
				+        onContentReady: function () {
			
 
				+            var jc = this;
			
 
				+            this.$content.find('form').on('submit', function (e) {
			
 
				+                e.preventDefault();
			
 
				+                jc.$$formSubmit.trigger('click');
			
 
				+            });
			
 
				+        }
			
 
				+    });
			
 
				+});
			
 
				+$('.example-p-4').on('click', function () {
			
 
				+    $.confirm({
			
 
				+        title: '错误提示',
			
 
				+        content: '笑江湖浪迹十年游，空负少年头。对铜驼巷陌，吟情渺渺，心事悠悠！酒冷诗残梦断，南国正清秋。',
			
 
				+        type: 'red',
			
 
				+        typeAnimated: true,
			
 
				+        buttons: {
			
 
				+            tryAgain: {
			
 
				+                text: '重试',
			
 
				+                btnClass: 'btn-red',
			
 
				+                action: function(){
			
 
				+                }
			
 
				+            },
			
 
				+            close: {
			
 
				+                text: '关闭'
			
 
				+            }
			
 
				+        }
			
 
				+    });
			
 
				+});
			
 
				+$('.example-p-5').on('click', function () {
			
 
				+    $.confirm({
			
 
				+        title: '成功',
			
 
				+        content: '难消受灯昏罗帐，怅昙花一现恨难休！飘零惯，金戈铁马，拼葬荒丘！',
			
 
				+        type: 'green',
			
 
				+        buttons: {
			
 
				+            omg: {
			
 
				+                text: '谢谢',
			
 
				+                btnClass: 'btn-green',
			
 
				+            },
			
 
				+            close: {
			
 
				+                text: '关闭',
			
 
				+            }
			
 
				+        }
			
 
				+    });
			
 
				+});
			
 
				+$('.example-p-6').on('click', function () {
			
 
				+    $.confirm({
			
 
				+        title: '警告',
			
 
				+        content: '把剑凄然望，无处招归舟。明日天涯路远，问谁留楚佩，弄影中洲？数英雄儿女，俯仰古今愁。',
			
 
				+        type: 'orange',
			
 
				+        typeAnimated: false,
			
 
				+        buttons: {
			
 
				+            omg: {
			
 
				+                text: '重试',
			
 
				+                btnClass: 'btn-orange',
			
 
				+            },
			
 
				+            close: {
			
 
				+                text: '关闭',
			
 
				+            }
			
 
				+        }
			
 
				+    });
			
 
				+});
			
 
				+</script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_js_notify.html
+++ b/public/lyear_js_notify.html
@@ -0,0 +1,371 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>通知消息 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/animate.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li class="active"> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> JS 插件 - 通知消息 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>通知消息</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <button type="button" class="btn btn-primary" id="example-success-notify">确认修改</button>
			
 
				+                <button type="button" class="btn btn-dark" id="example-error-notify">修改失败</button>
			
 
				+				<button type="button" class="btn btn-warning" id="example-success-notify-url">确认后跳转链接</button>
			
 
				+                
			
 
				+                <p class="m-t-10">页面加载等待效果</p>
			
 
				+                <pre><code>lightyear.loading('show');  // 显示
			
 
				+lightyear.loading('hide');  // 隐藏</code></pre>
			
 
				+                
			
 
				+                <p class="m-t-10">消息提示</p>
			
 
				+                <p>消息提示采用的是bootstrap-notify插件，这里包装了一下(包装方法来自DolphinPHP)，您也可以直接使用bootstrap-notify。</p>
			
 
				+                <table class="table table-bordered">
			
 
				+                  <tr>
			
 
				+                    <th>参数</th>
			
 
				+                    <th>说明</th>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>$msg</td>
			
 
				+                    <td>提示信息</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>$type</td>
			
 
				+                    <td>提示类型：'info', 'success', 'warning', 'danger'</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>$delay</td>
			
 
				+                    <td>定义消息提示消失的时间，毫秒数</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>$icon</td>
			
 
				+                    <td>图标，例如：'mdi-emoticon-happy'，具体参考<a href="lyear_ui_icons.html">图标</a> </td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>$from</td>
			
 
				+                    <td>'top' 或 'bottom'</td>
			
 
				+                  </tr>
			
 
				+                  <tr>
			
 
				+                    <td>$align</td>
			
 
				+                    <td>'left', 'right', 'center'</td>
			
 
				+                  </tr>
			
 
				+				  <tr>
			
 
				+                    <td>$url</td>
			
 
				+                    <td>跳转链接，默认不跳转，填写链接后，跳转到该链接</td>
			
 
				+                  </tr>
			
 
				+                </table>
			
 
				+                <pre><code>lightyear.notify('修改成功，页面即将自动跳转~', 'success', 5000, 'mdi mdi-emoticon-happy', 'top', 'center' , 'https://www.baidu.com');</code></pre>
			
 
				+				<pre><code>lightyear.url('https://www.baidu.com');  // 先指定跳转链接<br/>lightyear.notify('修改成功，页面即将自动跳转~', 'success', 5000);</code></pre>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<!--消息提示-->
			
 
				+<script src="js/bootstrap-notify.min.js"></script>
			
 
				+<script type="text/javascript" src="js/lightyear.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+
			
 
				+<script type="text/javascript">
			
 
				+// 消息提示示例
			
 
				+$('#example-success-notify').on('click', function(){
			
 
				+    lightyear.loading('show');
			
 
				+    // 假设ajax提交操作
			
 
				+    setTimeout(function() {
			
 
				+        lightyear.loading('hide');
			
 
				+        lightyear.notify('修改成功，页面即将自动跳转~', 'success', 3000);
			
 
				+    }, 1e3)
			
 
				+});
			
 
				+$('#example-error-notify').on('click', function(){
			
 
				+    lightyear.loading('show');
			
 
				+    // 假设ajax提交操作
			
 
				+    setTimeout(function() {
			
 
				+        lightyear.loading('hide');
			
 
				+        lightyear.notify('服务器错误，请稍后再试~', 'danger', 100);
			
 
				+    }, 1e3)
			
 
				+});
			
 
				+$('#example-success-notify-url').on('click', function(){
			
 
				+	lightyear.loading('show');
			
 
				+    // 假设ajax提交操作
			
 
				+    setTimeout(function() {
			
 
				+        lightyear.loading('hide');
			
 
				+		lightyear.url('https://www.baidu.com');
			
 
				+        lightyear.notify('修改成功，页面即将自动跳转~', 'success', 3000);
			
 
				+    }, 1e3)
			
 
				+  
			
 
				+});
			
 
				+</script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_js_sliders.html
+++ b/public/lyear_js_sliders.html
@@ -0,0 +1,491 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>滑块 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<!--滑块插件-->
			
 
				+<link rel="stylesheet" href="js/ion-rangeslider/ion.rangeSlider.min.css">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li class="active"> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> JS 插件 - 滑块 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>滑块</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <div class="form-group row">
			
 
				+                  <label class="col-lg-3">基础示例</label>
			
 
				+                  <div class="col-lg-9">
			
 
				+                    <input id="range_01">
			
 
				+                    <small class="form-text text-muted">无参数开始</small>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="form-group row">
			
 
				+                  <label class="col-form-label col-lg-3">最小值和最大值</label>
			
 
				+                  <div class="col-lg-9">
			
 
				+                    <input id="range_02">
			
 
				+                    <small class="form-text text-muted">设置最小值、最大值和起点</small>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="form-group row">
			
 
				+                  <label class="col-form-label col-lg-3">双精度，网格选项和自定义前缀</label>
			
 
				+                  <div class="col-lg-9">
			
 
				+                    <input id="range_03">
			
 
				+                    <small class="form-text text-muted">将type设置为double并指定范围，同时显示网格并添加前缀“$”</small>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <hr>
			
 
				+                <div class="form-group row">
			
 
				+                  <label class="col-form-label col-lg-3">设置范围和步长</label>
			
 
				+                  <div class="col-lg-9">
			
 
				+                    <div class="m-b-10">
			
 
				+                      <input id="range_04">
			
 
				+                      <small class="form-text text-muted">设置负值范围</small>
			
 
				+                    </div>
			
 
				+                    <div class="m-b-10">
			
 
				+                      <input id="range_05">
			
 
				+                      <small class="form-text text-muted">使用250步长</small>
			
 
				+                    </div>
			
 
				+                    <div class="m-b-10">
			
 
				+                      <input id="range_06">
			
 
				+                      <small class="form-text text-muted">用分数值设置范围，使用分数步长</small>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <hr>
			
 
				+                <div class="form-group row">
			
 
				+                  <label class="col-form-label col-lg-3">使用自定义值数组</label>
			
 
				+                  <div class="col-lg-9">
			
 
				+                    <div class="m-b-10">
			
 
				+                      <input id="range_07">
			
 
				+                      <small class="form-text text-muted">设置自己的数字</small>
			
 
				+                    </div>
			
 
				+                    <div class="m-b-10">
			
 
				+                      <input id="range_08">
			
 
				+                      <small class="form-text text-muted">使用任何字符串作为值</small>
			
 
				+                    </div>
			
 
				+                    <div class="m-b-10">
			
 
				+                      <input id="range_09">
			
 
				+                      <small class="form-text text-muted">一个字符串示例</small>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <hr>
			
 
				+                <div class="form-group row">
			
 
				+                  <label class="col-form-label col-lg-3">两个选项</label>
			
 
				+                  <div class="col-lg-9">
			
 
				+                    <input id="range_10">
			
 
				+                    <small class="form-text text-muted">注意如何连接和连接值？ 使用decorate_both选项</small>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="form-group row">
			
 
				+                  <label class="col-form-label col-lg-3">皮肤big</label>
			
 
				+                  <div class="col-lg-9">
			
 
				+                    <input id="range_11">
			
 
				+                    <small class="form-text text-muted">目前默认皮肤是flat</small>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="form-group row">
			
 
				+                  <label class="col-form-label col-lg-3">皮肤modern</label>
			
 
				+                  <div class="col-lg-9">
			
 
				+                    <input id="range_12">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="form-group row">
			
 
				+                  <label class="col-form-label col-lg-3">皮肤sharp</label>
			
 
				+                  <div class="col-lg-9">
			
 
				+                    <input id="range_13">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="form-group row">
			
 
				+                  <label class="col-form-label col-lg-3">皮肤round</label>
			
 
				+                  <div class="col-lg-9">
			
 
				+                    <input id="range_14">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="form-group row">
			
 
				+                  <label class="col-form-label col-lg-3">皮肤square</label>
			
 
				+                  <div class="col-lg-9">
			
 
				+                    <input id="range_15">
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+       
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<!--滑块插件-->
			
 
				+<script src="js/ion-rangeslider/ion.rangeSlider.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+<script type="text/javascript">
			
 
				+$(function() {
			
 
				+    $("#range_01").ionRangeSlider();
			
 
				+    $("#range_02").ionRangeSlider({
			
 
				+        min: 100,
			
 
				+        max: 1000,
			
 
				+        from: 550
			
 
				+    });
			
 
				+    $("#range_03").ionRangeSlider({
			
 
				+        type: "double",
			
 
				+        grid: true,
			
 
				+        min: 0,
			
 
				+        max: 1000,
			
 
				+        from: 200,
			
 
				+        to: 800,
			
 
				+        prefix: "$"
			
 
				+    });
			
 
				+    $("#range_04").ionRangeSlider({
			
 
				+        type: "double",
			
 
				+        grid: true,
			
 
				+        min: -1000,
			
 
				+        max: 1000,
			
 
				+        from: -500,
			
 
				+        to: 500
			
 
				+    });
			
 
				+    $("#range_05").ionRangeSlider({
			
 
				+        type: "double",
			
 
				+        grid: true,
			
 
				+        min: -1000,
			
 
				+        max: 1000,
			
 
				+        from: -500,
			
 
				+        to: 500,
			
 
				+        step: 250
			
 
				+    });
			
 
				+    $("#range_06").ionRangeSlider({
			
 
				+        type: "double",
			
 
				+        grid: true,
			
 
				+        min: -12.8,
			
 
				+        max: 12.8,
			
 
				+        from: -3.2,
			
 
				+        to: 3.2,
			
 
				+        step: 0.1
			
 
				+    });
			
 
				+    $("#range_07").ionRangeSlider({
			
 
				+        type: "double",
			
 
				+        grid: true,
			
 
				+        from: 1,
			
 
				+        to: 5,
			
 
				+        values: [0, 10, 100, 1000, 10000, 100000, 1000000]
			
 
				+    });
			
 
				+    $("#range_08").ionRangeSlider({
			
 
				+        grid: true,
			
 
				+        from: 5,
			
 
				+        values: [
			
 
				+            "零", "一",
			
 
				+            "二", "三",
			
 
				+            "四", "五",
			
 
				+            "六", "七",
			
 
				+            "八", "九",
			
 
				+            "十"
			
 
				+        ]
			
 
				+    });
			
 
				+    $("#range_09").ionRangeSlider({
			
 
				+        grid: true,
			
 
				+        from: 3,
			
 
				+        values: [
			
 
				+            "一月", "二月", "三月",
			
 
				+            "四月", "五月", "六月",
			
 
				+            "七月", "八月", "九月",
			
 
				+            "十月", "十一月", "十二月"
			
 
				+        ]
			
 
				+    });
			
 
				+    $("#range_10").ionRangeSlider({
			
 
				+        type: "double",
			
 
				+        min: 100,
			
 
				+        max: 200,
			
 
				+        from: 145,
			
 
				+        to: 155,
			
 
				+        prefix: "重量: ",
			
 
				+        postfix: " 百万镑",
			
 
				+        decorate_both: true
			
 
				+    });
			
 
				+    $("#range_11").ionRangeSlider({
			
 
				+        skin: "big"
			
 
				+    });
			
 
				+    $("#range_12").ionRangeSlider({
			
 
				+        skin: "modern"
			
 
				+    });
			
 
				+    $("#range_13").ionRangeSlider({
			
 
				+        skin: "sharp"
			
 
				+    });
			
 
				+    $("#range_14").ionRangeSlider({
			
 
				+        skin: "round"
			
 
				+    });
			
 
				+    $("#range_15").ionRangeSlider({
			
 
				+        skin: "square"
			
 
				+    });
			
 
				+});
			
 
				+</script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_js_tags_input.html
+++ b/public/lyear_js_tags_input.html
@@ -0,0 +1,297 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>标签插件 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<!--标签插件-->
			
 
				+<link rel="stylesheet" href="js/jquery-tags-input/jquery.tagsinput.min.css">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li class="active"> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> JS 插件 - 标签插件 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>标签插件</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <input class="form-control js-tags-input" type="text" id="example-tags" name="tags" data-height="38px" placeholder="请输入标签" value="光年,黄金瞳">
			
 
				+       
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<!--标签插件-->
			
 
				+<script src="js/jquery-tags-input/jquery.tagsinput.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_pages_add_doc.html
+++ b/public/lyear_pages_add_doc.html
@@ -0,0 +1,385 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>新增文档 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<!--标签插件-->
			
 
				+<link rel="stylesheet" href="js/jquery-tags-input/jquery.tagsinput.min.css">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li class="active"> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> 示例页面 - 新增文档 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <form action="#!" method="post" class="row">
			
 
				+                  <div class="form-group col-md-12">
			
 
				+                    <label for="type">栏目</label>
			
 
				+                    <div class="form-controls">
			
 
				+                      <select name="type" class="form-control" id="type">
			
 
				+                        <option value="1">小说</option>
			
 
				+                        <option value="2">古籍</option>
			
 
				+                        <option value="3">专辑</option>
			
 
				+                        <option value="4">自传</option>
			
 
				+                      </select>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group col-md-12">
			
 
				+                    <label for="title">标题</label>
			
 
				+                    <input type="text" class="form-control" id="title" name="title" value="" placeholder="请输入标题" />
			
 
				+                  </div>
			
 
				+                  <div class="form-group col-md-12">
			
 
				+                    <label for="seo_keywords">关键词</label>
			
 
				+                    <input type="text" class="form-control" id="seo_keywords" name="seo_keywords" value="" placeholder="关键词" />
			
 
				+                  </div>
			
 
				+                  <div class="form-group col-md-12">
			
 
				+                    <label for="seo_description">描述</label>
			
 
				+                    <textarea class="form-control" id="seo_description" name="seo_description" rows="5" value="" placeholder="描述"></textarea>
			
 
				+                  </div>
			
 
				+                  <div class="form-group col-md-12">
			
 
				+                    <label>多图上传</label>
			
 
				+                    <div class="form-controls">
			
 
				+                      
			
 
				+                      <ul class="list-inline clearfix lyear-uploads-pic">
			
 
				+                        <li class="col-xs-4 col-sm-3 col-md-2">
			
 
				+                          <figure>
			
 
				+                            <img src="images/gallery/15.jpg" alt="图片一">
			
 
				+                            <figcaption>
			
 
				+                              <a class="btn btn-round btn-square btn-primary" href="#!"><i class="mdi mdi-eye"></i></a>
			
 
				+                              <a class="btn btn-round btn-square btn-danger" href="#!"><i class="mdi mdi-delete"></i></a>
			
 
				+                            </figcaption>
			
 
				+                          </figure>
			
 
				+                        </li>
			
 
				+                        <li class="col-xs-4 col-sm-3 col-md-2">
			
 
				+                          <figure>
			
 
				+                            <img src="images/gallery/16.jpg" alt="图片二">
			
 
				+                            <figcaption>
			
 
				+                              <a class="btn btn-round btn-square btn-primary" href="#!"><i class="mdi mdi-eye"></i></a>
			
 
				+                              <a class="btn btn-round btn-square btn-danger" href="#!"><i class="mdi mdi-delete"></i></a>
			
 
				+                            </figcaption>
			
 
				+                          </figure>
			
 
				+                        </li>
			
 
				+                        <li class="col-xs-4 col-sm-3 col-md-2">
			
 
				+                          <figure>
			
 
				+                            <img src="images/gallery/17.jpg" alt="图片三">
			
 
				+                            <figcaption>
			
 
				+                              <a class="btn btn-round btn-square btn-primary" href="#!"><i class="mdi mdi-eye"></i></a>
			
 
				+                              <a class="btn btn-round btn-square btn-danger" href="#!"><i class="mdi mdi-delete"></i></a>
			
 
				+                            </figcaption>
			
 
				+                          </figure>
			
 
				+                        </li>
			
 
				+                        <li class="col-xs-4 col-sm-3 col-md-2">
			
 
				+                          <a class="pic-add" id="add-pic-btn" href="#!" title="点击上传"></a>
			
 
				+                        </li>
			
 
				+                      </ul>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group col-md-12">
			
 
				+                    <label for="content">内容</label>
			
 
				+                    <p>HTML编辑器这里就不做演示了</p>
			
 
				+                  </div>
			
 
				+                  <div class="form-group col-md-12">
			
 
				+                    <label for="tags">标签</label>
			
 
				+                    <input class="js-tags-input form-control" type="text" id="tags" name="tags" value="" />
			
 
				+                  </div>
			
 
				+                  <div class="form-group col-md-12">
			
 
				+                    <label for="sort">排序</label>
			
 
				+                    <input type="text" class="form-control" id="sort" name="sort" value="0" />
			
 
				+                  </div>
			
 
				+                  <div class="form-group col-md-12">
			
 
				+                    <label for="status">状态</label>
			
 
				+                    <div class="clearfix">
			
 
				+                      <label class="lyear-radio radio-inline radio-primary">
			
 
				+                        <input type="radio" name="status" value="0"><span>禁用</span>
			
 
				+                      </label>
			
 
				+                      <label class="lyear-radio radio-inline radio-primary">
			
 
				+                        <input type="radio" name="status" value="1" checked><span>启用</span>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="form-group col-md-12">
			
 
				+                    <button type="submit" class="btn btn-primary ajax-post" target-form="add-form">确 定</button>
			
 
				+                    <button type="button" class="btn btn-default" onclick="javascript:history.back(-1);return false;">返 回</button>
			
 
				+                  </div>
			
 
				+                </form>
			
 
				+       
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<!--标签插件-->
			
 
				+<script src="js/jquery-tags-input/jquery.tagsinput.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_pages_config.html
+++ b/public/lyear_pages_config.html
@@ -0,0 +1,345 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>网站配置 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li class="active"> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> 示例页面 - 网站配置 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <ul class="nav nav-tabs page-tabs">
			
 
				+                <li class="active"> <a href="#!">基本</a> </li>
			
 
				+                <li> <a href="lyear-config-system.html">系统</a> </li>
			
 
				+                <li> <a href="lyear-config-upload.html">上传</a> </li>
			
 
				+              </ul>
			
 
				+              <div class="tab-content">
			
 
				+                <div class="tab-pane active">
			
 
				+                  
			
 
				+                  <form action="#!" method="post" name="edit-form" class="edit-form">
			
 
				+                    <div class="form-group">
			
 
				+                      <label for="web_site_title">网站标题</label>
			
 
				+                      <input class="form-control" type="text" id="web_site_title" name="web_site_title" value="光年后台管理系统HTML模板" placeholder="请输入站点标题" >
			
 
				+                      <small class="help-block">调用方式：<code>config('web_site_title')</code></small>
			
 
				+                    </div>
			
 
				+                    <div class="form-group">
			
 
				+                      <label for="web_site_logo">LOGO图片</label>
			
 
				+                      <div class="input-group">
			
 
				+                        <input type="text" class="form-control" name="web_site_logo" id="web_site_logo" value="/home/images/logo.png" />
			
 
				+                        <div class="input-group-btn"><button class="btn btn-default" type="button">上传图片</button></div>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                    <div class="form-group">
			
 
				+                      <label for="web_site_keywords">站点关键词</label>
			
 
				+                      <input class="form-control" type="text" id="web_site_keywords" name="web_site_keywords" value="后台系统模板,LightYear Admin Template,html模板,后台模板,管理系统模板" placeholder="请输入站点关键词" >
			
 
				+                      <small class="help-block">网站搜索引擎关键字</small>
			
 
				+                    </div>
			
 
				+                    <div class="form-group">
			
 
				+                      <label for="web_site_description">站点描述</label>
			
 
				+                      <textarea class="form-control" id="web_site_description" rows="5" name="web_site_description" placeholder="请输入站点描述" >光年(Light Year Admin)后台管理系统模板是一个基于基于Bootstrap v3.3.7的纯HTML模板。</textarea>
			
 
				+                      <small class="help-block">网站描述，有利于搜索引擎抓取相关信息</small>
			
 
				+                    </div>
			
 
				+                    <div class="form-group">
			
 
				+                      <label for="web_site_copyright">版权信息</label>
			
 
				+                      <input class="form-control" type="text" id="web_site_copyright" name="web_site_copyright" value="" placeholder="请输入版权信息" >
			
 
				+                      <small class="help-block">调用方式：<code>config('web_site_copyright')</code></small>
			
 
				+                    </div>
			
 
				+                    <div class="form-group">
			
 
				+                      <label for="web_site_icp">备案信息</label>
			
 
				+                      <input class="form-control" type="text" id="web_site_icp" name="web_site_icp" value="" placeholder="请输入备案信息" >
			
 
				+                      <small class="help-block">调用方式：<code>config('web_site_icp')</code></small>
			
 
				+                    </div>
			
 
				+                    <div class="form-group">
			
 
				+                      <label class="btn-block" for="web_site_status">站点开关</label>
			
 
				+                      <label class="lyear-switch switch-solid switch-primary">
			
 
				+                        <input type="checkbox" checked="">
			
 
				+                        <span></span>
			
 
				+                      </label>
			
 
				+                      <small class="help-block">站点关闭后将不能访问，后台可正常登录</small>
			
 
				+                    </div>
			
 
				+                    <div class="form-group">
			
 
				+                      <button type="submit" class="btn btn-primary m-r-5">确 定</button>
			
 
				+                      <button type="button" class="btn btn-default" onclick="javascript:history.back(-1);return false;">返 回</button>
			
 
				+                    </div>
			
 
				+                  </form>
			
 
				+                  
			
 
				+                </div>
			
 
				+              </div>
			
 
				+
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_pages_doc.html
+++ b/public/lyear_pages_doc.html
@@ -0,0 +1,560 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>文档列表 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li class="active"> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> 示例页面 - 文档列表 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-toolbar clearfix">
			
 
				+                <form class="pull-right search-bar" method="get" action="#!" role="form">
			
 
				+                  <div class="input-group">
			
 
				+                    <div class="input-group-btn">
			
 
				+                      <input type="hidden" name="search_field" id="search-field" value="title">
			
 
				+                      <button class="btn btn-default dropdown-toggle" id="search-btn" data-toggle="dropdown" type="button" aria-haspopup="true" aria-expanded="false">
			
 
				+                      标题 <span class="caret"></span>
			
 
				+                      </button>
			
 
				+                      <ul class="dropdown-menu">
			
 
				+                        <li> <a tabindex="-1" href="javascript:void(0)" data-field="title">标题</a> </li>
			
 
				+                        <li> <a tabindex="-1" href="javascript:void(0)" data-field="cat_name">栏目</a> </li>
			
 
				+                      </ul>
			
 
				+                    </div>
			
 
				+                    <input type="text" class="form-control" value="" name="keyword" placeholder="请输入名称">
			
 
				+                  </div>
			
 
				+                </form>
			
 
				+                <div class="toolbar-btn-action">
			
 
				+                  <a class="btn btn-primary m-r-5" href="#!"><i class="mdi mdi-plus"></i> 新增</a>
			
 
				+                  <a class="btn btn-success m-r-5" href="#!"><i class="mdi mdi-check"></i> 启用</a>
			
 
				+                  <a class="btn btn-warning m-r-5" href="#!"><i class="mdi mdi-block-helper"></i> 禁用</a>
			
 
				+                  <a class="btn btn-danger" href="#!"><i class="mdi mdi-window-close"></i> 删除</a>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <div class="table-responsive">
			
 
				+                  <table class="table table-bordered">
			
 
				+                    <thead>
			
 
				+                      <tr>
			
 
				+                        <th>
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input type="checkbox" id="check-all"><span></span>
			
 
				+                          </label>
			
 
				+                        </th>
			
 
				+                        <th>编号</th>
			
 
				+                        <th>标题</th>
			
 
				+                        <th>书籍</th>
			
 
				+                        <th>作者</th>
			
 
				+                        <th>阅读量</th>
			
 
				+                        <th>状态</th>
			
 
				+                        <th>操作</th>
			
 
				+                      </tr>
			
 
				+                    </thead>
			
 
				+                    <tbody>
			
 
				+                      <tr>
			
 
				+                        <td>
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input type="checkbox" name="ids[]" value="1"><span></span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                        <td>1</td>
			
 
				+                        <td>第01章 天涯思君不可忘</td>
			
 
				+                        <td>《倚天屠龙记》</td>
			
 
				+                        <td>金庸</td>
			
 
				+                        <td>36</td>
			
 
				+                        <td><font class="text-success">正常</font></td>
			
 
				+                        <td>
			
 
				+                          <div class="btn-group">
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="编辑" data-toggle="tooltip"><i class="mdi mdi-pencil"></i></a>
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="查看" data-toggle="tooltip"><i class="mdi mdi-eye"></i></a>
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="删除" data-toggle="tooltip"><i class="mdi mdi-window-close"></i></a>
			
 
				+                          </div>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td>
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input type="checkbox" name="ids[]" value="2"><span></span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                        <td>2</td>
			
 
				+                        <td>第01章 古道腾驹惊白发，危峦快剑识青翎</td>
			
 
				+                        <td>《书剑恩仇录》</td>
			
 
				+                        <td>金庸</td>
			
 
				+                        <td>44</td>
			
 
				+                        <td><font class="text-success">正常</font></td>
			
 
				+                        <td>
			
 
				+                          <div class="btn-group">
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="编辑" data-toggle="tooltip"><i class="mdi mdi-pencil"></i></a>
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="查看" data-toggle="tooltip"><i class="mdi mdi-eye"></i></a>
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="删除" data-toggle="tooltip"><i class="mdi mdi-window-close"></i></a>
			
 
				+                          </div>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td>
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input type="checkbox" name="ids[]" value="3"><span></span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                        <td>3</td>
			
 
				+                        <td>一个戴水獭皮帽子的朋友</td>
			
 
				+                        <td>《湘行散记》</td>
			
 
				+                        <td>沈从文</td>
			
 
				+                        <td>39</td>
			
 
				+                        <td><font class="text-success">正常</font></td>
			
 
				+                        <td>
			
 
				+                          <div class="btn-group">
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="编辑" data-toggle="tooltip"><i class="mdi mdi-pencil"></i></a>
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="查看" data-toggle="tooltip"><i class="mdi mdi-eye"></i></a>
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="删除" data-toggle="tooltip"><i class="mdi mdi-window-close"></i></a>
			
 
				+                          </div>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td>
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input type="checkbox" name="ids[]" value="4"><span></span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                        <td>4</td>
			
 
				+                        <td>你是要灼灼容颜，还是要宜其室家</td>
			
 
				+                        <td>《诗三百：思无邪》</td>
			
 
				+                        <td>安意如</td>
			
 
				+                        <td>36</td>
			
 
				+                        <td><font class="text-success">正常</font></td>
			
 
				+                        <td>
			
 
				+                          <div class="btn-group">
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="编辑" data-toggle="tooltip"><i class="mdi mdi-pencil"></i></a>
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="查看" data-toggle="tooltip"><i class="mdi mdi-eye"></i></a>
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="删除" data-toggle="tooltip"><i class="mdi mdi-window-close"></i></a>
			
 
				+                          </div>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td>
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input type="checkbox" name="ids[]" value="5"><span></span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                        <td>5</td>
			
 
				+                        <td>海上的消息</td>
			
 
				+                        <td>《打开心内的窗》</td>
			
 
				+                        <td>林清玄</td>
			
 
				+                        <td>32</td>
			
 
				+                        <td><font class="text-success">正常</font></td>
			
 
				+                        <td>
			
 
				+                          <div class="btn-group">
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="编辑" data-toggle="tooltip"><i class="mdi mdi-pencil"></i></a>
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="查看" data-toggle="tooltip"><i class="mdi mdi-eye"></i></a>
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="删除" data-toggle="tooltip"><i class="mdi mdi-window-close"></i></a>
			
 
				+                          </div>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td>
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input type="checkbox" name="ids[]" value="6"><span></span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                        <td>6</td>
			
 
				+                        <td>楔子 一阕词来 南国清秋魂梦绕 十年人散 绣房红烛剑光寒</td>
			
 
				+                        <td>《七剑下天山》</td>
			
 
				+                        <td>梁羽生</td>
			
 
				+                        <td>42</td>
			
 
				+                        <td><font class="text-success">正常</font></td>
			
 
				+                        <td>
			
 
				+                          <div class="btn-group">
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="编辑" data-toggle="tooltip"><i class="mdi mdi-pencil"></i></a>
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="查看" data-toggle="tooltip"><i class="mdi mdi-eye"></i></a>
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="删除" data-toggle="tooltip"><i class="mdi mdi-window-close"></i></a>
			
 
				+                          </div>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td>
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input type="checkbox" name="ids[]" value="7"><span></span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                        <td>7</td>
			
 
				+                        <td>祝福</td>
			
 
				+                        <td>《彷徨》</td>
			
 
				+                        <td>鲁迅</td>
			
 
				+                        <td>40</td>
			
 
				+                        <td><font class="text-success">正常</font></td>
			
 
				+                        <td>
			
 
				+                          <div class="btn-group">
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="编辑" data-toggle="tooltip"><i class="mdi mdi-pencil"></i></a>
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="查看" data-toggle="tooltip"><i class="mdi mdi-eye"></i></a>
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="删除" data-toggle="tooltip"><i class="mdi mdi-window-close"></i></a>
			
 
				+                          </div>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td>
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input type="checkbox" name="ids[]" value="8"><span></span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                        <td>8</td>
			
 
				+                        <td>一个女长年的故事</td>
			
 
				+                        <td>《莫泊桑短篇小说集》</td>
			
 
				+                        <td>莫泊桑</td>
			
 
				+                        <td>36</td>
			
 
				+                        <td><font class="text-success">正常</font></td>
			
 
				+                        <td>
			
 
				+                          <div class="btn-group">
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="编辑" data-toggle="tooltip"><i class="mdi mdi-pencil"></i></a>
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="查看" data-toggle="tooltip"><i class="mdi mdi-eye"></i></a>
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="删除" data-toggle="tooltip"><i class="mdi mdi-window-close"></i></a>
			
 
				+                          </div>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td>
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input type="checkbox" name="ids[]" value="9"><span></span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                        <td>9</td>
			
 
				+                        <td>第一回 赈民饥包公奉旨　图谋害庞相施计</td>
			
 
				+                        <td>《五虎征西》</td>
			
 
				+                        <td>李雨堂</td>
			
 
				+                        <td>35</td>
			
 
				+                        <td><font class="text-success">正常</font></td>
			
 
				+                        <td>
			
 
				+                          <div class="btn-group">
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="编辑" data-toggle="tooltip"><i class="mdi mdi-pencil"></i></a>
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="查看" data-toggle="tooltip"><i class="mdi mdi-eye"></i></a>
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="删除" data-toggle="tooltip"><i class="mdi mdi-window-close"></i></a>
			
 
				+                          </div>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td>
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input type="checkbox" name="ids[]" value="10"><span></span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                        <td>10</td>
			
 
				+                        <td>第一回 于按察山东赴任　邹其仁赴路登程</td>
			
 
				+                        <td>《于公案》</td>
			
 
				+                        <td>佚名</td>
			
 
				+                        <td>37</td>
			
 
				+                        <td><font class="text-success">正常</font></td>
			
 
				+                        <td>
			
 
				+                          <div class="btn-group">
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="编辑" data-toggle="tooltip"><i class="mdi mdi-pencil"></i></a>
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="查看" data-toggle="tooltip"><i class="mdi mdi-eye"></i></a>
			
 
				+                            <a class="btn btn-xs btn-default" href="#!" title="删除" data-toggle="tooltip"><i class="mdi mdi-window-close"></i></a>
			
 
				+                          </div>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                    </tbody>
			
 
				+                  </table>
			
 
				+                </div>
			
 
				+                <ul class="pagination">
			
 
				+                  <li class="disabled"><span>«</span></li>
			
 
				+                  <li class="active"><span>1</span></li>
			
 
				+                  <li><a href="#1">2</a></li>
			
 
				+                  <li><a href="#1">3</a></li>
			
 
				+                  <li><a href="#1">4</a></li>
			
 
				+                  <li><a href="#1">5</a></li>
			
 
				+                  <li><a href="#1">6</a></li>
			
 
				+                  <li><a href="#1">7</a></li>
			
 
				+                  <li><a href="#1">8</a></li>
			
 
				+                  <li class="disabled"><span>...</span></li>
			
 
				+                  <li><a href="#!">14452</a></li>
			
 
				+                  <li><a href="#!">14453</a></li>
			
 
				+                  <li><a href="#!">»</a></li>
			
 
				+                </ul>
			
 
				+       
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+<script type="text/javascript">
			
 
				+$(function(){
			
 
				+    $('.search-bar .dropdown-menu a').click(function() {
			
 
				+        var field = $(this).data('field') || '';
			
 
				+        $('#search-field').val(field);
			
 
				+        $('#search-btn').html($(this).text() + ' <span class="caret"></span>');
			
 
				+    });
			
 
				+});
			
 
				+</script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_pages_edit_pwd.html
+++ b/public/lyear_pages_edit_pwd.html
@@ -0,0 +1,306 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>修改密码 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item active"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> 示例页面 - 修改密码 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <form method="post" action="#!" class="site-form">
			
 
				+                  <div class="form-group">
			
 
				+                    <label for="old-password">旧密码</label>
			
 
				+                    <input type="password" class="form-control" name="oldpwd" id="old-password" placeholder="输入账号的原登录密码">
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <label for="new-password">新密码</label>
			
 
				+                    <input type="password" class="form-control" name="newpwd" id="new-password" placeholder="输入新的密码">
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <label for="confirm-password">确认新密码</label>
			
 
				+                    <input type="password" class="form-control" name="confirmpwd" id="confirm-password" placeholder="请输入正确的邮箱地址">
			
 
				+                  </div>
			
 
				+                  <button type="submit" class="btn btn-primary">修改密码</button>
			
 
				+                </form>
			
 
				+       
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_pages_error.html
+++ b/public/lyear_pages_error.html
@@ -0,0 +1,53 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>错误页面 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+<style>
			
 
				+body{
			
 
				+    background-color: #fff;
			
 
				+}
			
 
				+.error-page {
			
 
				+    height: 100%;
			
 
				+    position: fixed;
			
 
				+    width: 100%;
			
 
				+}
			
 
				+.error-body {
			
 
				+    padding-top: 5%;
			
 
				+}
			
 
				+.error-body h1 {
			
 
				+    font-size: 210px;
			
 
				+    font-weight: 700;
			
 
				+    text-shadow: 4px 4px 0 #f5f6fa, 6px 6px 0 #33cabb;
			
 
				+    line-height: 210px;
			
 
				+    color: #33cabb;
			
 
				+}
			
 
				+.error-body h4 {
			
 
				+    margin: 30px 0px;
			
 
				+}
			
 
				+</style>
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<section class="error-page">
			
 
				+  <div class="error-box">
			
 
				+    <div class="error-body text-center">
			
 
				+      <h1>404</h1>
			
 
				+      <h4>很抱歉，但是那个页面看起来已经不存在了。</h4>
			
 
				+      <a href="index.html" class="btn btn-primary ">返回首页</a>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</section>
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript">;</script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_pages_gallery.html
+++ b/public/lyear_pages_gallery.html
@@ -0,0 +1,346 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>图库列表 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li class="active"> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> 示例页面 - 图库列表 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <div class="masonry-grid" data-provide="photoswipe">
			
 
				+                
			
 
				+                  <a class="masonry-item" href="#">
			
 
				+                    <img src="images/gallery/1.jpg" alt="The selected child description">
			
 
				+                  </a>
			
 
				+                
			
 
				+                  <a class="masonry-item" href="#">
			
 
				+                    <img src="images/gallery/5.jpg" alt="The selected child description">
			
 
				+                  </a>
			
 
				+                
			
 
				+                  <a class="masonry-item" href="#">
			
 
				+                    <img src="images/gallery/2.jpg" alt="The selected child description">
			
 
				+                  </a>
			
 
				+                
			
 
				+                  <a class="masonry-item" href="#">
			
 
				+                    <img src="images/gallery/3.jpg" alt="The selected child description">
			
 
				+                  </a>
			
 
				+                
			
 
				+                  <a class="masonry-item" href="#">
			
 
				+                    <img src="images/gallery/4.jpg" alt="The selected child description">
			
 
				+                  </a>
			
 
				+                
			
 
				+                  <a class="masonry-item" href="#">
			
 
				+                    <img src="images/gallery/9.jpg" alt="The selected child description">
			
 
				+                  </a>
			
 
				+                
			
 
				+                  <a class="masonry-item" href="#">
			
 
				+                    <img src="images/gallery/6.jpg" alt="The selected child description">
			
 
				+                  </a>
			
 
				+                
			
 
				+                  <a class="masonry-item" href="#">
			
 
				+                    <img src="images/gallery/7.jpg" alt="The selected child description">
			
 
				+                  </a>
			
 
				+                
			
 
				+                  <a class="masonry-item" href="#">
			
 
				+                    <img src="images/gallery/8.jpg" alt="The selected child description">
			
 
				+                  </a>
			
 
				+                
			
 
				+                  <a class="masonry-item" href="#">
			
 
				+                    <img src="images/gallery/10.jpg" alt="The selected child description">
			
 
				+                  </a>
			
 
				+                
			
 
				+                  <a class="masonry-item" href="#">
			
 
				+                    <img src="images/gallery/11.jpg" alt="The selected child description">
			
 
				+                  </a>
			
 
				+                
			
 
				+                  <a class="masonry-item" href="#">
			
 
				+                    <img src="images/gallery/13.jpg" alt="The selected child description">
			
 
				+                  </a>
			
 
				+                
			
 
				+                  <a class="masonry-item" href="#">
			
 
				+                    <img src="images/gallery/14.jpg" alt="The selected child description">
			
 
				+                  </a>
			
 
				+                
			
 
				+                </div>
			
 
				+       
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_pages_guide.html
+++ b/public/lyear_pages_guide.html
@@ -0,0 +1,375 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>表单向导 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li class="active"> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> 示例页面 - 表单向导 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>表单向导</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <form action="lyear_pages_guide.html" method="post" class="guide-box" data-navigateable="true">
			
 
				+                  <ul class="nav-step step-dots">
			
 
				+                    <li class="nav-step-item active">
			
 
				+                      <span>步骤一</span>
			
 
				+                      <a class="active" data-toggle="tab" href="#step-1"></a>
			
 
				+                    </li>
			
 
				+
			
 
				+                    <li class="nav-step-item">
			
 
				+                      <span>步骤三</span>
			
 
				+                      <a data-toggle="tab" href="#step-2"></a>
			
 
				+                    </li>
			
 
				+
			
 
				+                    <li class="nav-step-item">
			
 
				+                      <span>步骤四</span>
			
 
				+                      <a data-toggle="tab" href="#step-3"></a>
			
 
				+                    </li>
			
 
				+
			
 
				+                    <li class="nav-step-item">
			
 
				+                      <span>步骤五</span>
			
 
				+                      <a data-toggle="tab" href="#step-4"></a>
			
 
				+                    </li>
			
 
				+                  </ul>
			
 
				+                  <!--对应内容-->
			
 
				+                  <div class="nav-step-content">
			
 
				+                    <div class="nav-step-pane hidden active" id="step-1">
			
 
				+                      <div class="form-group">
			
 
				+                        <label>姓名</label>
			
 
				+                        <input class="form-control" type="text">
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+
			
 
				+                    <div class="nav-step-pane hidden" id="step-2">
			
 
				+                      <div class="form-group">
			
 
				+                        <label>邮箱地址</label>
			
 
				+                        <input class="form-control" type="text">
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+
			
 
				+                    <div class="nav-step-pane hidden" id="step-3">
			
 
				+                      <div class="form-group">
			
 
				+                        <label>设置密码</label>
			
 
				+                        <input class="form-control" type="password">
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+
			
 
				+                    <div class="nav-step-pane hidden" id="step-4">
			
 
				+                      <div class="form-group">
			
 
				+                        <label>备注</label>
			
 
				+                        <input class="form-control" type="text">
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <!--End 对应内容-->
			
 
				+                  <hr>
			
 
				+                  <div class="nav-step-button">
			
 
				+                    <button class="btn btn-secondary disabled" data-wizard="prev" type="button">上一步</button>
			
 
				+                    <button class="btn btn-secondary" data-wizard="next" type="button">下一步</button>
			
 
				+                    <button class="btn btn-primary hidden" data-wizard="finish" type="submit">完成</button>
			
 
				+                  </div>
			
 
				+                </form>
			
 
				+       
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+<!--向导插件-->
			
 
				+<script type="text/javascript" src="js/jquery.bootstrap.wizard.min.js"></script>
			
 
				+<script type="text/javascript">
			
 
				+$(document).ready(function() {
			
 
				+    $('.guide-box').bootstrapWizard({
			
 
				+        'tabClass': 'nav-step',
			
 
				+        'nextSelector': '[data-wizard="next"]',
			
 
				+        'previousSelector': '[data-wizard="prev"]',
			
 
				+        'finishSelector': '[data-wizard="finish"]',
			
 
				+        'onTabClick': function(e, t, i) {
			
 
				+            if (!$('.guide-box').is('[data-navigateable="true"]')) return ! 1
			
 
				+        },
			
 
				+        'onTabShow': function(e, t, i) {
			
 
				+            t.children(":gt(" + i + ").complete").removeClass("complete");
			
 
				+            t.children(":lt(" + i + "):not(.complete)").addClass("complete");
			
 
				+        },
			
 
				+        'onFinish': function(e, t, i) {
			
 
				+            // 点击完成后处理提交
			
 
				+            return false;
			
 
				+        }
			
 
				+    });
			
 
				+});
			
 
				+</script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_pages_login.html
+++ b/public/lyear_pages_login.html
@@ -0,0 +1,103 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>登录页面 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+<style>
			
 
				+.lyear-wrapper {
			
 
				+    position: relative;
			
 
				+}
			
 
				+.lyear-login {
			
 
				+    display: flex !important;
			
 
				+    min-height: 100vh;
			
 
				+    align-items: center !important;
			
 
				+    justify-content: center !important;
			
 
				+}
			
 
				+.lyear-login:after{
			
 
				+    content: '';
			
 
				+    min-height: inherit;
			
 
				+    font-size: 0;
			
 
				+}
			
 
				+.login-center {
			
 
				+    background: #fff;
			
 
				+    min-width: 29.25rem;
			
 
				+    padding: 2.14286em 3.57143em;
			
 
				+    border-radius: 3px;
			
 
				+    margin: 2.85714em;
			
 
				+}
			
 
				+.login-header {
			
 
				+    margin-bottom: 1.5rem !important;
			
 
				+}
			
 
				+.login-center .has-feedback.feedback-left .form-control {
			
 
				+    padding-left: 38px;
			
 
				+    padding-right: 12px;
			
 
				+}
			
 
				+.login-center .has-feedback.feedback-left .form-control-feedback {
			
 
				+    left: 0;
			
 
				+    right: auto;
			
 
				+    width: 38px;
			
 
				+    height: 38px;
			
 
				+    line-height: 38px;
			
 
				+    z-index: 4;
			
 
				+    color: #dcdcdc;
			
 
				+}
			
 
				+.login-center .has-feedback.feedback-left.row .form-control-feedback {
			
 
				+    left: 15px;
			
 
				+}
			
 
				+</style>
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="row lyear-wrapper" style="background-image: url(images/login-bg.jpg); background-size: cover;">
			
 
				+  <div class="lyear-login">
			
 
				+    <div class="login-center">
			
 
				+      <div class="login-header text-center">
			
 
				+        <a href="index.html"> <img alt="light year admin" src="images/logo-sidebar.png"> </a>
			
 
				+      </div>
			
 
				+      <form action="#!" method="post">
			
 
				+        <div class="form-group has-feedback feedback-left">
			
 
				+          <input type="text" placeholder="请输入您的用户名" class="form-control" name="username" id="username" />
			
 
				+          <span class="mdi mdi-account form-control-feedback" aria-hidden="true"></span>
			
 
				+        </div>
			
 
				+        <div class="form-group has-feedback feedback-left">
			
 
				+          <input type="password" placeholder="请输入密码" class="form-control" id="password" name="password" />
			
 
				+          <span class="mdi mdi-lock form-control-feedback" aria-hidden="true"></span>
			
 
				+        </div>
			
 
				+        <div class="form-group has-feedback feedback-left row">
			
 
				+          <div class="col-xs-7">
			
 
				+            <input type="text" name="captcha" class="form-control" placeholder="验证码">
			
 
				+            <span class="mdi mdi-check-all form-control-feedback" aria-hidden="true"></span>
			
 
				+          </div>
			
 
				+          <div class="col-xs-5">
			
 
				+            <img src="images/captcha.png" class="pull-right" id="captcha" style="cursor: pointer;" onclick="this.src=this.src+'?d='+Math.random();" title="点击刷新" alt="captcha">
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="form-group">
			
 
				+          <label class="lyear-checkbox checkbox-primary m-t-10">
			
 
				+            <input type="checkbox"><span>5天内自动登录</span>
			
 
				+          </label>
			
 
				+        </div>
			
 
				+        <div class="form-group">
			
 
				+          <button class="btn btn-block btn-primary" type="button" onclick="location.href='index.html'">立即登录</button>
			
 
				+        </div>
			
 
				+      </form>
			
 
				+      <hr>
			
 
				+      <footer class="col-sm-12 text-center">
			
 
				+        <p class="m-b-0">Copyright © 2019 <a href="http://lyear.itshubao.com">IT书包</a>. All right reserved</p>
			
 
				+      </footer>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript">;</script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_pages_login_2.html
+++ b/public/lyear_pages_login_2.html
@@ -0,0 +1,123 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>登录页面 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+<style>
			
 
				+body {
			
 
				+    display: -webkit-box;
			
 
				+    display: flex;
			
 
				+    -webkit-box-pack: center;
			
 
				+    justify-content: center;
			
 
				+    -webkit-box-align: center;
			
 
				+    align-items: center;
			
 
				+    height: 100%;
			
 
				+}
			
 
				+.login-box {
			
 
				+    display: table;
			
 
				+    table-layout: fixed;
			
 
				+    overflow: hidden;
			
 
				+    max-width: 700px;
			
 
				+}
			
 
				+.login-left {
			
 
				+    display: table-cell;
			
 
				+    position: relative;
			
 
				+    margin-bottom: 0;
			
 
				+    border-width: 0;
			
 
				+    padding: 45px;
			
 
				+}
			
 
				+.login-left .form-group:last-child {
			
 
				+    margin-bottom: 0px;
			
 
				+}
			
 
				+.login-right {
			
 
				+    display: table-cell;
			
 
				+    position: relative;
			
 
				+    margin-bottom: 0;
			
 
				+    border-width: 0;
			
 
				+    padding: 45px;
			
 
				+    width: 50%;
			
 
				+    max-width: 50%;
			
 
				+    background: #67b26f!important;
			
 
				+    background: -moz-linear-gradient(45deg,#67b26f 0,#4ca2cd 100%)!important;
			
 
				+    background: -webkit-linear-gradient(45deg,#67b26f 0,#4ca2cd 100%)!important;
			
 
				+    background: linear-gradient(45deg,#67b26f 0,#4ca2cd 100%)!important;
			
 
				+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67b26f', endColorstr='#4ca2cd', GradientType=1 )!important;
			
 
				+}
			
 
				+.login-box .has-feedback.feedback-left .form-control {
			
 
				+    padding-left: 38px;
			
 
				+    padding-right: 12px;
			
 
				+}
			
 
				+.login-box .has-feedback.feedback-left .form-control-feedback {
			
 
				+    left: 0;
			
 
				+    right: auto;
			
 
				+    width: 38px;
			
 
				+    height: 38px;
			
 
				+    line-height: 38px;
			
 
				+    z-index: 4;
			
 
				+    color: #dcdcdc;
			
 
				+}
			
 
				+.login-box .has-feedback.feedback-left.row .form-control-feedback {
			
 
				+    left: 15px;
			
 
				+}
			
 
				+@media (max-width: 576px) {
			
 
				+  .login-right {
			
 
				+      display: none;
			
 
				+  }   
			
 
				+}
			
 
				+</style>
			
 
				+</head>
			
 
				+  
			
 
				+<body style="background-image: url(images/login-bg-2.jpg); background-size: cover;">
			
 
				+<div class="bg-translucent p-10">
			
 
				+  <div class="login-box bg-white clearfix">
			
 
				+    <div class="login-left">
			
 
				+      <form action="#!" method="post">
			
 
				+        <div class="form-group has-feedback feedback-left">
			
 
				+          <input type="text" placeholder="请输入您的用户名" class="form-control" name="username" id="username" />
			
 
				+          <span class="mdi mdi-account form-control-feedback" aria-hidden="true"></span>
			
 
				+        </div>
			
 
				+        <div class="form-group has-feedback feedback-left">
			
 
				+          <input type="password" placeholder="请输入密码" class="form-control" id="password" name="password" />
			
 
				+          <span class="mdi mdi-lock form-control-feedback" aria-hidden="true"></span>
			
 
				+        </div>
			
 
				+        <div class="form-group has-feedback feedback-left row">
			
 
				+          <div class="col-xs-7">
			
 
				+            <input type="text" name="captcha" class="form-control" placeholder="验证码">
			
 
				+            <span class="mdi mdi-check-all form-control-feedback" aria-hidden="true"></span>
			
 
				+          </div>
			
 
				+          <div class="col-xs-5">
			
 
				+            <img src="images/captcha.png" class="pull-right" id="captcha" style="cursor: pointer;" onclick="this.src=this.src+'?d='+Math.random();" title="点击刷新" alt="captcha">
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="form-group">
			
 
				+          <label class="lyear-checkbox checkbox-primary m-t-10">
			
 
				+            <input type="checkbox"><span>5天内自动登录</span>
			
 
				+          </label>
			
 
				+        </div>
			
 
				+        <div class="form-group">
			
 
				+          <button class="btn btn-block btn-primary" type="button" onclick="location.href='index.html'">立即登录</button>
			
 
				+        </div>
			
 
				+      </form>
			
 
				+    </div>
			
 
				+    <div class="login-right">
			
 
				+      <p><img src="images/logo.png" class="m-b-md m-t-xs" alt="logo"></p>
			
 
				+      <p class="text-white m-tb-15">Light Year Admin 是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。</p>
			
 
				+      <p class="text-white">Copyright © 2020 <a href="http://lyear.itshubao.com">IT书包</a>. All right reserved</p>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript">
			
 
				+;
			
 
				+</script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_pages_login_3.html
+++ b/public/lyear_pages_login_3.html
@@ -0,0 +1,123 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>登录页面 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+<style>
			
 
				+.lyear-wrapper {
			
 
				+    position: relative;
			
 
				+}
			
 
				+.lyear-login {
			
 
				+    display: flex !important;
			
 
				+    min-height: 100vh;
			
 
				+    align-items: center !important;
			
 
				+    justify-content: center !important;
			
 
				+}
			
 
				+.lyear-login:after{
			
 
				+    content: '';
			
 
				+    min-height: inherit;
			
 
				+    font-size: 0;
			
 
				+}
			
 
				+.login-center {
			
 
				+    background-color: rgba(255,255,255,.075);
			
 
				+    min-width: 29.25rem;
			
 
				+    padding: 2.14286em 3.57143em;
			
 
				+    border-radius: 3px;
			
 
				+    margin: 2.85714em;
			
 
				+}
			
 
				+.login-header {
			
 
				+    margin-bottom: 1.5rem !important;
			
 
				+}
			
 
				+.login-center .has-feedback.feedback-left .form-control {
			
 
				+    padding-left: 38px;
			
 
				+    padding-right: 12px;
			
 
				+    background-color: rgba(255,255,255,.075);
			
 
				+    border-color: rgba(255,255,255,.075)
			
 
				+}
			
 
				+.login-center .has-feedback.feedback-left .form-control-feedback {
			
 
				+    left: 0;
			
 
				+    right: auto;
			
 
				+    width: 38px;
			
 
				+    height: 38px;
			
 
				+    line-height: 38px;
			
 
				+    z-index: 4;
			
 
				+    color: #dcdcdc;
			
 
				+}
			
 
				+.login-center .has-feedback.feedback-left.row .form-control-feedback {
			
 
				+    left: 15px;
			
 
				+}
			
 
				+.login-center .form-control::-webkit-input-placeholder{ 
			
 
				+    color: rgba(255, 255, 255, .8);
			
 
				+} 
			
 
				+.login-center .form-control:-moz-placeholder{ 
			
 
				+    color: rgba(255, 255, 255, .8);
			
 
				+} 
			
 
				+.login-center .form-control::-moz-placeholder{ 
			
 
				+    color: rgba(255, 255, 255, .8);
			
 
				+} 
			
 
				+.login-center .form-control:-ms-input-placeholder{ 
			
 
				+    color: rgba(255, 255, 255, .8);
			
 
				+}
			
 
				+.login-center .custom-control-label::before {
			
 
				+    background: rgba(0, 0, 0, 0.3);
			
 
				+    border-color: rgba(0, 0, 0, 0.1);
			
 
				+}
			
 
				+.login-center .lyear-checkbox span::before {
			
 
				+    border-color: rgba(255,255,255,.075)
			
 
				+}
			
 
				+</style>
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="row lyear-wrapper" style="background-image: url(images/login-bg-3.jpg); background-size: cover;">
			
 
				+  <div class="lyear-login">
			
 
				+    <div class="login-center">
			
 
				+      <div class="login-header text-center">
			
 
				+        <a href="index.html"> <img alt="light year admin" src="images/logo-sidebar.png"> </a>
			
 
				+      </div>
			
 
				+      <form action="#!" method="post">
			
 
				+        <div class="form-group has-feedback feedback-left">
			
 
				+          <input type="text" placeholder="请输入您的用户名" class="form-control" name="username" id="username" />
			
 
				+          <span class="mdi mdi-account form-control-feedback" aria-hidden="true"></span>
			
 
				+        </div>
			
 
				+        <div class="form-group has-feedback feedback-left">
			
 
				+          <input type="password" placeholder="请输入密码" class="form-control" id="password" name="password" />
			
 
				+          <span class="mdi mdi-lock form-control-feedback" aria-hidden="true"></span>
			
 
				+        </div>
			
 
				+        <div class="form-group has-feedback feedback-left row">
			
 
				+          <div class="col-xs-7">
			
 
				+            <input type="text" name="captcha" class="form-control" placeholder="验证码">
			
 
				+            <span class="mdi mdi-check-all form-control-feedback" aria-hidden="true"></span>
			
 
				+          </div>
			
 
				+          <div class="col-xs-5">
			
 
				+            <img src="images/captcha.png" class="pull-right" id="captcha" style="cursor: pointer;" onclick="this.src=this.src+'?d='+Math.random();" title="点击刷新" alt="captcha">
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <div class="form-group">
			
 
				+          <label class="lyear-checkbox checkbox-primary m-t-10 text-white">
			
 
				+            <input type="checkbox"><span>5天内自动登录</span>
			
 
				+          </label>
			
 
				+        </div>
			
 
				+        <div class="form-group">
			
 
				+          <button class="btn btn-block btn-primary" type="button" onclick="location.href='index.html'">立即登录</button>
			
 
				+        </div>
			
 
				+      </form>
			
 
				+      <footer class="col-sm-12 text-center text-white">
			
 
				+        <p class="m-b-0">Copyright © 2020 <a href="http://lyear.itshubao.com">IT书包</a>. All right reserved</p>
			
 
				+      </footer>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+</div>
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript">;</script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_pages_login_4.html
+++ b/public/lyear_pages_login_4.html
@@ -0,0 +1,160 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>登录页面 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+<style>
			
 
				+body {
			
 
				+    background-color: #fff;
			
 
				+}
			
 
				+.lyear-login-box {
			
 
				+    position: relative;
			
 
				+    overflow-x: hidden;
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    -webkit-transition: 0.5s;
			
 
				+    -o-transition: 0.5s;
			
 
				+    transition: 0.5s;
			
 
				+}
			
 
				+.lyear-login-left {
			
 
				+    width: 50%;
			
 
				+    top: 0;
			
 
				+    left: 0;
			
 
				+    bottom: 0;
			
 
				+    position: fixed;
			
 
				+    height: 100%;
			
 
				+    z-index: 555;
			
 
				+    background-size: cover;
			
 
				+    background-repeat: no-repeat;
			
 
				+    background-position: center center;
			
 
				+}
			
 
				+.lyear-overlay {
			
 
				+    position: absolute;
			
 
				+    top: 0;
			
 
				+    bottom: 0;
			
 
				+    left: 0;
			
 
				+    right: 0;
			
 
				+    z-index: 10;
			
 
				+    background: rgba(0, 0, 0, 0.5);
			
 
				+}
			
 
				+.lyear-logo {
			
 
				+    margin-bottom: 50px;
			
 
				+}
			
 
				+.lyear-featured {
			
 
				+    z-index: 12;
			
 
				+    position: absolute;
			
 
				+    bottom: 0;
			
 
				+    padding: 30px;
			
 
				+    width: 100%;
			
 
				+}
			
 
				+.lyear-featured h4 {
			
 
				+    color: #fff;
			
 
				+    line-height: 32px;
			
 
				+}
			
 
				+.lyear-featured h4 small {
			
 
				+    color: #fff;
			
 
				+    display: block;
			
 
				+    text-align: right;
			
 
				+    margin-top: 15px;
			
 
				+}
			
 
				+.lyear-login-right {
			
 
				+    margin-left: 50%;
			
 
				+    position: relative;
			
 
				+    z-index: 999;
			
 
				+    padding: 100px;
			
 
				+    background-color: #fff;
			
 
				+}
			
 
				+@media screen and (max-width: 1024px) {
			
 
				+.lyear-login-right {
			
 
				+    padding: 50px;
			
 
				+}
			
 
				+}
			
 
				+@media screen and (max-width: 820px) {
			
 
				+.lyear-login-left {
			
 
				+    width: 100%;
			
 
				+    position: relative;
			
 
				+    z-index: 999;
			
 
				+    height: 300px;
			
 
				+}
			
 
				+.lyear-login-right {
			
 
				+    margin-left: 0;
			
 
				+}
			
 
				+}
			
 
				+@media screen and (max-width: 480px) {
			
 
				+.lyear-login-right {
			
 
				+    padding: 50px;
			
 
				+}
			
 
				+}
			
 
				+@media screen and (max-width: 320px) {
			
 
				+.lyear-login-right {
			
 
				+    padding: 30px;
			
 
				+}
			
 
				+}
			
 
				+</style>
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-login-box">
			
 
				+  <div class="lyear-login-left" style="background-image: url(images/login-bg-4.jpg)">
			
 
				+    <div class="lyear-overlay"></div>
			
 
				+    <div class="lyear-featured">
			
 
				+      <h4>愿你有好运气，如果没有，愿你在不幸中学会慈悲；愿你被很多人爱，如果没有，愿你在寂寞中学会宽容。<small> - 刘瑜《愿你慢慢长大》</small></h4>
			
 
				+    </div>
			
 
				+  </div>
			
 
				+  <div class="lyear-login-right">
			
 
				+    
			
 
				+    <div class="lyear-logo text-center"> 
			
 
				+      <a href="#!"><img src="images/logo-sidebar.png" alt="logo" /></a> 
			
 
				+    </div>
			
 
				+    <form action="#!" method="post">
			
 
				+      <div class="form-group">
			
 
				+        <label for="username">用户名</label>
			
 
				+        <input type="text" class="form-control" id="username" placeholder="请输入您的用户名">
			
 
				+      </div>
			
 
				+
			
 
				+      <div class="form-group">
			
 
				+        <label for="password">密码</label>
			
 
				+        <input type="password" class="form-control" id="password" placeholder="请输入您的密码">
			
 
				+      </div>
			
 
				+
			
 
				+      <div class="form-group">
			
 
				+        <label for="captcha">验证码</label>
			
 
				+        <div class="row">
			
 
				+          <div class="col-xs-7">
			
 
				+            <input type="text" name="captcha" id="captcha" class="form-control" placeholder="验证码">
			
 
				+          </div>
			
 
				+          <div class="col-xs-5">
			
 
				+            <img src="images/captcha.png" class="pull-right" id="captcha" style="cursor: pointer;" onclick="this.src=this.src+'?d='+Math.random();" title="点击刷新" alt="captcha">
			
 
				+          </div>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+      <div class="form-group">
			
 
				+        <label class="lyear-checkbox checkbox-primary m-t-10">
			
 
				+          <input type="checkbox" checked=""><span>5天内自动登录</span>
			
 
				+        </label>
			
 
				+      </div>
			
 
				+
			
 
				+      <div class="form-group">
			
 
				+        <button class="btn btn-block btn-primary" type="submit">立即登录</button>
			
 
				+      </div>
			
 
				+      <footer class="text-center">
			
 
				+        <p class="m-b-0">Copyright © 2020 <a href="http://lyear.itshubao.com">IT书包</a>. All right reserved</p>
			
 
				+      </footer>
			
 
				+    </form>
			
 
				+    
			
 
				+  </div>
			
 
				+</div>
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript">;</script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_pages_profile.html
+++ b/public/lyear_pages_profile.html
@@ -0,0 +1,320 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>个人信息 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item active"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> 示例页面 - 个人信息 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <div class="edit-avatar">
			
 
				+                  <img src="images/users/avatar.jpg" alt="..." class="img-avatar">
			
 
				+                  <div class="avatar-divider"></div>
			
 
				+                  <div class="edit-avatar-content">
			
 
				+                    <button class="btn btn-default">修改头像</button>
			
 
				+                    <p class="m-0">选择一张你喜欢的图片，裁剪后会自动生成264x264大小，上传图片大小不能超过2M。</p>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <hr>
			
 
				+                <form method="post" action="#!" class="site-form">
			
 
				+                  <div class="form-group">
			
 
				+                    <label for="username">用户名</label>
			
 
				+                    <input type="text" class="form-control" name="username" id="username" value="lightyear" disabled="disabled" />
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <label for="nickname">昵称</label>
			
 
				+                    <input type="text" class="form-control" name="nickname" id="nickname" placeholder="输入您的昵称" value="笔下光年">
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <label for="email">邮箱</label>
			
 
				+                    <input type="email" class="form-control" name="email" id="email" aria-describedby="emailHelp" placeholder="请输入正确的邮箱地址" value="3331653644@qq.com">
			
 
				+                    <small id="emailHelp" class="form-text text-muted">请保证您填写的邮箱地址是正确的。</small>
			
 
				+                  </div>
			
 
				+                  <div class="form-group">
			
 
				+                    <label for="remark">简介</label>
			
 
				+                    <textarea class="form-control" name="remark" id="remark" rows="3"></textarea>
			
 
				+                  </div>
			
 
				+                  <button type="submit" class="btn btn-primary">保存</button>
			
 
				+                </form>
			
 
				+       
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_pages_rabc.html
+++ b/public/lyear_pages_rabc.html
@@ -0,0 +1,702 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>设置权限 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li class="active"> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> 示例页面 - 设置权限 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>设置权限</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <form action="#!" method="post">
			
 
				+                  <div class="form-group">
			
 
				+                    <label for="example-text-input">角色名称</label>
			
 
				+                    <input class="form-control" type="text" name="role-input" placeholder="角色名称">
			
 
				+                  </div>
			
 
				+                  <div class="table-responsive">
			
 
				+                  <table class="table table-striped">
			
 
				+                    <thead>
			
 
				+                      <tr>
			
 
				+                        <th>
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input name="checkbox" type="checkbox" id="check-all">
			
 
				+                            <span> 全选</span>
			
 
				+                          </label>
			
 
				+                        </th>
			
 
				+                      </tr>
			
 
				+                    </thead>
			
 
				+                    <tbody>
			
 
				+                      <tr>
			
 
				+                        <td>
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-parent" dataid="id-1" value="1">
			
 
				+                            <span> 系统管理</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td class="p-l-20">
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-parent checkbox-child" dataid="id-1-5" value="5">
			
 
				+                            <span> 网站设置</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td class="p-l-20">
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-parent checkbox-child" dataid="id-1-6" value="6">
			
 
				+                            <span> 配置管理</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td class="p-l-40">
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-1-6-20" value="20">
			
 
				+                            <span> 添加配置</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-1-6-21" value="21">
			
 
				+                            <span> 编辑配置</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-1-6-44" value="44">
			
 
				+                            <span> 删除配置</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-1-6-45" value="45">
			
 
				+                            <span> 禁用/启用配置</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-1-6-46" value="46">
			
 
				+                            <span> 设置配置值</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td class="p-l-20">
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-parent checkbox-child" dataid="id-1-7" value="7">
			
 
				+                            <span> 导航管理</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td class="p-l-40">
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-1-7-51" value="51">
			
 
				+                            <span> 添加导航菜单</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-1-7-52" value="52">
			
 
				+                            <span> 编辑导航菜单</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-1-7-53" value="53">
			
 
				+                            <span> 删除导航菜单</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td class="p-l-20">
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-parent checkbox-child" dataid="id-1-8" value="8">
			
 
				+                            <span> 栏目管理</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td class="p-l-40">
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-1-8-40" value="40">
			
 
				+                            <span> 添加栏目</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-1-8-41" value="41">
			
 
				+                            <span> 编辑栏目</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-1-8-42" value="42">
			
 
				+                            <span> 删除栏目</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td class="p-l-20">
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-parent checkbox-child" dataid="id-1-9" value="9">
			
 
				+                            <span> 权限列表</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td class="p-l-40">
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-1-9-36" value="36">
			
 
				+                            <span> 添加规则</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-1-9-37" value="37">
			
 
				+                            <span> 编辑规则</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-1-9-38" value="38">
			
 
				+                            <span> 删除规则</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-1-9-39" value="39">
			
 
				+                            <span> 禁用/启用规则</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td class="p-l-20">
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-parent checkbox-child" dataid="id-1-73" value="73">
			
 
				+                            <span> 后台首页</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td>
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-parent" dataid="id-2" value="2">
			
 
				+                            <span> 用户管理</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td class="p-l-20">
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-parent checkbox-child" dataid="id-2-10" value="10">
			
 
				+                            <span> 角色管理</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td class="p-l-40">
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-2-10-31" value="31">
			
 
				+                            <span> 添加角色</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-2-10-33" value="33">
			
 
				+                            <span> 编辑角色</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-2-10-34" value="34">
			
 
				+                            <span> 删除角色</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-2-10-35" value="35">
			
 
				+                            <span> 禁用/启用角色</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td class="p-l-20">
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-parent checkbox-child" dataid="id-2-12" value="12">
			
 
				+                            <span> 用户管理</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td class="p-l-40">
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-2-12-62" value="62">
			
 
				+                            <span> 添加用户</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-2-12-63" value="63">
			
 
				+                            <span> 编辑用户</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-2-12-64" value="64">
			
 
				+                            <span> 删除用户</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-2-12-65" value="65">
			
 
				+                            <span> 启用/禁用用户</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td>
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-parent" dataid="id-3" value="3">
			
 
				+                            <span> 内容管理</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td class="p-l-20">
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-parent checkbox-child" dataid="id-3-13" value="13">
			
 
				+                            <span> 单页管理</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td class="p-l-40">
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-3-13-58" value="58">
			
 
				+                            <span> 添加单页</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-3-13-59" value="59">
			
 
				+                            <span> 编辑单页</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-3-13-60" value="60">
			
 
				+                            <span> 删除单页</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td class="p-l-20">
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-parent checkbox-child" dataid="id-3-14" value="14">
			
 
				+                            <span> 文章管理</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td class="p-l-20">
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-parent checkbox-child" dataid="id-3-15" value="15">
			
 
				+                            <span> 文档管理</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td class="p-l-40">
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline checkbox-inline checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-3-15-16" value="16">
			
 
				+                            <span> 添加文档</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline checkbox-inline checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-3-15-61" value="61">
			
 
				+                            <span> 删除文档</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline checkbox-inline checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-3-15-75" value="75">
			
 
				+                            <span> 编辑文档</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline checkbox-inline checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-3-15-79" value="79">
			
 
				+                            <span> 启用/禁用文档</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td class="p-l-20">
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-parent checkbox-child" dataid="id-3-72" value="72">
			
 
				+                            <span> 下载管理</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td>
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-parent" dataid="id-4" value="4">
			
 
				+                            <span> 扩展管理</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td class="p-l-20">
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-parent checkbox-child" dataid="id-4-17" value="17">
			
 
				+                            <span> 广告管理</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td class="p-l-40">
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-4-17-27" value="27">
			
 
				+                            <span> 添加广告</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-4-17-28" value="28">
			
 
				+                            <span> 编辑广告</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-4-17-29" value="29">
			
 
				+                            <span> 删除广告</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-4-17-30" value="30">
			
 
				+                            <span> 禁用/启用广告</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td class="p-l-20">
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-parent checkbox-child" dataid="id-4-19" value="19">
			
 
				+                            <span> 友情链接</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td class="p-l-40">
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-4-19-47" value="47">
			
 
				+                            <span> 添加友情链接</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-4-19-48" value="48">
			
 
				+                            <span> 编辑友情链接</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-4-19-49" value="49">
			
 
				+                            <span> 删除友情链接</span>
			
 
				+                          </label>
			
 
				+                          <label class="lyear-checkbox checkbox-primary checkbox-inline">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-4-19-50" value="50">
			
 
				+                            <span> 禁用/启用友情链接</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td class="p-l-20">
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-parent checkbox-child" dataid="id-4-66" value="66">
			
 
				+                            <span> 附件管理</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td class="p-l-40">
			
 
				+                          <label class="lyear-checkbox checkbox-primary">
			
 
				+                            <input name="rules[]" type="checkbox" class="checkbox-child" dataid="id-4-66-67" value="67">
			
 
				+                            <span> 上传图片</span>
			
 
				+                          </label>
			
 
				+                        </td>
			
 
				+                      </tr>
			
 
				+                    </tbody>
			
 
				+                  </table>
			
 
				+                </div>
			
 
				+                </form>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+<script type="text/javascript">
			
 
				+$(function(){
			
 
				+    //动态选择框，上下级选中状态变化
			
 
				+    $('input.checkbox-parent').on('change', function(){
			
 
				+        var dataid = $(this).attr("dataid");
			
 
				+        $('input[dataid^=' + dataid + '-]').prop('checked', $(this).is(':checked'));
			
 
				+    });
			
 
				+    $('input.checkbox-child').on('change', function(){
			
 
				+        var dataid = $(this).attr("dataid");
			
 
				+            dataid = dataid.substring(0, dataid.lastIndexOf("-"));
			
 
				+        var parent = $('input[dataid=' + dataid + ']');
			
 
				+        if($(this).is(':checked')){
			
 
				+            parent.prop('checked', true);
			
 
				+            //循环到顶级
			
 
				+            while(dataid.lastIndexOf("-") != 2){
			
 
				+                dataid = dataid.substring(0, dataid.lastIndexOf("-"));
			
 
				+                parent = $('input[dataid=' + dataid + ']');
			
 
				+                parent.prop('checked', true);
			
 
				+            }
			
 
				+        }else{
			
 
				+            //父级
			
 
				+            if($('input[dataid^=' + dataid + '-]:checked').length == 0){
			
 
				+                parent.prop('checked', false);
			
 
				+                //循环到顶级
			
 
				+                while(dataid.lastIndexOf("-") != 2){
			
 
				+                    dataid = dataid.substring(0, dataid.lastIndexOf("-"));
			
 
				+                    parent = $('input[dataid=' + dataid + ']');
			
 
				+                    if($('input[dataid^=' + dataid + '-]:checked').length == 0){
			
 
				+                        parent.prop('checked', false);
			
 
				+                    }
			
 
				+                }
			
 
				+            }
			
 
				+        }
			
 
				+    });
			
 
				+});
			
 
				+</script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_ui_alerts.html
+++ b/public/lyear_ui_alerts.html
@@ -0,0 +1,348 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>警告框 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li class="active"> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> UI元素 - 警告框 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>基本样式</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <div class="alert alert-success" role="alert">未泯杂念参无相 三戒当持号不歧</div>
			
 
				+                <div class="alert alert-danger" role="alert">各逞机谋缘底事 自疑身世感亲情</div>
			
 
				+                <div class="alert alert-warning" role="alert">空嗟变幻迁枯骨 莫测高深立掌门</div>
			
 
				+                <div class="alert alert-info" role="alert">恩同义父犹藏诈 逼露庐山始识非</div>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+          <div class="col-md-6">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>带连接的警告框</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <div class="alert alert-success" role="alert">
			
 
				+                无相无碍观自在 不歧不谈训终违 <a href="#!" class="alert-link">第05章</a>。
			
 
				+                </div>
			
 
				+                <div class="alert alert-danger" role="alert">
			
 
				+                铁矢神弓 少年扶巨宦 金鞍宝马 <a href="#!" class="alert-link">大盗震虚声</a>。
			
 
				+                </div>
			
 
				+                <div class="alert alert-warning" role="alert">
			
 
				+                第03章 手足相残 深宫腾剑气 恩仇难解 <a href="#!" class="alert-link">古洞结奇缘</a>。
			
 
				+                </div>
			
 
				+                <div class="alert alert-info" role="alert">
			
 
				+                第08章 谦谢掌门 情缘难斩断 难收覆水 <a href="#!" class="alert-link">恨意朱全消</a>。
			
 
				+                </div>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="col-md-6">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>可关闭的警告框</h4></div>
			
 
				+              <div class="card-body">
			
 
				+
			
 
				+                <div class="alert alert-success alert-dismissible" role="alert">
			
 
				+                  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			
 
				+                  <strong>第01章</strong> 抱恨冰弹御强敌 忏情毒箭插酥胸
			
 
				+                </div>
			
 
				+                <div class="alert alert-danger alert-dismissible" role="alert">
			
 
				+                  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			
 
				+                  <strong>第02章</strong> 天旋地转不知处 柳暗花明遇故人
			
 
				+                </div>
			
 
				+                <div class="alert alert-warning alert-dismissible" role="alert">
			
 
				+                  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			
 
				+                  <strong>第03章</strong> 野鹤闲云无觅处 雪泥鸿爪未留痕
			
 
				+                </div>
			
 
				+                <div class="alert alert-info alert-dismissible" role="alert">
			
 
				+                  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			
 
				+                  <h4>第04章 埃外奇闻传后世 武林秘事动雄心</h4>
			
 
				+                  <p>江南喜出望外，叫道：“真的是碧灵丹？”杨柳青笑道：“我还能骗你不成？快点服下，三粒碧灵丹，最少可当得三年功力！”江南手舞足蹈，嘻嘻笑道：“明天我不用赶路啦！”邹绛霞莫名其妙，微嗔问道：“赶甚么路呀？哼，原来你是准备助拳之后，马上便走的吗？几年不见，你就不肯多留两天？”</p>
			
 
				+                  <p>
			
 
				+                    <button type="button" class="btn btn-danger">采取这个行动</button>
			
 
				+                    <button type="button" class="btn btn-default">或者这样做</button>
			
 
				+                  </p>
			
 
				+                </div>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_ui_buttons.html
+++ b/public/lyear_ui_buttons.html
@@ -0,0 +1,847 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>按钮 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li class="active"> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> UI元素 - 按钮 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>按钮</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <div class="table-responsive">
			
 
				+                  <table class="table table-bordered table-striped table-vcenter">
			
 
				+                    <thead>
			
 
				+                      <tr>
			
 
				+                        <th class="w-15">按钮</th>
			
 
				+                        <th>class=""</th>
			
 
				+                        <th class="w-15">按钮</th>
			
 
				+                        <th>class=""</th>
			
 
				+                      </tr>
			
 
				+                    </thead>
			
 
				+                    <tbody>
			
 
				+                      <tr>
			
 
				+                        <td><button class="btn btn-default btn-w-md" type="button">默认按钮</button></td>
			
 
				+                        <td><code>btn btn-default</code></td>
			
 
				+                        <td><button class="btn btn-primary btn-w-md" type="button">主要颜色按钮</button></td>
			
 
				+                        <td><code>btn btn-primary</code></td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td><button class="btn btn-success btn-w-md" type="button">绿色按钮</button></td>
			
 
				+                        <td><code>btn btn-success</code></td>
			
 
				+                        <td><button class="btn btn-info btn-w-md" type="button">一般信息按钮</button></td>
			
 
				+                        <td><code>btn btn-info</code></td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td><button class="btn btn-warning btn-w-md" type="button">橙色按钮</button></td>
			
 
				+                        <td><code>btn btn-warning</code></td>
			
 
				+                        <td><button class="btn btn-danger btn-w-md" type="button">红色按钮</button></td>
			
 
				+                        <td><code>btn btn-danger</code></td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td><button class="btn btn-secondary btn-w-md" type="button">次要颜色按钮</button></td>
			
 
				+                        <td><code>btn btn-secondary</code></td>
			
 
				+                        <td><button class="btn btn-dark btn-w-md" type="button">黑色按钮</button></td>
			
 
				+                        <td><code>btn btn-dark</code></td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td><button class="btn btn-purple btn-w-md" type="button">紫色按钮</button></td>
			
 
				+                        <td><code>btn btn-purple</code></td>
			
 
				+                        <td><button class="btn btn-pink btn-w-md" type="button">粉红色按钮</button></td>
			
 
				+                        <td><code>btn btn-pink</code></td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td><button class="btn btn-cyan btn-w-md" type="button">青色按钮</button></td>
			
 
				+                        <td><code>btn btn-cyan</code></td>
			
 
				+                        <td><button class="btn btn-yellow btn-w-md" type="button">黄色按钮</button></td>
			
 
				+                        <td><code>btn btn-yellow</code></td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <td><button class="btn btn-brown btn-w-md" type="button">棕色按钮</button></td>
			
 
				+                        <td><code>btn btn-brown</code></td>
			
 
				+                        <td><button class="btn btn-link" type="button">链接形式</button></td>
			
 
				+                        <td><code>btn btn-link</code></td>
			
 
				+                      </tr>
			
 
				+                    </tbody>
			
 
				+                  </table>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>  
			
 
				+          </div>
			
 
				+          
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>其他按钮样式</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <div class="row">
			
 
				+                  <div class="col-lg-6">
			
 
				+                    <h5>圆角按钮</h5>
			
 
				+                    <p><code>class</code> 中增加 <code>.btn-round</code>。</p>
			
 
				+                    <div class="example-box">
			
 
				+                      <button class="btn btn-w-md btn-round btn-primary">主色按钮</button>
			
 
				+                      <button class="btn btn-w-md btn-round btn-secondary">次色按钮</button>
			
 
				+                      <button class="btn btn-w-md btn-round btn-success">绿色按钮</button>
			
 
				+                      <button class="btn btn-w-md btn-round btn-info">信息按钮</button>
			
 
				+                      <button class="btn btn-w-md btn-round btn-warning">橙色按钮</button>
			
 
				+                      <button class="btn btn-w-md btn-round btn-danger">红色按钮</button>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="col-lg-6">
			
 
				+                    <h5>带图标的按钮</h5>
			
 
				+                    <p><code>class</code> 中增加 <code>.btn-label</code>，<code>button</code> 元素中增加 <code>label</code> 元素。</p>
			
 
				+                    <div class="example-box">
			
 
				+                      <button class="btn btn-label btn-primary"><label><i class="mdi mdi-checkbox-marked-circle-outline"></i></label> 确认提交</button>
			
 
				+                      <button class="btn btn-label btn-info"><label><i class="mdi mdi-play-circle-outline"></i></label> 播放</button>
			
 
				+                      <button class="btn btn-label btn-warning"><label><i class="mdi mdi-delete-empty"></i></label> 清空数据</button>
			
 
				+                      <button class="btn btn-label btn-danger"><label><i class="mdi mdi-close"></i></label> 删除</button>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                
			
 
				+                <div class="row">
			
 
				+                  <div class="col-lg-12">
			
 
				+                    <hr>
			
 
				+                    <h5>指定按钮宽度</h5>
			
 
				+                    <p>可使用 <code>.btn-w-xs</code>, <code>.btn-w-sm</code>, <code>.btn-w-md</code>, <code>.btn-w-lg</code> 和 <code>.btn-w-xl</code> 类指定按钮宽度。</p>
			
 
				+                    <div class="example-box">
			
 
				+                      <button class="btn btn-w-xs btn-primary">极小宽</button>
			
 
				+                      <button class="btn btn-w-sm btn-primary">小的</button>
			
 
				+                      <button class="btn btn-w-md btn-primary">中等宽度</button>
			
 
				+                      <button class="btn btn-w-lg btn-primary">宽按钮</button>
			
 
				+                      <button class="btn btn-w-xl btn-primary">超宽</button>
			
 
				+                    </div>
			
 
				+                    <hr>
			
 
				+                  </div>
			
 
				+                  <div class="col-lg-6">
			
 
				+                    <h5>按钮大小</h5>
			
 
				+                    <p>使用 <code>.btn-lg</code>, <code>.btn-sm</code> 和 <code>.btn-xs</code> 类指定按钮的大小。</p>
			
 
				+                    <div class="example-box">
			
 
				+                      <button class="btn btn-lg btn-primary">大的按钮</button>
			
 
				+                      <button class="btn btn-primary">默认按钮</button>
			
 
				+                      <button class="btn btn-sm btn-primary">小按钮</button>
			
 
				+                      <button class="btn btn-xs btn-primary">极小的按钮</button>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="col-lg-6">
			
 
				+                    <h5>块级元素按钮</h5>
			
 
				+                    <p>加上 <code>.btn-block</code> 类可以使得按钮变成一个块级元素按钮。</p>
			
 
				+                    <button class="btn btn-block btn-primary">块级元素按钮</button>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>切换选择按钮</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <div class="row"> 
			
 
				+                  
			
 
				+                  <div class="col-lg-4">
			
 
				+                    <h5>单个按钮</h5>
			
 
				+                    <button class="btn btn-primary" data-toggle="button">单按钮切换</button>
			
 
				+                  </div>
			
 
				+                  
			
 
				+                  <div class="col-lg-4">
			
 
				+                    <h5>多选</h5>
			
 
				+                    <div class="btn-group btn-group-toggle" data-toggle="buttons">
			
 
				+                      <label class="btn btn-primary active">
			
 
				+                        <input type="checkbox" checked autocomplete="off">
			
 
				+                        <i class="mdi mdi-format-text"></i>
			
 
				+                      </label>
			
 
				+                      <label class="btn btn-primary">
			
 
				+                        <input type="checkbox" autocomplete="off">
			
 
				+                        <i class="mdi mdi-format-underline"></i>
			
 
				+                      </label>
			
 
				+                      <label class="btn btn-primary">
			
 
				+                        <input type="checkbox" autocomplete="off">
			
 
				+                        <i class="mdi mdi-format-italic"></i>
			
 
				+                      </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  
			
 
				+                  <div class="col-lg-4">
			
 
				+                    <h5>单选</h5>
			
 
				+                    <div class="btn-group btn-group-toggle" data-toggle="buttons">
			
 
				+                      <label class="btn btn-primary active">
			
 
				+                        <input type="radio" name="options" id="option1" autocomplete="off" checked>
			
 
				+                        <i class="mdi mdi-format-align-left"></i> </label>
			
 
				+                      <label class="btn btn-primary">
			
 
				+                        <input type="radio" name="options" id="option2" autocomplete="off">
			
 
				+                        <i class="mdi mdi-format-align-center"></i> </label>
			
 
				+                      <label class="btn btn-primary">
			
 
				+                        <input type="radio" name="options" id="option3" autocomplete="off">
			
 
				+                        <i class="mdi mdi-format-align-right"></i> </label>
			
 
				+                      <label class="btn btn-primary">
			
 
				+                        <input type="radio" name="options" id="option3" autocomplete="off">
			
 
				+                        <i class="mdi mdi-format-align-justify"></i> </label>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>按钮组</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <div class="row">
			
 
				+                  <div class="col-lg-4">
			
 
				+                    <h5>默认</h5>
			
 
				+                    <div class="btn-group">
			
 
				+                      <button class="btn btn-default">左</button>
			
 
				+                      <button class="btn btn-default">中</button>
			
 
				+                      <button class="btn btn-default">右</button>
			
 
				+                    </div>
			
 
				+                    <hr>
			
 
				+                    <h5>圆角</h5>
			
 
				+                    <div class="btn-group btn-group-round">
			
 
				+                      <button class="btn btn-default">左</button>
			
 
				+                      <button class="btn btn-default">中</button>
			
 
				+                      <button class="btn btn-default">右</button>
			
 
				+                    </div>
			
 
				+                    <hr>
			
 
				+                    <h5>两端对齐的</h5>
			
 
				+                    <div class="btn-group btn-group-justified">
			
 
				+                      <button class="btn btn-default">左</button>
			
 
				+                      <button class="btn btn-default">中</button>
			
 
				+                      <button class="btn btn-default">右</button>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="col-lg-4 text-center">
			
 
				+                    <h5>垂直的</h5>
			
 
				+                    <div class="btn-group-vertical">
			
 
				+                      <button class="btn btn-default">上</button>
			
 
				+                      <button class="btn btn-default">中</button>
			
 
				+                      <button class="btn btn-default">下</button>
			
 
				+                    </div>
			
 
				+                    <hr>
			
 
				+                    <h5>嵌套的</h5>
			
 
				+                    <div class="btn-group">
			
 
				+                      <button class="btn btn-default"><i class="mdi mdi-replay"></i></button>
			
 
				+                      <button class="btn btn-default"><i class="mdi mdi-magnify"></i></button>
			
 
				+                      <div class="btn-group">
			
 
				+                        <button id="btnGroupDrop1" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			
 
				+                          导出 <span class="caret"></span>
			
 
				+                        </button>
			
 
				+                        <ul class="dropdown-menu">
			
 
				+                          <li><a href="#!"><i class="mdi mdi-zip-box"></i> Zip</a></li>
			
 
				+                          <li><a href="#!"><i class="mdi mdi-file-pdf"></i> PDF</a></li>
			
 
				+                          <li><a href="#!"><i class="mdi mdi-file-excel"></i> Excel</a></li>
			
 
				+                        </ul>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="col-lg-4">
			
 
				+                    <h5>大小尺寸</h5>
			
 
				+                    <div class="btn-group btn-group-xs">
			
 
				+                      <button class="btn btn-default">左</button>
			
 
				+                      <button class="btn btn-default">中</button>
			
 
				+                      <button class="btn btn-default">右</button>
			
 
				+                    </div>
			
 
				+                    <br><br>
			
 
				+                    <div class="btn-group btn-group-sm">
			
 
				+                      <button class="btn btn-default">左</button>
			
 
				+                      <button class="btn btn-default">中</button>
			
 
				+                      <button class="btn btn-default">右</button>
			
 
				+                    </div>
			
 
				+                    <br><br>
			
 
				+                    <div class="btn-group">
			
 
				+                      <button class="btn btn-default">左</button>
			
 
				+                      <button class="btn btn-default">中</button>
			
 
				+                      <button class="btn btn-default">右</button>
			
 
				+                    </div>
			
 
				+                    <br><br>
			
 
				+                    <div class="btn-group btn-group-lg">
			
 
				+                      <button class="btn btn-default">左</button>
			
 
				+                      <button class="btn btn-default">中</button>
			
 
				+                      <button class="btn btn-default">右</button>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  <div class="col-lg-12">
			
 
				+                    <hr>
			
 
				+                    <h5>工具栏</h5>
			
 
				+                    <div class="btn-toolbar">
			
 
				+                      <div class="btn-group">
			
 
				+                        <button class="btn btn-default"><i class="mdi mdi-format-align-left"></i></button>
			
 
				+                        <button class="btn btn-default"><i class="mdi mdi-format-align-center"></i></button>
			
 
				+                        <button class="btn btn-default"><i class="mdi mdi-format-align-right"></i></button>
			
 
				+                        <button class="btn btn-default"><i class="mdi mdi-format-align-justify"></i></button>
			
 
				+                      </div>
			
 
				+                      <div class="btn-group">
			
 
				+                        <button class="btn btn-default"><i class="mdi mdi-format-bold"></i></button>
			
 
				+                        <button class="btn btn-default"><i class="mdi mdi-format-italic"></i></button>
			
 
				+                        <button class="btn btn-default"><i class="mdi mdi-format-underline"></i></button>
			
 
				+                      </div>
			
 
				+                      <div class="btn-group">
			
 
				+                        <button class="btn btn-default"><i class="mdi mdi-floppy"></i></button>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>下拉菜单按钮</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <div class="row">
			
 
				+                  <!--单按钮下拉菜单-->
			
 
				+                  <div class="col-lg-6">
			
 
				+                    <h5>单按钮下拉菜单</h5>
			
 
				+                    <div class="btn-group">
			
 
				+                      <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			
 
				+                        周杰伦 <span class="caret"></span>
			
 
				+                      </button>
			
 
				+                      <ul class="dropdown-menu">
			
 
				+                        <li><a href="#!">夜的第七章</a></li>
			
 
				+                        <li><a href="#!">半兽人</a></li>
			
 
				+                        <li><a href="#!">上海一九四三</a></li>
			
 
				+                        <li role="separator" class="divider"></li>
			
 
				+                        <li><a href="#!">告白气球</a></li>
			
 
				+                      </ul>
			
 
				+                    </div>
			
 
				+                    <div class="btn-group">
			
 
				+                      <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			
 
				+                        陈奕迅 <span class="caret"></span>
			
 
				+                      </button>
			
 
				+                      <ul class="dropdown-menu">
			
 
				+                        <li><a href="#!">浮夸</a></li>
			
 
				+                        <li><a href="#!">爱情转移</a></li>
			
 
				+                        <li><a href="#!">六月飞雪</a></li>
			
 
				+                        <li role="separator" class="divider"></li>
			
 
				+                        <li><a href="#!">十年</a></li>
			
 
				+                      </ul>
			
 
				+                    </div>
			
 
				+                    <div class="btn-group">
			
 
				+                      <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			
 
				+                        河图 <span class="caret"></span>
			
 
				+                      </button>
			
 
				+                      <ul class="dropdown-menu">
			
 
				+                        <li><a href="#!">窗前明月光</a></li>
			
 
				+                        <li><a href="#!">不见有情</a></li>
			
 
				+                        <li><a href="#!">春日迟</a></li>
			
 
				+                        <li role="separator" class="divider"></li>
			
 
				+                        <li><a href="#!">自为风月马前卒</a></li>
			
 
				+                      </ul>
			
 
				+                    </div>
			
 
				+                    <div class="btn-group">
			
 
				+                      <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			
 
				+                        陈楚生 <span class="caret"></span>
			
 
				+                      </button>
			
 
				+                      <ul class="dropdown-menu">
			
 
				+                        <li><a href="#!">思恋一个荒废的名字</a></li>
			
 
				+                        <li><a href="#!">有没有人告诉你</a></li>
			
 
				+                        <li><a href="#!">经过</a></li>
			
 
				+                        <li role="separator" class="divider"></li>
			
 
				+                        <li><a href="#!">风起时想你</a></li>
			
 
				+                      </ul>
			
 
				+                    </div>
			
 
				+                    <div class="btn-group">
			
 
				+                      <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			
 
				+                        光良 <span class="caret"></span>
			
 
				+                      </button>
			
 
				+                      <ul class="dropdown-menu">
			
 
				+                        <li><a href="#!">第一次</a></li>
			
 
				+                        <li><a href="#!">童话</a></li>
			
 
				+                        <li><a href="#!">天堂</a></li>
			
 
				+                        <li role="separator" class="divider"></li>
			
 
				+                        <li><a href="#!">右手边</a></li>
			
 
				+                      </ul>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  
			
 
				+                  <!--拆分按钮下拉菜单-->
			
 
				+                  <div class="col-lg-6">
			
 
				+                    <h5>拆分按钮下拉菜单</h5>
			
 
				+                    <div class="btn-group">
			
 
				+                      <button type="button" class="btn btn-primary">周杰伦</button>
			
 
				+                      <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			
 
				+                        <span class="caret"></span>
			
 
				+                        <span class="sr-only">切换下拉列表</span>
			
 
				+                      </button>
			
 
				+                      <ul class="dropdown-menu">
			
 
				+                        <li><a href="#!">夜的第七章</a></li>
			
 
				+                        <li><a href="#!">半兽人</a></li>
			
 
				+                        <li><a href="#!">上海一九四三</a></li>
			
 
				+                        <li role="separator" class="divider"></li>
			
 
				+                        <li><a href="#!">告白气球</a></li>
			
 
				+                      </ul>
			
 
				+                    </div>
			
 
				+                    <div class="btn-group">
			
 
				+                      <button type="button" class="btn btn-success">陈奕迅</button>
			
 
				+                      <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			
 
				+                        <span class="caret"></span>
			
 
				+                        <span class="sr-only">切换下拉列表</span>
			
 
				+                      </button>
			
 
				+                      <ul class="dropdown-menu">
			
 
				+                        <li><a href="#!">浮夸</a></li>
			
 
				+                        <li><a href="#!">爱情转移</a></li>
			
 
				+                        <li><a href="#!">六月飞雪</a></li>
			
 
				+                        <li role="separator" class="divider"></li>
			
 
				+                        <li><a href="#!">十年</a></li>
			
 
				+                      </ul>
			
 
				+                    </div>
			
 
				+                    <div class="btn-group">
			
 
				+                      <button type="button" class="btn btn-info">河图</button>
			
 
				+                      <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			
 
				+                        <span class="caret"></span>
			
 
				+                        <span class="sr-only">切换下拉列表</span>
			
 
				+                      </button>
			
 
				+                      <ul class="dropdown-menu">
			
 
				+                        <li><a href="#!">窗前明月光</a></li>
			
 
				+                        <li><a href="#!">不见有情</a></li>
			
 
				+                        <li><a href="#!">春日迟</a></li>
			
 
				+                        <li role="separator" class="divider"></li>
			
 
				+                        <li><a href="#!">自为风月马前卒</a></li>
			
 
				+                      </ul>
			
 
				+                    </div>
			
 
				+                    <div class="btn-group">
			
 
				+                      <button type="button" class="btn btn-secondary">陈奕迅</button>
			
 
				+                      <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			
 
				+                        <span class="caret"></span>
			
 
				+                        <span class="sr-only">切换下拉列表</span>
			
 
				+                      </button>
			
 
				+                      <ul class="dropdown-menu">
			
 
				+                        <li><a href="#!">思恋一个荒废的名字</a></li>
			
 
				+                        <li><a href="#!">有没有人告诉你</a></li>
			
 
				+                        <li><a href="#!">经过</a></li>
			
 
				+                        <li role="separator" class="divider"></li>
			
 
				+                        <li><a href="#!">风起时想你</a></li>
			
 
				+                      </ul>
			
 
				+                    </div>
			
 
				+                    <div class="btn-group">
			
 
				+                      <button type="button" class="btn btn-warning">光良</button>
			
 
				+                      <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			
 
				+                        <span class="caret"></span>
			
 
				+                        <span class="sr-only">切换下拉列表</span>
			
 
				+                      </button>
			
 
				+                      <ul class="dropdown-menu">
			
 
				+                        <li><a href="#!">第一次</a></li>
			
 
				+                        <li><a href="#!">童话</a></li>
			
 
				+                        <li><a href="#!">天堂</a></li>
			
 
				+                        <li role="separator" class="divider"></li>
			
 
				+                        <li><a href="#!">右手边</a></li>
			
 
				+                      </ul>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  
			
 
				+                  <!--向上弹出菜单按钮-->
			
 
				+                  <div class="col-lg-6">
			
 
				+                    <hr>
			
 
				+                    <h5>向上弹出菜单按钮</h5>
			
 
				+                    <div class="btn-group dropup">
			
 
				+                      <button type="button" class="btn btn-primary">周杰伦</button>
			
 
				+                      <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			
 
				+                        <span class="caret"></span>
			
 
				+                        <span class="sr-only">切换下拉列表</span>
			
 
				+                      </button>
			
 
				+                      <ul class="dropdown-menu">
			
 
				+                        <li><a href="#!">夜的第七章</a></li>
			
 
				+                        <li><a href="#!">半兽人</a></li>
			
 
				+                        <li><a href="#!">上海一九四三</a></li>
			
 
				+                        <li role="separator" class="divider"></li>
			
 
				+                        <li><a href="#!">告白气球</a></li>
			
 
				+                      </ul>
			
 
				+                    </div>
			
 
				+                    <div class="btn-group dropup">
			
 
				+                      <button type="button" class="btn btn-success">陈奕迅</button>
			
 
				+                      <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			
 
				+                        <span class="caret"></span>
			
 
				+                        <span class="sr-only">切换下拉列表</span>
			
 
				+                      </button>
			
 
				+                      <ul class="dropdown-menu">
			
 
				+                        <li><a href="#!">浮夸</a></li>
			
 
				+                        <li><a href="#!">爱情转移</a></li>
			
 
				+                        <li><a href="#!">六月飞雪</a></li>
			
 
				+                        <li role="separator" class="divider"></li>
			
 
				+                        <li><a href="#!">十年</a></li>
			
 
				+                      </ul>
			
 
				+                    </div>
			
 
				+                    <div class="btn-group dropup">
			
 
				+                      <button type="button" class="btn btn-info">河图</button>
			
 
				+                      <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			
 
				+                        <span class="caret"></span>
			
 
				+                        <span class="sr-only">切换下拉列表</span>
			
 
				+                      </button>
			
 
				+                      <ul class="dropdown-menu">
			
 
				+                        <li><a href="#!">窗前明月光</a></li>
			
 
				+                        <li><a href="#!">不见有情</a></li>
			
 
				+                        <li><a href="#!">春日迟</a></li>
			
 
				+                        <li role="separator" class="divider"></li>
			
 
				+                        <li><a href="#!">自为风月马前卒</a></li>
			
 
				+                      </ul>
			
 
				+                    </div>
			
 
				+                    <div class="btn-group dropup">
			
 
				+                      <button type="button" class="btn btn-secondary">陈奕迅</button>
			
 
				+                      <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			
 
				+                        <span class="caret"></span>
			
 
				+                        <span class="sr-only">切换下拉列表</span>
			
 
				+                      </button>
			
 
				+                      <ul class="dropdown-menu">
			
 
				+                        <li><a href="#!">思恋一个荒废的名字</a></li>
			
 
				+                        <li><a href="#!">有没有人告诉你</a></li>
			
 
				+                        <li><a href="#!">经过</a></li>
			
 
				+                        <li role="separator" class="divider"></li>
			
 
				+                        <li><a href="#!">风起时想你</a></li>
			
 
				+                      </ul>
			
 
				+                    </div>
			
 
				+                    <div class="btn-group dropup">
			
 
				+                      <button type="button" class="btn btn-warning">光良</button>
			
 
				+                      <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			
 
				+                        <span class="caret"></span>
			
 
				+                        <span class="sr-only">切换下拉列表</span>
			
 
				+                      </button>
			
 
				+                      <ul class="dropdown-menu">
			
 
				+                        <li><a href="#!">第一次</a></li>
			
 
				+                        <li><a href="#!">童话</a></li>
			
 
				+                        <li><a href="#!">天堂</a></li>
			
 
				+                        <li role="separator" class="divider"></li>
			
 
				+                        <li><a href="#!">右手边</a></li>
			
 
				+                      </ul>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                  
			
 
				+                  <!--大小尺寸-->
			
 
				+                  <div class="col-lg-6">
			
 
				+                    <hr>
			
 
				+                    <h5>大小尺寸</h5>
			
 
				+                    <div class="btn-group dropup">
			
 
				+                      <button type="button" class="btn btn-primary btn-lg dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			
 
				+                        周杰伦 <span class="caret"></span>
			
 
				+                      </button>
			
 
				+                      <ul class="dropdown-menu">
			
 
				+                        <li><a href="#!">夜的第七章</a></li>
			
 
				+                        <li><a href="#!">半兽人</a></li>
			
 
				+                        <li><a href="#!">上海一九四三</a></li>
			
 
				+                        <li role="separator" class="divider"></li>
			
 
				+                        <li><a href="#!">告白气球</a></li>
			
 
				+                      </ul>
			
 
				+                    </div>
			
 
				+                    <div class="btn-group dropup">
			
 
				+                      <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			
 
				+                        陈奕迅 <span class="caret"></span>
			
 
				+                      </button>
			
 
				+                      <ul class="dropdown-menu">
			
 
				+                        <li><a href="#!">浮夸</a></li>
			
 
				+                        <li><a href="#!">爱情转移</a></li>
			
 
				+                        <li><a href="#!">六月飞雪</a></li>
			
 
				+                        <li role="separator" class="divider"></li>
			
 
				+                        <li><a href="#!">十年</a></li>
			
 
				+                      </ul>
			
 
				+                    </div>
			
 
				+                    <div class="btn-group dropup">
			
 
				+                      <button type="button" class="btn btn-info btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			
 
				+                        河图 <span class="caret"></span>
			
 
				+                      </button>
			
 
				+                      <ul class="dropdown-menu">
			
 
				+                        <li><a href="#!">窗前明月光</a></li>
			
 
				+                        <li><a href="#!">不见有情</a></li>
			
 
				+                        <li><a href="#!">春日迟</a></li>
			
 
				+                        <li role="separator" class="divider"></li>
			
 
				+                        <li><a href="#!">自为风月马前卒</a></li>
			
 
				+                      </ul>
			
 
				+                    </div>
			
 
				+                    <div class="btn-group dropup">
			
 
				+                      <button type="button" class="btn btn-secondary btn-xs dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			
 
				+                        陈楚生 <span class="caret"></span>
			
 
				+                      </button>
			
 
				+                      <ul class="dropdown-menu">
			
 
				+                        <li><a href="#!">思恋一个荒废的名字</a></li>
			
 
				+                        <li><a href="#!">有没有人告诉你</a></li>
			
 
				+                        <li><a href="#!">经过</a></li>
			
 
				+                        <li role="separator" class="divider"></li>
			
 
				+                        <li><a href="#!">风起时想你</a></li>
			
 
				+                      </ul>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_ui_cards.html
+++ b/public/lyear_ui_cards.html
@@ -0,0 +1,497 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>卡片 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li class="active"> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title">  UI元素 - 卡片 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          
			
 
				+          <div class="col-sm-6 col-lg-3">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header bg-primary">
			
 
				+                <h4>主色</h4>
			
 
				+                <ul class="card-actions">
			
 
				+                  <li>
			
 
				+                    <button type="button"><i class="mdi mdi-more"></i></button>
			
 
				+                  </li>
			
 
				+                </ul>
			
 
				+              </div>
			
 
				+              <div class="card-body">
			
 
				+                <p>内容...</p>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <!-- .col-sm-6 -->
			
 
				+          
			
 
				+          <div class="col-sm-6 col-lg-3">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header bg-success">
			
 
				+                <h4>主色</h4>
			
 
				+                <ul class="card-actions">
			
 
				+                  <li>
			
 
				+                    <button type="button"><i class="mdi mdi-more"></i></button>
			
 
				+                  </li>
			
 
				+                </ul>
			
 
				+              </div>
			
 
				+              <div class="card-body">
			
 
				+                <p>内容...</p>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <!-- .col-sm-6 -->
			
 
				+          
			
 
				+          <div class="col-sm-6 col-lg-3">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header bg-info">
			
 
				+                <h4>主色</h4>
			
 
				+                <ul class="card-actions">
			
 
				+                  <li>
			
 
				+                    <button type="button"><i class="mdi mdi-more"></i></button>
			
 
				+                  </li>
			
 
				+                </ul>
			
 
				+              </div>
			
 
				+              <div class="card-body">
			
 
				+                <p>内容...</p>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <!-- .col-sm-6 -->
			
 
				+          
			
 
				+          <div class="col-sm-6 col-lg-3">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header bg-warning">
			
 
				+                <h4>主色</h4>
			
 
				+                <ul class="card-actions">
			
 
				+                  <li>
			
 
				+                    <button type="button"><i class="mdi mdi-more"></i></button>
			
 
				+                  </li>
			
 
				+                </ul>
			
 
				+              </div>
			
 
				+              <div class="card-body">
			
 
				+                <p>内容...</p>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <!-- .col-sm-6 -->
			
 
				+          
			
 
				+          <div class="col-sm-6 col-lg-3">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header bg-danger">
			
 
				+                <h4>主色</h4>
			
 
				+                <ul class="card-actions">
			
 
				+                  <li>
			
 
				+                    <button type="button"><i class="mdi mdi-more"></i></button>
			
 
				+                  </li>
			
 
				+                </ul>
			
 
				+              </div>
			
 
				+              <div class="card-body">
			
 
				+                <p>内容...</p>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <!-- .col-sm-6 -->
			
 
				+          
			
 
				+          <div class="col-sm-6 col-lg-3">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header bg-purple">
			
 
				+                <h4>主色</h4>
			
 
				+                <ul class="card-actions">
			
 
				+                  <li>
			
 
				+                    <button type="button"><i class="mdi mdi-more"></i></button>
			
 
				+                  </li>
			
 
				+                </ul>
			
 
				+              </div>
			
 
				+              <div class="card-body">
			
 
				+                <p>内容...</p>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <!-- .col-sm-6 -->
			
 
				+          
			
 
				+          <div class="col-sm-6 col-lg-3">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header bg-cyan">
			
 
				+                <h4>主色</h4>
			
 
				+                <ul class="card-actions">
			
 
				+                  <li>
			
 
				+                    <button type="button"><i class="mdi mdi-more"></i></button>
			
 
				+                  </li>
			
 
				+                </ul>
			
 
				+              </div>
			
 
				+              <div class="card-body">
			
 
				+                <p>内容...</p>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <!-- .col-sm-6 -->
			
 
				+          
			
 
				+          <div class="col-sm-6 col-lg-3">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header bg-brown">
			
 
				+                <h4>主色</h4>
			
 
				+                <ul class="card-actions">
			
 
				+                  <li>
			
 
				+                    <button type="button"><i class="mdi mdi-more"></i></button>
			
 
				+                  </li>
			
 
				+                </ul>
			
 
				+              </div>
			
 
				+              <div class="card-body">
			
 
				+                <p>内容...</p>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <!-- .col-sm-6 -->
			
 
				+        
			
 
				+        </div>
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-sm-6">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header">
			
 
				+                <h4>标题</h4>
			
 
				+                <ul class="card-actions">
			
 
				+                  <li>
			
 
				+                    <button type="button" data-toggle="tooltip" title="撤消"><i class="mdi mdi-undo"></i></button>
			
 
				+                  </li>
			
 
				+                  <li>
			
 
				+                    <button type="button" data-toggle="tooltip" title="重做"><i class="mdi mdi-redo"></i></button>
			
 
				+                  </li>
			
 
				+                  <li>
			
 
				+                    <button type="button" data-toggle="tooltip" title="修改"><i class="mdi mdi-pencil"></i></button>
			
 
				+                  </li>
			
 
				+                  <li class="dropdown">
			
 
				+                    <button type="button" data-toggle="dropdown">更多 <span class="caret"></span></button>
			
 
				+                    <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                      <li> <a tabindex="-1" href="javascript:void(0)"><span class="badge pull-right">3</span> 通知</a> </li>
			
 
				+                      <li> <a tabindex="-1" href="javascript:void(0)"><span class="badge pull-right">1</span> 消息</a> </li>
			
 
				+                      <li class="divider"></li>
			
 
				+                      <li> <a tabindex="-1" href="javascript:void(0)">更新个人信息</a> </li>
			
 
				+                    </ul>
			
 
				+                  </li>
			
 
				+                </ul>
			
 
				+                <!-- .card-actions --> 
			
 
				+              </div>
			
 
				+              <div class="card-body">
			
 
				+                <p>内容...</p>
			
 
				+              </div>
			
 
				+              <footer class="card-footer">
			
 
				+                <div class="example-left m-t-10 pull-left">
			
 
				+                  <label class="lyear-checkbox">
			
 
				+                    <input type="checkbox">
			
 
				+                    <span>五天内自动登录</span>
			
 
				+                  </label>
			
 
				+                </div>
			
 
				+                <div class="example-right pull-right">
			
 
				+                  <button class="btn btn-primary" type="reset" id="example-five">登录</button>
			
 
				+                  <button class="btn btn-danger" type="submit">注册</button>
			
 
				+                </div>
			
 
				+              </footer>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <!-- .col-sm-6 -->
			
 
				+          
			
 
				+          <div class="col-sm-6">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header">
			
 
				+                <h4>标题</h4>
			
 
				+                <ul class="card-actions">
			
 
				+                  <li> <span>文本 1</span> </li>
			
 
				+                  <li> <span>文本 2</span> </li>
			
 
				+                  <li> <span>文本 3</span> </li>
			
 
				+                </ul>
			
 
				+              </div>
			
 
				+              <div class="card-body">
			
 
				+                <p>内容...</p>
			
 
				+              </div>
			
 
				+              <footer class="card-footer">
			
 
				+                <div class="example-left m-t-10 pull-left">
			
 
				+                  <label class="lyear-checkbox">
			
 
				+                    <input type="checkbox">
			
 
				+                    <span>五天内自动登录</span>
			
 
				+                  </label>
			
 
				+                </div>
			
 
				+                <div class="example-right pull-right">
			
 
				+                  <button class="btn btn-primary" type="reset" id="example-five">登录</button>
			
 
				+                  <button class="btn btn-danger" type="submit">注册</button>
			
 
				+                </div>
			
 
				+              </footer>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <!-- .col-sm-6 --> 
			
 
				+        </div>
			
 
				+        <!-- .row --> 
			
 
				+        <!-- End Cards with Actions -->
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_ui_grid.html
+++ b/public/lyear_ui_grid.html
@@ -0,0 +1,514 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>格栅 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+<style>
			
 
				+.show-grid [class^=col-] {
			
 
				+    padding-top: 10px;
			
 
				+    padding-bottom: 10px;
			
 
				+    background-color: #eee;
			
 
				+    background-color: rgba(86,61,124,.15);
			
 
				+    border: 1px solid #ddd;
			
 
				+    border: 1px solid rgba(86,61,124,.2);
			
 
				+}
			
 
				+.show-grid {
			
 
				+    margin-bottom: 15px;
			
 
				+}
			
 
				+</style>
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li class="active"> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> UI元素 - 格栅 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>格栅</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <div class="table-responsive">
			
 
				+                  <table class="table table-bordered table-striped">
			
 
				+                    <thead>
			
 
				+                      <tr>
			
 
				+                        <th></th>
			
 
				+                        <th>
			
 
				+                          超小屏幕
			
 
				+                          <small>手机 (&lt;768px)</small>
			
 
				+                        </th>
			
 
				+                        <th>
			
 
				+                          小屏幕
			
 
				+                          <small>平板 (≥768px)</small>
			
 
				+                        </th>
			
 
				+                        <th>
			
 
				+                          中等屏幕
			
 
				+                          <small>桌面显示器 (≥992px)</small>
			
 
				+                        </th>
			
 
				+                        <th>
			
 
				+                          大屏幕
			
 
				+                          <small>大桌面显示器 (≥1200px)</small>
			
 
				+                        </th>
			
 
				+                      </tr>
			
 
				+                    </thead>
			
 
				+                    <tbody>
			
 
				+                      <tr>
			
 
				+                        <th class="text-nowrap" scope="row">栅格系统行为</th>
			
 
				+                        <td>总是水平排列</td>
			
 
				+                        <td colspan="3">开始是堆叠在一起的，当大于这些阈值时将变为水平排列C</td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <th class="text-nowrap" scope="row"><code>.container</code> 最大宽度</th>
			
 
				+                        <td>None （自动）</td>
			
 
				+                        <td>750px</td>
			
 
				+                        <td>970px</td>
			
 
				+                        <td>1170px</td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <th class="text-nowrap" scope="row">类前缀</th>
			
 
				+                        <td><code>.col-xs-</code></td>
			
 
				+                        <td><code>.col-sm-</code></td>
			
 
				+                        <td><code>.col-md-</code></td>
			
 
				+                        <td><code>.col-lg-</code></td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <th class="text-nowrap" scope="row">列（column）数</th>
			
 
				+                        <td colspan="4">12</td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <th class="text-nowrap" scope="row">最大列（column）宽</th>
			
 
				+                        <td class="text-muted">自动</td>
			
 
				+                        <td>~62px</td>
			
 
				+                        <td>~81px</td>
			
 
				+                        <td>~97px</td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <th class="text-nowrap" scope="row">槽（gutter）宽</th>
			
 
				+                        <td colspan="4">30px （每列左右均有 15px）</td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <th class="text-nowrap" scope="row">可嵌套</th>
			
 
				+                        <td colspan="4">是</td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <th class="text-nowrap" scope="row">偏移（Offsets）</th>
			
 
				+                        <td colspan="4">是</td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <th class="text-nowrap" scope="row">列排序</th>
			
 
				+                        <td colspan="4">是</td>
			
 
				+                      </tr>
			
 
				+                    </tbody>
			
 
				+                  </table>
			
 
				+                </div>
			
 
				+                
			
 
				+                <h5>从堆叠到水平排列</h5>
			
 
				+                <p>使用单一的一组 <code>.col-md-*</code> 栅格类，就可以创建一个基本的栅格系统，在手机和平板设备上一开始是堆叠在一起的（超小屏幕到小屏幕这一范围），在桌面（中等）屏幕设备上变为水平排列。所有“列（column）必须放在 ” <code>.row</code> 内。</p>
			
 
				+                <div class="p-lr-15">
			
 
				+                  <div class="row show-grid">
			
 
				+                    <div class="col-md-1">.col-md-1</div>
			
 
				+                    <div class="col-md-1">.col-md-1</div>
			
 
				+                    <div class="col-md-1">.col-md-1</div>
			
 
				+                    <div class="col-md-1">.col-md-1</div>
			
 
				+                    <div class="col-md-1">.col-md-1</div>
			
 
				+                    <div class="col-md-1">.col-md-1</div>
			
 
				+                    <div class="col-md-1">.col-md-1</div>
			
 
				+                    <div class="col-md-1">.col-md-1</div>
			
 
				+                    <div class="col-md-1">.col-md-1</div>
			
 
				+                    <div class="col-md-1">.col-md-1</div>
			
 
				+                    <div class="col-md-1">.col-md-1</div>
			
 
				+                    <div class="col-md-1">.col-md-1</div>
			
 
				+                  </div>
			
 
				+                  <div class="row show-grid">
			
 
				+                    <div class="col-md-8">.col-md-8</div>
			
 
				+                    <div class="col-md-4">.col-md-4</div>
			
 
				+                  </div>
			
 
				+                  <div class="row show-grid">
			
 
				+                    <div class="col-md-4">.col-md-4</div>
			
 
				+                    <div class="col-md-4">.col-md-4</div>
			
 
				+                    <div class="col-md-4">.col-md-4</div>
			
 
				+                  </div>
			
 
				+                  <div class="row show-grid">
			
 
				+                    <div class="col-md-6">.col-md-6</div>
			
 
				+                    <div class="col-md-6">.col-md-6</div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                
			
 
				+                <h5>移动设备和桌面屏幕</h5>
			
 
				+                <p>是否不希望在小屏幕设备上所有列都堆叠在一起？那就使用针对超小屏幕和中等屏幕设备所定义的类吧，即 <code>.col-xs-*</code> 和 <code>.col-md-*</code>。请看下面的实例，研究一下这些是如何工作的。</p>
			
 
				+                <div class="p-lr-15">
			
 
				+                  <div class="row show-grid">
			
 
				+                    <div class="col-xs-12 col-md-8">.col-xs-12 .col-md-8</div>
			
 
				+                    <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
			
 
				+                  </div>
			
 
				+                  <div class="row show-grid">
			
 
				+                    <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
			
 
				+                    <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
			
 
				+                    <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
			
 
				+                  </div>
			
 
				+                  <div class="row show-grid">
			
 
				+                    <div class="col-xs-6">.col-xs-6</div>
			
 
				+                    <div class="col-xs-6">.col-xs-6</div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                
			
 
				+                <h5>手机、平板、桌面</h5>
			
 
				+                <p>在上面案例的基础上，通过使用针对平板设备的 <code>.col-sm-*</code> 类，我们来创建更加动态和强大的布局吧。</p>
			
 
				+                <div class="p-lr-15">
			
 
				+                  <div class="row show-grid">
			
 
				+                    <div class="col-xs-12 col-sm-6 col-md-8">.col-xs-12 .col-sm-6 .col-md-8</div>
			
 
				+                    <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div>
			
 
				+                  </div>
			
 
				+                  <div class="row show-grid">
			
 
				+                    <div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>
			
 
				+                    <div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>
			
 
				+                    <div class="clearfix visible-xs-block"></div>
			
 
				+                    <div class="col-xs-6 col-sm-4">.col-xs-6 .col-sm-4</div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                
			
 
				+                <h5>多余的列（column）将另起一行排列</h5>
			
 
				+                <p>如果在一个 <code>.row</code> 内包含的列（column）大于12个，包含多余列（column）的元素将作为一个整体单元被另起一行排列。</p>
			
 
				+                <div class="p-lr-15">
			
 
				+                  <div class="row show-grid">
			
 
				+                    <div class="col-xs-9">.col-xs-9</div>
			
 
				+                    <div class="col-xs-4">.col-xs-4<br>Since 9 + 4 = 13 &gt; 12, this 4-column-wide div gets wrapped onto a new line as one contiguous unit.</div>
			
 
				+                    <div class="col-xs-6">.col-xs-6<br>Subsequent columns continue along the new line.</div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                
			
 
				+                <h5>响应式列重置</h5>
			
 
				+                <p>即便有上面给出的四组栅格class，你也不免会碰到一些问题，例如，在某些阈值时，某些列可能会出现比别的列高的情况。为了克服这一问题，建议联合使用 <code>.clearfix</code> 和 响应式工具类。</p>
			
 
				+                <div class="p-lr-15">
			
 
				+                  <div class="row show-grid">
			
 
				+                    <div class="col-xs-6 col-sm-3">
			
 
				+                      .col-xs-6 .col-sm-3
			
 
				+                      <br>
			
 
				+                      Resize your viewport or check it out on your phone for an example.
			
 
				+                    </div>
			
 
				+                    <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>
			
 
				+                    
			
 
				+                    <div class="clearfix visible-xs-block"></div>
			
 
				+                
			
 
				+                    <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>
			
 
				+                    <div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                
			
 
				+                <h5>列偏移</h5>
			
 
				+                <p>使用 <code>.col-md-offset-*</code> 类可以将列向右侧偏移。这些类实际是通过使用 <code>*</code> 选择器为当前元素增加了左侧的边距（margin）。例如，<code>.col-md-offset-4</code> 类将 <code>.col-md-4</code> 元素向右侧偏移了4个列（column）的宽度。</p>
			
 
				+                <div class="p-lr-15">
			
 
				+                  <div class="row show-grid">
			
 
				+                    <div class="col-md-4">.col-md-4</div>
			
 
				+                    <div class="col-md-4 col-md-offset-4">.col-md-4 .col-md-offset-4</div>
			
 
				+                  </div>
			
 
				+                  <div class="row show-grid">
			
 
				+                    <div class="col-md-3 col-md-offset-3">.col-md-3 .col-md-offset-3</div>
			
 
				+                    <div class="col-md-3 col-md-offset-3">.col-md-3 .col-md-offset-3</div>
			
 
				+                  </div>
			
 
				+                  <div class="row show-grid">
			
 
				+                    <div class="col-md-6 col-md-offset-3">.col-md-6 .col-md-offset-3</div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                
			
 
				+                <h5>嵌套列</h5>
			
 
				+                <p>为了使用内置的栅格系统将内容再次嵌套，可以通过添加一个新的 <code>.row</code> 元素和一系列 <code>.col-sm-*</code> 元素到已经存在的 <code>.col-sm-*</code> 元素内。被嵌套的行（row）所包含的列（column）的个数不能超过12（其实，没有要求你必须占满12列）。</p>
			
 
				+                <div class="p-lr-15">
			
 
				+                  <div class="row show-grid">
			
 
				+                    <div class="col-sm-9">
			
 
				+                      Level 1: .col-sm-9
			
 
				+                      <div class="row show-grid">
			
 
				+                        <div class="col-xs-8 col-sm-6">
			
 
				+                          Level 2: .col-xs-8 .col-sm-6
			
 
				+                        </div>
			
 
				+                        <div class="col-xs-4 col-sm-6">
			
 
				+                          Level 2: .col-xs-4 .col-sm-6
			
 
				+                        </div>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                
			
 
				+                <h5>列排序</h5>
			
 
				+                <p>通过使用 <code>.col-md-push-*</code> 和 <code>.col-md-pull-*</code> 类就可以很容易的改变列（column）的顺序。</p>
			
 
				+                <div class="p-lr-15">
			
 
				+                  <div class="row show-grid">
			
 
				+                    <div class="col-md-9 col-md-push-3">.col-md-9 .col-md-push-3</div>
			
 
				+                    <div class="col-md-3 col-md-pull-9">.col-md-3 .col-md-pull-9</div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_ui_icons.html
+++ b/public/lyear_ui_icons.html
--- a/public/lyear_ui_modals.html
+++ b/public/lyear_ui_modals.html
@@ -0,0 +1,440 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>模态框 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li class="active"> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> UI元素 - 模态框 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>模态框</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
			
 
				+                  点击启动示例
			
 
				+                </button>
			
 
				+                
			
 
				+                <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			
 
				+                  <div class="modal-dialog" role="document">
			
 
				+                    <div class="modal-content">
			
 
				+                      <div class="modal-header">
			
 
				+                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			
 
				+                        <h4 class="modal-title" id="myModalLabel">标题</h4>
			
 
				+                      </div>
			
 
				+                      <div class="modal-body">
			
 
				+                        您的内容...
			
 
				+                      </div>
			
 
				+                      <div class="modal-footer">
			
 
				+                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
			
 
				+                        <button type="button" class="btn btn-primary">点击保存</button>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                
			
 
				+                <hr>
			
 
				+                <h5>可选尺寸</h5>
			
 
				+                <button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">大模态框</button>
			
 
				+                
			
 
				+                <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
			
 
				+                  <div class="modal-dialog modal-lg" role="document">
			
 
				+                    <div class="modal-content">
			
 
				+                      <div class="modal-header">
			
 
				+                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
			
 
				+                        <h4 class="modal-title" id="myLargeModalLabel">标题（大）</h4>
			
 
				+                      </div>
			
 
				+                      <div class="modal-body">
			
 
				+                        您的内容...
			
 
				+                      </div>
			
 
				+                      <div class="modal-footer">
			
 
				+                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
			
 
				+                        <button type="button" class="btn btn-primary">点击保存</button>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                
			
 
				+                <button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-sm">小模态框</button>
			
 
				+                
			
 
				+                <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
			
 
				+                  <div class="modal-dialog modal-sm" role="document">
			
 
				+                    <div class="modal-content">
			
 
				+                      <div class="modal-header">
			
 
				+                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
			
 
				+                        <h4 class="modal-title" id="myLargeModalLabel">标题（小）</h4>
			
 
				+                      </div>
			
 
				+                      <div class="modal-body">
			
 
				+                        您的内容...
			
 
				+                      </div>
			
 
				+                      <div class="modal-footer">
			
 
				+                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
			
 
				+                        <button type="button" class="btn btn-primary">点击保存</button>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                
			
 
				+                <hr>
			
 
				+                <h5>使用格栅</h5>
			
 
				+                <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#gridSystemModal">
			
 
				+                  点击演示示例
			
 
				+                </button>
			
 
				+                <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel" id="gridSystemModal">
			
 
				+                  <div class="modal-dialog" role="document">
			
 
				+                    <div class="modal-content">
			
 
				+                      <div class="modal-header">
			
 
				+                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			
 
				+                        <h4 class="modal-title" id="gridSystemModalLabel">标题</h4>
			
 
				+                      </div>
			
 
				+                      <div class="modal-body">
			
 
				+                        <div class="row">
			
 
				+                          <div class="col-md-4">.col-md-4</div>
			
 
				+                          <div class="col-md-4 col-md-offset-4">.col-md-4 .col-md-offset-4</div>
			
 
				+                        </div>
			
 
				+                        <div class="row">
			
 
				+                          <div class="col-md-3 col-md-offset-3">.col-md-3 .col-md-offset-3</div>
			
 
				+                          <div class="col-md-2 col-md-offset-4">.col-md-2 .col-md-offset-4</div>
			
 
				+                        </div>
			
 
				+                        <div class="row">
			
 
				+                          <div class="col-md-6 col-md-offset-3">.col-md-6 .col-md-offset-3</div>
			
 
				+                        </div>
			
 
				+                        <div class="row">
			
 
				+                          <div class="col-sm-9">
			
 
				+                            Level 1: .col-sm-9
			
 
				+                            <div class="row">
			
 
				+                              <div class="col-xs-8 col-sm-6">
			
 
				+                                Level 2: .col-xs-8 .col-sm-6
			
 
				+                              </div>
			
 
				+                              <div class="col-xs-4 col-sm-6">
			
 
				+                                Level 2: .col-xs-4 .col-sm-6
			
 
				+                              </div>
			
 
				+                            </div>
			
 
				+                          </div>
			
 
				+                        </div>
			
 
				+                      </div>
			
 
				+                      <div class="modal-footer">
			
 
				+                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
			
 
				+                        <button type="button" class="btn btn-primary">点击保存</button>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                
			
 
				+                <hr>
			
 
				+                <h5>变更模态框内容</h5>
			
 
				+                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">打开模态框 for @mdo</button>
			
 
				+                <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
			
 
				+                  <div class="modal-dialog" role="document">
			
 
				+                    <div class="modal-content">
			
 
				+                      <div class="modal-header">
			
 
				+                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			
 
				+                        <h4 class="modal-title" id="exampleModalLabel">新消息</h4>
			
 
				+                      </div>
			
 
				+                      <div class="modal-body">
			
 
				+                        <form>
			
 
				+                          <div class="form-group">
			
 
				+                            <label for="recipient-name" class="control-label">收件人：</label>
			
 
				+                            <input type="text" class="form-control" id="recipient-name">
			
 
				+                          </div>
			
 
				+                          <div class="form-group">
			
 
				+                            <label for="message-text" class="control-label">消息内容：</label>
			
 
				+                            <textarea class="form-control" id="message-text"></textarea>
			
 
				+                          </div>
			
 
				+                        </form>
			
 
				+                      </div>
			
 
				+                      <div class="modal-footer">
			
 
				+                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
			
 
				+                        <button type="button" class="btn btn-primary">发送消息</button>
			
 
				+                      </div>
			
 
				+                    </div>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+<script type="text/javascript">
			
 
				+$('#exampleModal').on('show.bs.modal', function (event) {
			
 
				+    var button = $(event.relatedTarget)
			
 
				+    var recipient = button.data('whatever')
			
 
				+    var modal = $(this)
			
 
				+    modal.find('.modal-title').text('发送新消息给 ' + recipient)
			
 
				+    modal.find('.modal-body input').val(recipient)
			
 
				+})
			
 
				+</script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_ui_other.html
+++ b/public/lyear_ui_other.html
--- a/public/lyear_ui_pagination.html
+++ b/public/lyear_ui_pagination.html
@@ -0,0 +1,470 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>分页 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li class="active"> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> UI元素 - 分页 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>分页</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <h5>基本样式</h5>
			
 
				+                <nav>
			
 
				+                  <ul class="pagination">
			
 
				+                    <li class="disabled">
			
 
				+                      <a href="#!">
			
 
				+                        <span><i class="mdi mdi-chevron-left"></i></span>
			
 
				+                      </a>
			
 
				+                    </li>
			
 
				+                    <li class="active"><a href="#">1</a></li>
			
 
				+                    <li><a href="#!">2</a></li>
			
 
				+                    <li><a href="#!">3</a></li>
			
 
				+                    <li><a href="#!">4</a></li>
			
 
				+                    <li><a href="#!">5</a></li>
			
 
				+                    <li>
			
 
				+                      <a href="#!">
			
 
				+                        <span><i class="mdi mdi-chevron-right"></i></span>
			
 
				+                      </a>
			
 
				+                    </li>
			
 
				+                  </ul>
			
 
				+                </nav>
			
 
				+                
			
 
				+                <hr>
			
 
				+                <h5>无边框 <code>.no-border</code></h5>
			
 
				+                <nav>
			
 
				+                  <ul class="pagination no-border">
			
 
				+                    <li class="disabled">
			
 
				+                      <a href="#!">
			
 
				+                        <span><i class="mdi mdi-chevron-left"></i></span>
			
 
				+                      </a>
			
 
				+                    </li>
			
 
				+                    <li class="active"><a href="#">1</a></li>
			
 
				+                    <li><a href="#!">2</a></li>
			
 
				+                    <li><a href="#!">3</a></li>
			
 
				+                    <li><a href="#!">4</a></li>
			
 
				+                    <li><a href="#!">5</a></li>
			
 
				+                    <li>
			
 
				+                      <a href="#!">
			
 
				+                        <span><i class="mdi mdi-chevron-right"></i></span>
			
 
				+                      </a>
			
 
				+                    </li>
			
 
				+                  </ul>
			
 
				+                </nav>
			
 
				+                
			
 
				+                <hr>
			
 
				+                <h5>圆角边框 <code>.pagination-circle</code></h5>
			
 
				+                <nav>
			
 
				+                  <ul class="pagination pagination-circle">
			
 
				+                    <li class="disabled">
			
 
				+                      <a href="#!">
			
 
				+                        <span><i class="mdi mdi-chevron-left"></i></span>
			
 
				+                      </a>
			
 
				+                    </li>
			
 
				+                    <li class="active"><a href="#">1</a></li>
			
 
				+                    <li><a href="#!">2</a></li>
			
 
				+                    <li><a href="#!">3</a></li>
			
 
				+                    <li><a href="#!">4</a></li>
			
 
				+                    <li><a href="#!">5</a></li>
			
 
				+                    <li>
			
 
				+                      <a href="#!">
			
 
				+                        <span><i class="mdi mdi-chevron-right"></i></span>
			
 
				+                      </a>
			
 
				+                    </li>
			
 
				+                  </ul>
			
 
				+                </nav>
			
 
				+                
			
 
				+                <hr>
			
 
				+                <h5>无间隔 <code>.no-gutters</code></h5>
			
 
				+                <nav>
			
 
				+                  <ul class="pagination no-gutters">
			
 
				+                    <li class="disabled">
			
 
				+                      <a href="#!">
			
 
				+                        <span><i class="mdi mdi-chevron-left"></i></span>
			
 
				+                      </a>
			
 
				+                    </li>
			
 
				+                    <li class="active"><a href="#">1</a></li>
			
 
				+                    <li><a href="#!">2</a></li>
			
 
				+                    <li><a href="#!">3</a></li>
			
 
				+                    <li><a href="#!">4</a></li>
			
 
				+                    <li><a href="#!">5</a></li>
			
 
				+                    <li>
			
 
				+                      <a href="#!">
			
 
				+                        <span><i class="mdi mdi-chevron-right"></i></span>
			
 
				+                      </a>
			
 
				+                    </li>
			
 
				+                  </ul>
			
 
				+                </nav>
			
 
				+                
			
 
				+                <hr>
			
 
				+                <h5>大小尺寸 <code>.pagination-sm</code> <code>.pagination-lg</code></h5>
			
 
				+                <nav>
			
 
				+                  <ul class="pagination pagination-sm">
			
 
				+                    <li class="disabled">
			
 
				+                      <a href="#!">
			
 
				+                        <span><i class="mdi mdi-chevron-left"></i></span>
			
 
				+                      </a>
			
 
				+                    </li>
			
 
				+                    <li class="active"><a href="#">1</a></li>
			
 
				+                    <li><a href="#!">2</a></li>
			
 
				+                    <li><a href="#!">3</a></li>
			
 
				+                    <li><a href="#!">4</a></li>
			
 
				+                    <li><a href="#!">5</a></li>
			
 
				+                    <li>
			
 
				+                      <a href="#!">
			
 
				+                        <span><i class="mdi mdi-chevron-right"></i></span>
			
 
				+                      </a>
			
 
				+                    </li>
			
 
				+                  </ul>
			
 
				+                </nav>
			
 
				+                <nav>
			
 
				+                  <ul class="pagination">
			
 
				+                    <li class="disabled">
			
 
				+                      <a href="#!">
			
 
				+                        <span><i class="mdi mdi-chevron-left"></i></span>
			
 
				+                      </a>
			
 
				+                    </li>
			
 
				+                    <li class="active"><a href="#">1</a></li>
			
 
				+                    <li><a href="#!">2</a></li>
			
 
				+                    <li><a href="#!">3</a></li>
			
 
				+                    <li><a href="#!">4</a></li>
			
 
				+                    <li><a href="#!">5</a></li>
			
 
				+                    <li>
			
 
				+                      <a href="#!">
			
 
				+                        <span><i class="mdi mdi-chevron-right"></i></span>
			
 
				+                      </a>
			
 
				+                    </li>
			
 
				+                  </ul>
			
 
				+                </nav>
			
 
				+                <nav>
			
 
				+                  <ul class="pagination pagination-lg">
			
 
				+                    <li class="disabled">
			
 
				+                      <a href="#!">
			
 
				+                        <span><i class="mdi mdi-chevron-left"></i></span>
			
 
				+                      </a>
			
 
				+                    </li>
			
 
				+                    <li class="active"><a href="#">1</a></li>
			
 
				+                    <li><a href="#!">2</a></li>
			
 
				+                    <li><a href="#!">3</a></li>
			
 
				+                    <li><a href="#!">4</a></li>
			
 
				+                    <li><a href="#!">5</a></li>
			
 
				+                    <li>
			
 
				+                      <a href="#!">
			
 
				+                        <span><i class="mdi mdi-chevron-right"></i></span>
			
 
				+                      </a>
			
 
				+                    </li>
			
 
				+                  </ul>
			
 
				+                </nav>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>翻页</h4></div>
			
 
				+              <div class="card-body">
			
 
				+
			
 
				+                <nav>
			
 
				+                  <ul class="pager">
			
 
				+                    <li><a href="#">上一页</a></li>
			
 
				+                    <li><a href="#">下一页</a></li>
			
 
				+                  </ul>
			
 
				+                </nav>
			
 
				+                    
			
 
				+                <nav>
			
 
				+                  <ul class="pager">
			
 
				+                    <li class="previous"><a href="#"><span aria-hidden="true">&larr;</span> 历史</a></li>
			
 
				+                    <li class="next"><a href="#">最新 <span aria-hidden="true">&rarr;</span></a></li>
			
 
				+                  </ul>
			
 
				+                </nav>
			
 
				+                
			
 
				+                <nav>
			
 
				+                  <ul class="pager">
			
 
				+                    <li class="previous disabled"><a href="#"><span aria-hidden="true">&larr;</span> 历史</a></li>
			
 
				+                    <li class="next"><a href="#">最新 <span aria-hidden="true">&rarr;</span></a></li>
			
 
				+                  </ul>
			
 
				+                </nav>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+            
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_ui_progress.html
+++ b/public/lyear_ui_progress.html
@@ -0,0 +1,433 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>进度条 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li class="active"> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> UI元素 - 进度条 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>进度条</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <h5>基本样式</h5>
			
 
				+                <div class="progress">
			
 
				+                  <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
			
 
				+                </div>
			
 
				+                <div class="progress">
			
 
				+                  <div class="progress-bar" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
			
 
				+                </div>
			
 
				+                <div class="progress">
			
 
				+                  <div class="progress-bar" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
			
 
				+                </div>
			
 
				+                <div class="progress">
			
 
				+                  <div class="progress-bar" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
			
 
				+                </div>
			
 
				+                <div class="progress">
			
 
				+                  <div class="progress-bar" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
			
 
				+                </div>
			
 
				+                
			
 
				+                <hr>
			
 
				+                <h5>带有提示标签的进度条</h5>
			
 
				+                <div class="progress">
			
 
				+                  <div class="progress-bar" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
			
 
				+                    25%
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="progress">
			
 
				+                  <div class="progress-bar" role="progressbar" style="width: 60%;" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100">
			
 
				+                    60%
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                
			
 
				+                <hr>
			
 
				+                <h5>不同颜色的</h5>
			
 
				+                <div class="progress">
			
 
				+                  <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
			
 
				+                    <span class="sr-only">40% Complete (success)</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="progress">
			
 
				+                  <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
			
 
				+                    <span class="sr-only">20% Complete</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="progress">
			
 
				+                  <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
			
 
				+                    <span class="sr-only">60% Complete (warning)</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="progress">
			
 
				+                  <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
			
 
				+                    <span class="sr-only">80% Complete (danger)</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                
			
 
				+                <div class="progress">
			
 
				+                  <div class="progress-bar progress-bar-secondary" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
			
 
				+                    <span class="sr-only">40% Complete (success)</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="progress">
			
 
				+                  <div class="progress-bar progress-bar-gray" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
			
 
				+                    <span class="sr-only">60% Complete (warning)</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="progress">
			
 
				+                  <div class="progress-bar progress-bar-dark" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
			
 
				+                    <span class="sr-only">80% Complete (danger)</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="progress">
			
 
				+                  <div class="progress-bar progress-bar-pink" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
			
 
				+                    <span class="sr-only">20% Complete</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="progress">
			
 
				+                  <div class="progress-bar progress-bar-purple" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
			
 
				+                    <span class="sr-only">60% Complete (warning)</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="progress">
			
 
				+                  <div class="progress-bar progress-bar-brown" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
			
 
				+                    <span class="sr-only">80% Complete (danger)</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="progress">
			
 
				+                  <div class="progress-bar progress-bar-cyan" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
			
 
				+                    <span class="sr-only">40% Complete (success)</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="progress">
			
 
				+                  <div class="progress-bar progress-bar-yellow" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
			
 
				+                    <span class="sr-only">20% Complete</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                
			
 
				+                <hr>
			
 
				+                <h5>条纹效果</h5>
			
 
				+                <div class="progress">
			
 
				+                  <div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
			
 
				+                    <span class="sr-only">40% Complete (success)</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="progress">
			
 
				+                  <div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
			
 
				+                    <span class="sr-only">20% Complete</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="progress">
			
 
				+                  <div class="progress-bar progress-bar-warning progress-bar-striped" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
			
 
				+                    <span class="sr-only">60% Complete (warning)</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <div class="progress">
			
 
				+                  <div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
			
 
				+                    <span class="sr-only">80% Complete (danger)</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                
			
 
				+                <hr>
			
 
				+                <h5>堆叠效果</h5>
			
 
				+                <div class="progress">
			
 
				+                  <div class="progress-bar progress-bar-success" style="width: 35%">
			
 
				+                    <span class="sr-only">35% Complete (success)</span>
			
 
				+                  </div>
			
 
				+                  <div class="progress-bar progress-bar-warning progress-bar-striped" style="width: 20%">
			
 
				+                    <span class="sr-only">20% Complete (warning)</span>
			
 
				+                  </div>
			
 
				+                  <div class="progress-bar progress-bar-danger" style="width: 10%">
			
 
				+                    <span class="sr-only">10% Complete (danger)</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                
			
 
				+                <hr>
			
 
				+                <h5>动画效果</h5>
			
 
				+                <div class="progress">
			
 
				+                  <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%">
			
 
				+                    <span class="sr-only">75% Complete</span>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                
			
 
				+                <hr>
			
 
				+                <h5>进度条高度</h5>
			
 
				+                <div class="progress progress-sm"><div class="progress-bar" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div></div>
			
 
				+                <div class="progress progress-lg"><div class="progress-bar" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div></div>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_ui_step.html
+++ b/public/lyear_ui_step.html
@@ -0,0 +1,391 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>步骤 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li class="active"> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title">  UI元素 - 步骤 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+
			
 
				+      <div class="container-fluid">
			
 
				+        <div class="alert alert-info" role="alert">
			
 
				+          实际应用中，给a标签加上 <code>data-toggle="tab"</code> ，可查看<a href="lyear_pages_guide.html">表单向导</a>。
			
 
				+        </div>
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>步骤</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <ul class="nav-step step-dots">
			
 
				+                  <li class="nav-step-item active">
			
 
				+                    <span>步骤一</span>
			
 
				+                    <a class="active" href="#"></a>
			
 
				+                  </li>
			
 
				+      
			
 
				+                  <li class="nav-step-item">
			
 
				+                    <span>步骤三</span>
			
 
				+                    <a href="#"></a>
			
 
				+                  </li>
			
 
				+      
			
 
				+                  <li class="nav-step-item">
			
 
				+                    <span>步骤四</span>
			
 
				+                    <a href="#"></a>
			
 
				+                  </li>
			
 
				+      
			
 
				+                  <li class="nav-step-item">
			
 
				+                    <span>步骤五</span>
			
 
				+                    <a href="#"></a>
			
 
				+                  </li>
			
 
				+                </ul>
			
 
				+                
			
 
				+                <ul class="nav-step step-dots">
			
 
				+                  <li class="nav-step-item complete">
			
 
				+                    <span>步骤一</span>
			
 
				+                    <a class="active" href="#"></a>
			
 
				+                  </li>
			
 
				+      
			
 
				+                  <li class="nav-step-item active">
			
 
				+                    <span>步骤三</span>
			
 
				+                    <a href="#"></a>
			
 
				+                  </li>
			
 
				+      
			
 
				+                  <li class="nav-step-item">
			
 
				+                    <span>步骤四</span>
			
 
				+                    <a href="#"></a>
			
 
				+                  </li>
			
 
				+      
			
 
				+                  <li class="nav-step-item">
			
 
				+                    <span>步骤五</span>
			
 
				+                    <a href="#"></a>
			
 
				+                  </li>
			
 
				+                </ul>
			
 
				+                
			
 
				+                <ul class="nav-step step-anchor">
			
 
				+                  <li class="nav-step-item active">
			
 
				+                    <a href="#step-1">
			
 
				+                      <h6>步骤一</h6>
			
 
				+                      <p class="m-0">步骤一说明</p>
			
 
				+                    </a>
			
 
				+                  </li>
			
 
				+                  <li class="nav-step-item">
			
 
				+                    <a href="#step-2">
			
 
				+                      <h6>步骤二</h6>
			
 
				+                      <p class="m-0">步骤二说明</p>
			
 
				+                    </a>
			
 
				+                  </li>
			
 
				+                  <li class="nav-step-item">
			
 
				+                    <a href="#step-3">
			
 
				+                      <h6>步骤三</h6>
			
 
				+                      <p class="m-0">步骤三说明</p>
			
 
				+                    </a>
			
 
				+                  </li>
			
 
				+                  <li class="nav-step-item">
			
 
				+                    <a href="#step-4">
			
 
				+                      <h6>步骤四</h6>
			
 
				+                      <p class="m-0">步骤四说明</p>
			
 
				+                    </a>
			
 
				+                  </li>
			
 
				+                </ul>
			
 
				+                
			
 
				+                <ul class="nav-step step-anchor">
			
 
				+                  <li class="nav-step-item complete">
			
 
				+                    <a href="#step-1">
			
 
				+                      <h6>步骤一</h6>
			
 
				+                      <p class="m-0">步骤一说明</p>
			
 
				+                    </a>
			
 
				+                  </li>
			
 
				+                  <li class="nav-step-item active">
			
 
				+                    <a href="#step-2">
			
 
				+                      <h6>步骤二</h6>
			
 
				+                      <p class="m-0">步骤二说明</p>
			
 
				+                    </a>
			
 
				+                  </li>
			
 
				+                  <li class="nav-step-item">
			
 
				+                    <a href="#step-3">
			
 
				+                      <h6>步骤三</h6>
			
 
				+                      <p class="m-0">步骤三说明</p>
			
 
				+                    </a>
			
 
				+                  </li>
			
 
				+                  <li class="nav-step-item">
			
 
				+                    <a href="#step-4">
			
 
				+                      <h6>步骤四</h6>
			
 
				+                      <p class="m-0">步骤四说明</p>
			
 
				+                    </a>
			
 
				+                  </li>
			
 
				+                </ul>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <!-- .row --> 
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_ui_tables.html
+++ b/public/lyear_ui_tables.html
@@ -0,0 +1,608 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>分页 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li class="active"> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> UI元素 - 表格 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>表格</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <h5>基本实例</h5>
			
 
				+                <table class="table">
			
 
				+                  <thead>
			
 
				+                    <tr>
			
 
				+                      <th>#</th>
			
 
				+                      <th>书籍名称</th>
			
 
				+                      <th>作者</th>
			
 
				+                      <th>分类</th>
			
 
				+                    </tr>
			
 
				+                  </thead>
			
 
				+                  <tbody>
			
 
				+                    <tr>
			
 
				+                      <th scope="row">1</th>
			
 
				+                      <td>庄子</td>
			
 
				+                      <td>庄子</td>
			
 
				+                      <td>古文典籍</td>
			
 
				+                    </tr>
			
 
				+                    <tr>
			
 
				+                      <th scope="row">2</th>
			
 
				+                      <td>道德经</td>
			
 
				+                      <td>老子</td>
			
 
				+                      <td>古文典籍</td>
			
 
				+                    </tr>
			
 
				+                    <tr>
			
 
				+                      <th scope="row">3</th>
			
 
				+                      <td>能面杀人事件</td>
			
 
				+                      <td>高木彬光</td>
			
 
				+                      <td>悬疑小说</td>
			
 
				+                    </tr>
			
 
				+                  </tbody>
			
 
				+                </table>
			
 
				+                
			
 
				+                <h5>条纹状表格 <code>.table-striped</code></h5>
			
 
				+                <table class="table table-striped">
			
 
				+                  <thead>
			
 
				+                    <tr>
			
 
				+                      <th>#</th>
			
 
				+                      <th>书籍名称</th>
			
 
				+                      <th>作者</th>
			
 
				+                      <th>分类</th>
			
 
				+                    </tr>
			
 
				+                  </thead>
			
 
				+                  <tbody>
			
 
				+                    <tr>
			
 
				+                      <th scope="row">1</th>
			
 
				+                      <td>阴翳礼赞</td>
			
 
				+                      <td>谷崎润一郎</td>
			
 
				+                      <td>散文随笔</td>
			
 
				+                    </tr>
			
 
				+                    <tr>
			
 
				+                      <th scope="row">2</th>
			
 
				+                      <td>千门公子</td>
			
 
				+                      <td>方白羽</td>
			
 
				+                      <td>武侠小说</td>
			
 
				+                    </tr>
			
 
				+                    <tr>
			
 
				+                      <th scope="row">3</th>
			
 
				+                      <td>陈二狗的妖孽人生</td>
			
 
				+                      <td>烽火戏诸侯</td>
			
 
				+                      <td>都市小说</td>
			
 
				+                    </tr>
			
 
				+                  </tbody>
			
 
				+                </table>
			
 
				+                
			
 
				+                <h5>带边框的表格 <code>.table-bordered</code></h5>
			
 
				+                <table class="table table-bordered">
			
 
				+                  <thead>
			
 
				+                    <tr>
			
 
				+                      <th>#</th>
			
 
				+                      <th>书籍名称</th>
			
 
				+                      <th>作者</th>
			
 
				+                      <th>分类</th>
			
 
				+                    </tr>
			
 
				+                  </thead>
			
 
				+                  <tbody>
			
 
				+                    <tr>
			
 
				+                      <th scope="row">1</th>
			
 
				+                      <td>理智与情感</td>
			
 
				+                      <td>简·奥斯汀</td>
			
 
				+                      <td>国外名著</td>
			
 
				+                    </tr>
			
 
				+                    <tr>
			
 
				+                      <th scope="row">2</th>
			
 
				+                      <td>浪子神鹰</td>
			
 
				+                      <td>陈青云</td>
			
 
				+                      <td>武侠小说</td>
			
 
				+                    </tr>
			
 
				+                    <tr>
			
 
				+                      <th scope="row">3</th>
			
 
				+                      <td>风中之路</td>
			
 
				+                      <td>川端康成</td>
			
 
				+                      <td>当代小说</td>
			
 
				+                    </tr>
			
 
				+                  </tbody>
			
 
				+                </table>
			
 
				+                
			
 
				+                <h5>鼠标悬停 <code>.table-hover</code></h5>
			
 
				+                <table class="table table-hover">
			
 
				+                  <thead>
			
 
				+                    <tr>
			
 
				+                      <th>#</th>
			
 
				+                      <th>书籍名称</th>
			
 
				+                      <th>作者</th>
			
 
				+                      <th>分类</th>
			
 
				+                    </tr>
			
 
				+                  </thead>
			
 
				+                  <tbody>
			
 
				+                    <tr>
			
 
				+                      <th scope="row">1</th>
			
 
				+                      <td>康复的家庭</td>
			
 
				+                      <td>大江健三郎</td>
			
 
				+                      <td>散文随笔</td>
			
 
				+                    </tr>
			
 
				+                    <tr>
			
 
				+                      <th scope="row">2</th>
			
 
				+                      <td>名侦探的规条</td>
			
 
				+                      <td>东野圭吾</td>
			
 
				+                      <td>悬疑小说</td>
			
 
				+                    </tr>
			
 
				+                    <tr>
			
 
				+                      <th scope="row">3</th>
			
 
				+                      <td>天才相师</td>
			
 
				+                      <td>打眼</td>
			
 
				+                      <td>都市小说</td>
			
 
				+                    </tr>
			
 
				+                  </tbody>
			
 
				+                </table>
			
 
				+                
			
 
				+                <h5>紧缩表格 <code>.table-condensed</code></h5>
			
 
				+                <table class="table table-condensed">
			
 
				+                  <thead>
			
 
				+                    <tr>
			
 
				+                      <th>#</th>
			
 
				+                      <th>书籍名称</th>
			
 
				+                      <th>作者</th>
			
 
				+                      <th>分类</th>
			
 
				+                    </tr>
			
 
				+                  </thead>
			
 
				+                  <tbody>
			
 
				+                    <tr>
			
 
				+                      <th scope="row">1</th>
			
 
				+                      <td>简单爱</td>
			
 
				+                      <td>董晓磊</td>
			
 
				+                      <td>青春校园</td>
			
 
				+                    </tr>
			
 
				+                    <tr>
			
 
				+                      <th scope="row">2</th>
			
 
				+                      <td>主教杀人事件</td>
			
 
				+                      <td>范·达恩</td>
			
 
				+                      <td>悬疑小说</td>
			
 
				+                    </tr>
			
 
				+                    <tr>
			
 
				+                      <th scope="row">3</th>
			
 
				+                      <td>天神下凡</td>
			
 
				+                      <td>烽火戏诸侯</td>
			
 
				+                      <td>玄幻仙侠</td>
			
 
				+                    </tr>
			
 
				+                  </tbody>
			
 
				+                </table>
			
 
				+                
			
 
				+                <h5>状态类</h5>
			
 
				+                <table class="table">
			
 
				+                  <thead>
			
 
				+                    <tr>
			
 
				+                      <th>#</th>
			
 
				+                      <th>书籍名称</th>
			
 
				+                      <th>作者</th>
			
 
				+                      <th>分类</th>
			
 
				+                    </tr>
			
 
				+                  </thead>
			
 
				+                  <tbody>
			
 
				+                    <tr class="active">
			
 
				+                      <th scope="row">1</th>
			
 
				+                      <td>北京悠悠馆</td>
			
 
				+                      <td>陈舜臣</td>
			
 
				+                      <td>历史小说</td>
			
 
				+                    </tr>
			
 
				+                    <tr>
			
 
				+                      <th scope="row">2</th>
			
 
				+                      <td>诸葛孔明</td>
			
 
				+                      <td>陈舜臣</td>
			
 
				+                      <td>历史小说</td>
			
 
				+                    </tr>
			
 
				+                    <tr class="success">
			
 
				+                      <th scope="row">3</th>
			
 
				+                      <td>甲午战争</td>
			
 
				+                      <td>陈舜臣</td>
			
 
				+                      <td>历史小说</td>
			
 
				+                    </tr>
			
 
				+                    <tr>
			
 
				+                      <th scope="row">4</th>
			
 
				+                      <td>神兽之爪</td>
			
 
				+                      <td>陈舜臣</td>
			
 
				+                      <td>历史小说</td>
			
 
				+                    </tr>
			
 
				+                    <tr class="info">
			
 
				+                      <th scope="row">5</th>
			
 
				+                      <td>帝国的软肋：大汉王朝四百年</td>
			
 
				+                      <td>陈舜臣</td>
			
 
				+                      <td>历史小说</td>
			
 
				+                    </tr>
			
 
				+                    <tr>
			
 
				+                      <th scope="row">6</th>
			
 
				+                      <td>春秋战国：戈马钟鼓杀与盟</td>
			
 
				+                      <td>陈舜臣</td>
			
 
				+                      <td>历史小说</td>
			
 
				+                    </tr>
			
 
				+                    <tr class="warning">
			
 
				+                      <th scope="row">7</th>
			
 
				+                      <td>龙凤之国</td>
			
 
				+                      <td>陈舜臣</td>
			
 
				+                      <td>历史小说</td>
			
 
				+                    </tr>
			
 
				+                    <tr>
			
 
				+                      <th scope="row">8</th>
			
 
				+                      <td>大唐帝国之隋乱唐盛三百年</td>
			
 
				+                      <td>陈舜臣</td>
			
 
				+                      <td>历史小说</td>
			
 
				+                    </tr>
			
 
				+                    <tr class="danger">
			
 
				+                      <th scope="row">9</th>
			
 
				+                      <td>一个陌生女人的来信</td>
			
 
				+                      <td>斯蒂芬·茨威格</td>
			
 
				+                      <td>国外名著</td>
			
 
				+                    </tr>
			
 
				+                  </tbody>
			
 
				+                </table>
			
 
				+                
			
 
				+                <h5>响应式表格</h5>
			
 
				+                <div class="table-responsive">
			
 
				+                  <table class="table">
			
 
				+                    <thead>
			
 
				+                      <tr>
			
 
				+                        <th>#</th>
			
 
				+                        <th>书籍名</th>
			
 
				+                        <th>作者</th>
			
 
				+                        <th>国籍</th>
			
 
				+                        <th>分类</th>
			
 
				+                        <th>库存</th>
			
 
				+                        <th>价格</th>
			
 
				+                      </tr>
			
 
				+                    </thead>
			
 
				+                    <tbody>
			
 
				+                      <tr>
			
 
				+                        <th scope="row">1</th>
			
 
				+                        <td>钦差大臣</td>
			
 
				+                        <td>果戈理</td>
			
 
				+                        <td>俄国</td>
			
 
				+                        <td>国外名族</td>
			
 
				+                        <td>125</td>
			
 
				+                        <td>36.00</td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <th scope="row">2</th>
			
 
				+                        <td>西厢记</td>
			
 
				+                        <td>王实甫</td>
			
 
				+                        <td>中国</td>
			
 
				+                        <td>古文典籍</td>
			
 
				+                        <td>26</td>
			
 
				+                        <td>18.00</td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <th scope="row">3</th>
			
 
				+                        <td>儒林外史</td>
			
 
				+                        <td>吴敬梓</td>
			
 
				+                        <td>中国</td>
			
 
				+                        <td>古文典籍</td>
			
 
				+                        <td>39</td>
			
 
				+                        <td>22.00</td>
			
 
				+                      </tr>
			
 
				+                    </tbody>
			
 
				+                  </table>
			
 
				+                </div>
			
 
				+                <div class="table-responsive">
			
 
				+                  <table class="table table-bordered">
			
 
				+                    <thead>
			
 
				+                      <tr>
			
 
				+                        <th>#</th>
			
 
				+                        <th>书籍名</th>
			
 
				+                        <th>作者</th>
			
 
				+                        <th>国籍</th>
			
 
				+                        <th>分类</th>
			
 
				+                        <th>库存</th>
			
 
				+                        <th>价格</th>
			
 
				+                      </tr>
			
 
				+                    </thead>
			
 
				+                    <tbody>
			
 
				+                      <tr>
			
 
				+                        <th scope="row">1</th>
			
 
				+                        <td>钦差大臣</td>
			
 
				+                        <td>果戈理</td>
			
 
				+                        <td>俄国</td>
			
 
				+                        <td>国外名族</td>
			
 
				+                        <td>125</td>
			
 
				+                        <td>36.00</td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <th scope="row">2</th>
			
 
				+                        <td>西厢记</td>
			
 
				+                        <td>王实甫</td>
			
 
				+                        <td>中国</td>
			
 
				+                        <td>古文典籍</td>
			
 
				+                        <td>26</td>
			
 
				+                        <td>18.00</td>
			
 
				+                      </tr>
			
 
				+                      <tr>
			
 
				+                        <th scope="row">3</th>
			
 
				+                        <td>儒林外史</td>
			
 
				+                        <td>吴敬梓</td>
			
 
				+                        <td>中国</td>
			
 
				+                        <td>古文典籍</td>
			
 
				+                        <td>39</td>
			
 
				+                        <td>22.00</td>
			
 
				+                      </tr>
			
 
				+                    </tbody>
			
 
				+                  </table>
			
 
				+                </div>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_ui_tabs.html
+++ b/public/lyear_ui_tabs.html
--- a/public/lyear_ui_tooltips_popover.html
+++ b/public/lyear_ui_tooltips_popover.html
@@ -0,0 +1,319 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>提示 / 弹出框 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li class="active"> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title"> UI元素 - 提示 / 弹出框 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+      
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>提示 / 弹出框</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on 左侧</button>
			
 
				+                
			
 
				+                <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on 顶部</button>
			
 
				+                
			
 
				+                <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on 底部</button>
			
 
				+                
			
 
				+                <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on 右侧</button>
			
 
				+                
			
 
				+                <button type="button" class="btn btn-default" data-toggle="tooltip" data-html="true" title="" data-original-title="<em>Tooltip</em> <u>with</u> <b>HTML</b>">Html Tooltip</button>
			
 
				+                
			
 
				+                <hr>
			
 
				+                
			
 
				+                <button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." title="Popover title">
			
 
				+                  Popover on 顶部
			
 
				+                </button>
			
 
				+                
			
 
				+                <button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus
			
 
				+                sagittis lacus vel augue laoreet rutrum faucibus.">
			
 
				+                  Popover on 底部
			
 
				+                </button>
			
 
				+                
			
 
				+                <button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
			
 
				+                  Popover on 右侧
			
 
				+                </button>
			
 
				+                
			
 
				+                <button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
			
 
				+                  Popover on 左侧
			
 
				+                </button>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/public/lyear_ui_typography.html
+++ b/public/lyear_ui_typography.html
@@ -0,0 +1,493 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="zh">
			
 
				+<head>
			
 
				+<meta charset="utf-8">
			
 
				+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
			
 
				+<title>排版 - 光年(Light Year Admin)后台管理系统模板</title>
			
 
				+<link rel="icon" href="favicon.ico" type="image/ico">
			
 
				+<meta name="keywords" content="LightYear,光年,后台模板,后台管理系统,光年HTML模板">
			
 
				+<meta name="description" content="LightYear是一个基于Bootstrap v3.3.7的后台管理系统的HTML模板。">
			
 
				+<meta name="author" content="yinqi">
			
 
				+<link href="css/bootstrap.min.css" rel="stylesheet">
			
 
				+<link href="css/materialdesignicons.min.css" rel="stylesheet">
			
 
				+<link href="css/style.min.css" rel="stylesheet">
			
 
				+</head>
			
 
				+  
			
 
				+<body>
			
 
				+<div class="lyear-layout-web">
			
 
				+  <div class="lyear-layout-container">
			
 
				+    <!--左侧导航-->
			
 
				+    <aside class="lyear-layout-sidebar">
			
 
				+       
			
 
				+      <!-- logo -->
			
 
				+      <div id="logo" class="sidebar-header">
			
 
				+        <a href="index.html"><img src="images/logo-sidebar.png" title="LightYear" alt="LightYear" /></a>
			
 
				+      </div>
			
 
				+      <div class="lyear-layout-sidebar-scroll">
			
 
				+        
			
 
				+        <nav class="sidebar-main">
			
 
				+          <ul class="nav nav-drawer">
			
 
				+            <li class="nav-item"> <a href="index.html"><i class="mdi mdi-home"></i> 后台首页</a> </li>
			
 
				+            <li class="nav-item nav-item-has-subnav active open">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-palette"></i> UI 元素</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_ui_buttons.html">按钮</a> </li>
			
 
				+                <li> <a href="lyear_ui_cards.html">卡片</a> </li>
			
 
				+                <li> <a href="lyear_ui_grid.html">格栅</a> </li>
			
 
				+                <li> <a href="lyear_ui_icons.html">图标</a> </li>
			
 
				+                <li> <a href="lyear_ui_tables.html">表格</a> </li>
			
 
				+                <li> <a href="lyear_ui_modals.html">模态框</a> </li>
			
 
				+                <li> <a href="lyear_ui_tooltips_popover.html">提示 / 弹出框</a> </li>
			
 
				+                <li> <a href="lyear_ui_alerts.html">警告框</a> </li>
			
 
				+                <li> <a href="lyear_ui_pagination.html">分页</a> </li>
			
 
				+                <li> <a href="lyear_ui_progress.html">进度条</a> </li>
			
 
				+                <li> <a href="lyear_ui_tabs.html">标签页</a> </li>
			
 
				+                <li class="active"> <a href="lyear_ui_typography.html">排版</a> </li>
			
 
				+                <li> <a href="lyear_ui_step.html">步骤</a> </li>
			
 
				+                <li> <a href="lyear_ui_other.html">其他</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-format-align-justify"></i> 表单</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_forms_elements.html">基本元素</a> </li>
			
 
				+                <li> <a href="lyear_forms_radio.html">单选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_checkbox.html">复选框</a> </li>
			
 
				+                <li> <a href="lyear_forms_switch.html">开关</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-file-outline"></i> 示例页面</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_pages_doc.html">文档列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_gallery.html">图库列表</a> </li>
			
 
				+                <li> <a href="lyear_pages_config.html">网站配置</a> </li>
			
 
				+                <li> <a href="lyear_pages_rabc.html">设置权限</a> </li>
			
 
				+                <li> <a href="lyear_pages_add_doc.html">新增文档</a> </li>
			
 
				+                <li> <a href="lyear_pages_guide.html">表单向导</a> </li>
			
 
				+                <li> <a href="lyear_pages_login.html">登录页面</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_2.html">登录页面2</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_3.html">登录页面3</a> </li>
			
 
				+                <li> <a href="lyear_pages_login_4.html">登录页面4</a> </li>
			
 
				+                <li> <a href="lyear_pages_error.html">错误页面</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <li class="nav-item nav-item-has-subnav">
			
 
				+              <a href="javascript:void(0)"><i class="mdi mdi-language-javascript"></i> JS 插件</a>
			
 
				+              <ul class="nav nav-subnav">
			
 
				+                <li> <a href="lyear_js_datepicker.html">日期选取器</a> </li>
			
 
				+                <li> <a href="lyear_js_sliders.html">滑块</a> </li>
			
 
				+                <li> <a href="lyear_js_colorpicker.html">选色器</a> </li>
			
 
				+                <li> <a href="lyear_js_chartjs.html">Chart.js</a> </li>
			
 
				+                <li> <a href="lyear_js_jconfirm.html">对话框</a> </li>
			
 
				+                <li> <a href="lyear_js_tags_input.html">标签插件</a> </li>
			
 
				+                <li> <a href="lyear_js_notify.html">通知消息</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+          </ul>
			
 
				+        </nav>
			
 
				+        
			
 
				+        <div class="sidebar-footer">
			
 
				+          <p class="copyright">Copyright &copy; 2019. <a target="_blank" href="http://lyear.itshubao.com">IT书包</a> All rights reserved.</p>
			
 
				+        </div>
			
 
				+      </div>
			
 
				+      
			
 
				+    </aside>
			
 
				+    <!--End 左侧导航-->
			
 
				+    
			
 
				+    <!--头部信息-->
			
 
				+    <header class="lyear-layout-header">
			
 
				+      
			
 
				+      <nav class="navbar navbar-default">
			
 
				+        <div class="topbar">
			
 
				+          
			
 
				+          <div class="topbar-left">
			
 
				+            <div class="lyear-aside-toggler">
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+              <span class="lyear-toggler-bar"></span>
			
 
				+            </div>
			
 
				+            <span class="navbar-page-title">  UI元素 - 排版 </span>
			
 
				+          </div>
			
 
				+          
			
 
				+          <ul class="topbar-right">
			
 
				+            <li class="dropdown dropdown-profile">
			
 
				+              <a href="javascript:void(0)" data-toggle="dropdown">
			
 
				+                <img class="img-avatar img-avatar-48 m-r-10" src="images/users/avatar.jpg" alt="笔下光年" />
			
 
				+                <span>笔下光年 <span class="caret"></span></span>
			
 
				+              </a>
			
 
				+              <ul class="dropdown-menu dropdown-menu-right">
			
 
				+                <li> <a href="lyear_pages_profile.html"><i class="mdi mdi-account"></i> 个人信息</a> </li>
			
 
				+                <li> <a href="lyear_pages_edit_pwd.html"><i class="mdi mdi-lock-outline"></i> 修改密码</a> </li>
			
 
				+                <li> <a href="javascript:void(0)"><i class="mdi mdi-delete"></i> 清空缓存</a></li>
			
 
				+                <li class="divider"></li>
			
 
				+                <li> <a href="lyear_pages_login.html"><i class="mdi mdi-logout-variant"></i> 退出登录</a> </li>
			
 
				+              </ul>
			
 
				+            </li>
			
 
				+            <!--切换主题配色-->
			
 
				+		    <li class="dropdown dropdown-skin">
			
 
				+			  <span data-toggle="dropdown" class="icon-palette"><i class="mdi mdi-palette"></i></span>
			
 
				+			  <ul class="dropdown-menu dropdown-menu-right" data-stopPropagation="true">
			
 
				+                <li class="drop-title"><p>主题</p></li>
			
 
				+                <li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="site_theme" value="default" id="site_theme_1" checked>
			
 
				+                    <label for="site_theme_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="dark" id="site_theme_2">
			
 
				+                    <label for="site_theme_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="site_theme" value="translucent" id="site_theme_3">
			
 
				+                    <label for="site_theme_3"></label>
			
 
				+                  </span>
			
 
				+                </li>
			
 
				+			    <li class="drop-title"><p>LOGO</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="logo_bg" value="default" id="logo_bg_1" checked>
			
 
				+                    <label for="logo_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_2" id="logo_bg_2">
			
 
				+                    <label for="logo_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_3" id="logo_bg_3">
			
 
				+                    <label for="logo_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_4" id="logo_bg_4">
			
 
				+                    <label for="logo_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_5" id="logo_bg_5">
			
 
				+                    <label for="logo_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_6" id="logo_bg_6">
			
 
				+                    <label for="logo_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_7" id="logo_bg_7">
			
 
				+                    <label for="logo_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="logo_bg" value="color_8" id="logo_bg_8">
			
 
				+                    <label for="logo_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>头部</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="header_bg" value="default" id="header_bg_1" checked>
			
 
				+                    <label for="header_bg_1"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_2" id="header_bg_2">
			
 
				+                    <label for="header_bg_2"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_3" id="header_bg_3">
			
 
				+                    <label for="header_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_4" id="header_bg_4">
			
 
				+                    <label for="header_bg_4"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_5" id="header_bg_5">
			
 
				+                    <label for="header_bg_5"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_6" id="header_bg_6">
			
 
				+                    <label for="header_bg_6"></label>                      
			
 
				+                  </span>                                                    
			
 
				+                  <span>                                                     
			
 
				+                    <input type="radio" name="header_bg" value="color_7" id="header_bg_7">
			
 
				+                    <label for="header_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="header_bg" value="color_8" id="header_bg_8">
			
 
				+                    <label for="header_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+				<li class="drop-title"><p>侧边栏</p></li>
			
 
				+				<li class="drop-skin-li clearfix">
			
 
				+                  <span class="inverse">
			
 
				+                    <input type="radio" name="sidebar_bg" value="default" id="sidebar_bg_1" checked>
			
 
				+                    <label for="sidebar_bg_1"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_2" id="sidebar_bg_2">
			
 
				+                    <label for="sidebar_bg_2"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_3" id="sidebar_bg_3">
			
 
				+                    <label for="sidebar_bg_3"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_4" id="sidebar_bg_4">
			
 
				+                    <label for="sidebar_bg_4"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_5" id="sidebar_bg_5">
			
 
				+                    <label for="sidebar_bg_5"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_6" id="sidebar_bg_6">
			
 
				+                    <label for="sidebar_bg_6"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_7" id="sidebar_bg_7">
			
 
				+                    <label for="sidebar_bg_7"></label>
			
 
				+                  </span>
			
 
				+                  <span>
			
 
				+                    <input type="radio" name="sidebar_bg" value="color_8" id="sidebar_bg_8">
			
 
				+                    <label for="sidebar_bg_8"></label>
			
 
				+                  </span>
			
 
				+				</li>
			
 
				+			  </ul>
			
 
				+			</li>
			
 
				+            <!--切换主题配色-->
			
 
				+          </ul>
			
 
				+          
			
 
				+        </div>
			
 
				+      </nav>
			
 
				+      
			
 
				+    </header>
			
 
				+    <!--End 头部信息-->
			
 
				+    
			
 
				+    <!--页面主要内容-->
			
 
				+    <main class="lyear-layout-content">
			
 
				+
			
 
				+      <div class="container-fluid">
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>标题标签</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <h1>h1. 第一回 北汉主屏逐忠臣　呼延赞激烈报仇</h1>
			
 
				+                <h2>h2. 第二回 李建忠力救义士　呼延赞梦神教武</h2>
			
 
				+                <h3>h3. 第三回 金头娘征场斗艺　高怀德大战潞州</h3>
			
 
				+                <h4>h4. 第四回 讲和议杨业回兵　迎銮驾豪杰施能</h4>
			
 
				+                <h5>h5. 第五回 宋太祖遗嘱后事　潘仁美计逐英雄</h5>
			
 
				+                <h6>h6. 第六回 潘仁美奉诏宣召　呼延赞单骑救驾</h6>
			
 
				+                <div class="divider text-uppercase">Small 文本</div>
			
 
				+                <p>在标题内还可以包含 <code>&lt;small&gt;</code> 标签或赋予 <code>.small</code> 类的元素，可以用来标记副标题。</p>
			
 
				+                <div class="bg-lightest p-10">
			
 
				+                  <h3>h3. 第三回 金头娘征场斗艺　高怀德大战潞州 <small>高怀德</small></h3>
			
 
				+                  <h4>h4. 第四回 讲和议杨业回兵　迎銮驾豪杰施能 <small>杨业</small></h4>
			
 
				+                  <h5>h5. 第五回 宋太祖遗嘱后事　潘仁美计逐英雄 <small>潘仁美</small></h5>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>          
			
 
				+        </div>
			
 
				+        <!-- .row -->
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>文本样式</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <h5>段落</h5>
			
 
				+                <div class="row">
			
 
				+                  <div class="col-md-4"> <code>&lt;p class="lead"&gt;</code>
			
 
				+                    <p class="lead">笑江湖浪迹十年游，空负少年头。对铜驼巷陌，吟情渺渺，心事悠悠！酒冷诗残梦断，南国正清秋。把剑凄然望，无处招归舟。</p>
			
 
				+                  </div>
			
 
				+                  <div class="col-md-4">
			
 
				+                    <code>&lt;p&gt;</code>
			
 
				+                    <p>明旧天涯路远，问谁留楚佩，弄影中洲？数英雄儿女，俯仰古今愁。难消受灯昏罗帐，昙花一现恨难休！飘零惯，金戈铁马，拼葬荒丘！</p>
			
 
				+                  </div>
			
 
				+                  <div class="col-md-4">
			
 
				+                    <code>&lt;p class="small"&gt;</code>
			
 
				+                    <p class="small">南国清秋，一轮皓月，将近中天。度时分，已是万籁俱寂，只杭州总兵的府第里，还是笑语喧喧，喜气洋洋。</p>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+                <hr>
			
 
				+                <h5>内嵌文本元素</h5>
			
 
				+                <dl class="row">
			
 
				+                  <dt class="col-3 col-md-2"><code>&lt;mark&gt;</code></dt>
			
 
				+                  <dd class="col-9 col-md-10">您可以使用 mark 标签 to <mark>highlight</mark>text.</dd>
			
 
				+                  <dt class="col-3 col-md-2"><code>&lt;del&gt;</code></dt>
			
 
				+                  <dd class="col-9 col-md-10"><del>这行文本将被视为已删除文本。</del></dd>
			
 
				+                  <dt class="col-3 col-md-2"><code>&lt;s&gt;</code></dt>
			
 
				+                  <dd class="col-9 col-md-10"><s>这一行文字的意思是不再准确。</s></dd>
			
 
				+                  <dt class="col-3 col-md-2"><code>&lt;ins&gt;</code></dt>
			
 
				+                  <dd class="col-9 col-md-10"><ins>这一行文本将被视为对文档的补充。</ins></dd>
			
 
				+                  <dt class="col-3 col-md-2"><code>&lt;u&gt;</code></dt>
			
 
				+                  <dd class="col-9 col-md-10"><u>这行文本将呈现为带下划线。</u></dd>
			
 
				+                  <dt class="col-3 col-md-2"><code>&lt;small&gt;</code></dt>
			
 
				+                  <dd class="col-9 col-md-10"><small>这一行文字应被视为小一号字体。</small></dd>
			
 
				+                  <dt class="col-3 col-md-2"><code>&lt;strong&gt;</code></dt>
			
 
				+                  <dd class="col-9 col-md-10"><strong>此行呈现为粗体文本。</strong></dd>
			
 
				+                  <dt class="col-3 col-md-2"><code>&lt;em&gt;</code></dt>
			
 
				+                  <dd class="col-9 col-md-10"><em>此行呈现为斜体文本。</em></dd>
			
 
				+                </dl>
			
 
				+                <hr>
			
 
				+                <h5>文本对齐</h5>
			
 
				+                <p class="text-left">荒山隐士迎佳客 美酒甜言惑少年</p>
			
 
				+                <p class="text-center">崎岖世路湛嗟叹 怅悯情怀可奈何</p>
			
 
				+                <p class="text-right">疑梦疑真谨异丐 半忧半喜救佳人</p>
			
 
				+                <p class="text-justify">神功难测惊高弟 祸患潜埋闯喜筵</p>
			
 
				+                <p class="text-nowrap">重来踪迹从何觅 出处恩仇忍细论</p>
			
 
				+                <hr>
			
 
				+                <div class="row">
			
 
				+                  <div class="col-md-6">
			
 
				+                    <h5>大小写</h5>
			
 
				+                    <p class="text-lowercase">Lowercased text.</p>
			
 
				+                    <p class="text-uppercase">Uppercased text.</p>
			
 
				+                    <p class="text-capitalize">Capitalized text.</p>
			
 
				+                  </div>
			
 
				+                  <div class="col-md-6">
			
 
				+                    <h5>缩略语</h5>
			
 
				+                    <p>An abbreviation of the word attribute is <abbr title="attribute">attr</abbr>.</p>
			
 
				+                    <p><abbr title="HyperText Markup Language" class="initialism">HTML</abbr> is the best thing since sliced bread.</p>
			
 
				+                  </div>
			
 
				+                </div>
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <!-- .row -->
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>列表样式</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <div class="row">
			
 
				+                  
			
 
				+                  <div class="col-sm-4 col-xs-12">
			
 
				+                    <p><code>&lt;ul&gt;</code></p>
			
 
				+                    <ul>
			
 
				+                      <li>豪士惊心谈恶斗 荒山动魄遇穷儒</li>
			
 
				+                      <li>锦帐低垂人已杳 琼浆难得客归来</li>
			
 
				+                      <li>明珠尽散滋疑虑 红粉何尝是祸胎</li>
			
 
				+                      <li>谁施妙手空空技 哪识芳心惘惘情</li>
			
 
				+                    </ul>
			
 
				+                  </div>
			
 
				+
			
 
				+                  <div class="col-sm-4 col-xs-12">
			
 
				+                    <p><code>&lt;ol&gt;</code></p>
			
 
				+                    <ol>
			
 
				+                      <li>豪士惊心谈恶斗 荒山动魄遇穷儒</li>
			
 
				+                      <li>锦帐低垂人已杳 琼浆难得客归来</li>
			
 
				+                      <li>明珠尽散滋疑虑 红粉何尝是祸胎</li>
			
 
				+                      <li>谁施妙手空空技 哪识芳心惘惘情</li>
			
 
				+                    </ol>
			
 
				+                  </div>
			
 
				+
			
 
				+                  <div class="col-sm-4 col-xs-12">
			
 
				+                    <p><code>&lt;ul class="list-unstyled"&gt;</code></p>
			
 
				+                    <ul class="list-unstyled">
			
 
				+                      <li>豪士惊心谈恶斗 荒山动魄遇穷儒</li>
			
 
				+                      <li>锦帐低垂人已杳 琼浆难得客归来</li>
			
 
				+                      <li>明珠尽散滋疑虑 红粉何尝是祸胎</li>
			
 
				+                      <li>谁施妙手空空技 哪识芳心惘惘情</li>
			
 
				+                    </ul>
			
 
				+                  </div>
			
 
				+
			
 
				+                  <div class="col-lg-12">
			
 
				+                    <hr>
			
 
				+                    <p><code>&lt;ul class="list-inline"&gt;</code></p>
			
 
				+                    <ul class="list-inline">
			
 
				+                      <li class="list-inline-item">异宝轻抛真侠士</li>
			
 
				+                      <li class="list-inline-item">荒林谈笑救佳人</li>
			
 
				+                      <li class="list-inline-item">中伏何堪作楚囚</li>
			
 
				+                    </ul>
			
 
				+                  </div>
			
 
				+                  
			
 
				+                </div>
			
 
				+                <!-- .row -->
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <!-- .row -->
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-lg-12">
			
 
				+            <div class="card">
			
 
				+              <div class="card-header"><h4>描述</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                
			
 
				+                <dl class="row">
			
 
				+                  <dt class="col-sm-3">《侠骨丹心》</dt>
			
 
				+                  <dd class="col-sm-9">道尽“独行长剑一杯酒，孤客高楼万里情；侠骨柔情现正义，青天碧海映丹心。</dd>
			
 
				+
			
 
				+                  <dt class="col-sm-3">《云海玉弓缘》</dt>
			
 
				+                  <dd class="col-sm-9">
			
 
				+                    <p>主要讲述了清朝中期，江湖浪子金世遗的传奇经历和与厉胜男、谷之华之间的爱恨情仇故事。</p>
			
 
				+                    <p>是梁氏武侠天山系列最出名的两部小说之一，主要是厉胜男向魔头孟神通复仇并借此成为另一个“女魔头”的故事。</p>
			
 
				+                  </dd>
			
 
				+
			
 
				+                  <dt class="col-sm-3">《冰河洗剑录》</dt>
			
 
				+                  <dd class="col-sm-9">该小说讲述了江南与邹绛霞的孩子江海天的感情和江湖故事。</dd>
			
 
				+
			
 
				+                  <dt class="col-sm-3 text-truncate">《白发魔女传》</dt>
			
 
				+                  <dd class="col-sm-9">叙述的是明万历四十三年凉秋，云贵总督卓仲廉卸任归故乡陕北，途经川陕边境时被劫富济贫的绿林女大盗“玉罗刹”练霓裳劫去大部分财产。</dd>
			
 
				+
			
 
				+                  <dt class="col-sm-3">《萍踪侠影录》</dt>
			
 
				+                  <dd class="col-sm-9">
			
 
				+                    <dl class="row">
			
 
				+                      <dt class="col-sm-4">以明代土木堡之变为背景</dt>
			
 
				+                      <dd class="col-sm-8">交织成一个豪侠浪漫美好绝伦的传奇。</dd>
			
 
				+                    </dl>
			
 
				+                  </dd>
			
 
				+                </dl>
			
 
				+                
			
 
				+              </div>
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <!-- .row -->
			
 
				+        
			
 
				+        <div class="row">
			
 
				+          <div class="col-md-6">
			
 
				+            <div class="card">
			
 
				+              
			
 
				+              <div class="card-header"><h4>引用</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <blockquote class="blockquote">
			
 
				+                  <p>这是一个美妙的夜晚，全身只有一种感觉，每个毛孔都浸润着喜悦。作为大自然的一部分，我在其中任意来去。</p>
			
 
				+                  <footer>亨利·大卫·梭罗 <cite title="《瓦尔登湖》">《瓦尔登湖》</cite></footer>
			
 
				+                </blockquote>
			
 
				+              </div>
			
 
				+              
			
 
				+            </div>
			
 
				+          </div>
			
 
				+          <div class="col-md-6">
			
 
				+            <div class="card">
			
 
				+              
			
 
				+              <div class="card-header"><h4>地址</h4></div>
			
 
				+              <div class="card-body">
			
 
				+                <address>
			
 
				+                  <strong>Twitter公司</strong><br>
			
 
				+                  市场街1355#，900号<br>
			
 
				+                  旧金山，CA 94103<br>
			
 
				+                  <abbr title="电话">Tel:</abbr> (123) 456-7890
			
 
				+                </address>
			
 
				+              </div>
			
 
				+              
			
 
				+            </div>
			
 
				+          </div>
			
 
				+        </div>
			
 
				+        <!-- .row -->
			
 
				+
			
 
				+      </div>
			
 
				+      
			
 
				+    </main>
			
 
				+    <!--End 页面主要内容-->
			
 
				+  </div>
			
 
				+</div>
			
 
				+
			
 
				+<script type="text/javascript" src="js/jquery.min.js"></script>
			
 
				+<script type="text/javascript" src="js/bootstrap.min.js"></script>
			
 
				+<script type="text/javascript" src="js/perfect-scrollbar.min.js"></script>
			
 
				+<script type="text/javascript" src="js/main.min.js"></script>
			
 
				+</body>
			
 
				+</html>