diff --git a/templates/system/backup.html b/templates/system/backup.html
new file mode 100644
index 0000000000000000000000000000000000000000..5e51fa6d7f7f956c6600990837566a48ddb471ad
--- /dev/null
+++ b/templates/system/backup.html
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
+<head>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="renderer" content="webkit">
+
+
+    <title>智慧教育平台-系统配置</title>
+    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
+    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">
+
+    <!--[if lt IE 9]>
+    <meta http-equiv="refresh" content="0;ie.html" />
+    <![endif]-->
+
+    <link rel="shortcut icon" href="../../static/favicon.ico" th:href="@{/static/favicon.ico}">
+    <link href="../../static/css/bootstrap.min.css?v=3.3.6" th:href="@{/static/css/bootstrap.min.css(v='3.3.6')｝" rel="stylesheet">
+    <link href="../../static/css/font-awesome.min.css?v=4.4.0" th:href="@{/static/css/font-awesome.min.css(v='4.4.0')}" rel="stylesheet">
+    <link href="../../static/css/animate.css" th:href="@{/static/css/animate.css}" rel="stylesheet">
+    <link href="../../static/css/style.css?v=4.1.0" th:href="@{/static/css/style.css(v='4.1.0')}" rel="stylesheet">
+
+</head>
+
+<body class="gray-bg">
+<div class="wrapper wrapper-content animated fadeInRight">
+    <div class="white-bg">
+        <!--主体开始-->
+        <!--表格开始-->
+        <div class="col-md-12 white-bg">
+        <table id="backTab" class="table table-striped">
+
+        </table>
+        </div>
+    </div>
+</div>
+
+
+
+    <!-- 全局js -->
+    <script src="../../static/js/jquery.min.js?v=2.1.4" th:src="@{/static/js/jquery.min.js(v='2.1.4')}"></script>
+    <script src="../../static/js/bootstrap.min.js?v=3.3.6" th:src="@{/static/js/bootstrap.min.js(v='3.3.6')}"></script>
+
+    <!-- 自定义js -->
+    <script src="../../static/js/content.js?v=1.0.0" th:src="@{/static/js/content.js(v='1.0.0')}"></script>
+
+    <script src="../../static/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
+    <script src="../../static/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
+
+<script>
+    $(function () {
+        $("#backTab").bootstrapTable({
+            pagination: true,
+            pageNumber:1,                       //初始化加载第一页，默认第一页
+            pageSize: 4,                       //每页的记录行数（*）
+            pageList: [2, 5, 8, 10],        //可供选择的每页的行数（*）
+            search: false,                  //是否显示搜索
+            showColumns: false,                  //是否显示所有的列
+            showRefresh: false,                  //是否显示刷新按钮
+            showToggle:false,                    //是否显示详细视图和列表视图的切换按钮
+            uniqueId: "id",
+            queryParams: function(params) {
+                var temp = {
+                    "a": 1,
+                    "b": 2,
+                    "limits": params.limit,
+                    "offset": params.offset
+                }
+                return temp;
+            },
+            url: "json/file.json",
+            columns: [{
+                checkbox: true  /* 是否添加复选框*/
+            },{
+                field: 'filename',
+                title: '文件名'
+            },{
+                field: 'backtime',
+                title: '备份时间'
+            },{
+                field: 'status',
+                title: '状态'
+            }, {
+                align: "center",
+                title: "操作",
+                events: {
+
+                    "click .updateBtn": function (e, value, row, index) {
+                        alert("你点击了删除按钮！");
+                    },
+                    "click .deleteBtn": function (e, value, row, index) {
+                        alert("你点击了下载按钮");
+                    }
+                },
+                formatter: function (value, row, index) {
+                    return [
+                        "<button type='button' class='updateBtn btn btn-danger btn-xs btn_edit_c text-red glyphicon glyphicon-trash' style='margin-right: 15px;'></button>",
+                        "<button type='button' class='deleteBtn btn btn-success btn-xs btn_edit_c text-purple fa fa-download'></button>"
+                    ].join("");
+                }
+            }]
+        });
+        //下面的例子
+        //1.初始化Table
+        var oTable = new TableInit();
+        oTable.Init();
+
+        //2.初始化Button的点击事件
+        var oButtonInit = new ButtonInit();
+        oButtonInit.Init();
+    });
+
+</script>
+
+</body>
+
+</html>
diff --git a/templates/system/config.html b/templates/system/config.html
new file mode 100644
index 0000000000000000000000000000000000000000..82497172eb2f19716cc6df5ad683e28bbfc4e79c
--- /dev/null
+++ b/templates/system/config.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
+<head>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="renderer" content="webkit">
+
+
+    <title>智慧教育平台-系统配置</title>
+    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
+    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">
+
+    <!--[if lt IE 9]>
+    <meta http-equiv="refresh" content="0;ie.html" />
+    <![endif]-->
+
+    <link rel="shortcut icon" href="../../static/favicon.ico" th:href="@{/static/favicon.ico}">
+    <link href="../../static/css/bootstrap.min.css?v=3.3.6" th:href="@{/static/css/bootstrap.min.css(v='3.3.6')｝" rel="stylesheet">
+    <link href="../../static/css/font-awesome.min.css?v=4.4.0" th:href="@{/static/css/font-awesome.min.css(v='4.4.0')}" rel="stylesheet">
+    <link href="../../static/css/animate.css" th:href="@{/static/css/animate.css}" rel="stylesheet">
+    <link href="../../static/css/style.css?v=4.1.0" th:href="@{/static/css/style.css(v='4.1.0')}" rel="stylesheet">
+
+</head>
+
+<body class="gray-bg">
+<div class="wrapper wrapper-content animated fadeInRight">
+    <div class=" p-md white-bg">
+        <div class="row">
+            <div class="col-md-12">
+                <h2 class="page-header">
+                    <i class="fa fa-globe"></i>
+                    基本信息
+                </h2>
+            </div>
+        </div>
+        <!--表格-->
+        <form id="myForm" role="form">
+            <div class="box-body">
+                <div class="form-group">
+                    <label class="col-md-2 control-label" >
+                        系统名称：
+                    </label>
+                            <input id="systemname" class="form-control" style="width: 30%"
+                                   type="text" name="systemname" value="苏州青英培训学校(乐码学院) " placeholder="请输入系统名称">
+                </div>
+                <div class="form-group">
+                    <label class="col-md-2 control-label">
+                        版权信息：
+                    </label>
+                        <input id="verinfo" class="form-control" style="width: 30%"
+                               type="text" name="verinfo" value="苏州青英培训学校(乐码学院) " placeholder="请输入系统名称">
+                </div>
+                <div class="box-footer">
+                    <button id="btn_save" class="btn btn-primary" type="button">保存</button>
+                </div>
+                <div class="form-group">
+                    <label style="margin-top: 15px">登录页LOGO:</label>
+                    <!--<a type="button" class="btn btn-primary" data-toggle="modal" data-target="#addModel">裁剪图片</a>-->
+                    <input id="btn_add_login" type="button" name="1" value="裁剪图片">
+                </div>
+                <!--登录页图片-->
+                <img  id="login_img" src="../../static/img/login-background.jpg" style="width: 230px;height: 50px;background: rgb(235,235,235);">
+
+                <div class="form-group">
+                    <label style="margin-top: 15px">系统页LOGO:</label>
+                    <input id="btn_add_system" type="button" name="1" value="裁剪图片">
+                </div>
+                <!--系统页图片-->
+                <img  id="system_img" src="../../static/img/login-background.jpg" style="width: 230px;height: 50px;background: rgb(235,235,235);">
+
+            </div>
+        </form>
+
+
+    </div>
+</div>
+
+<!-- 全局js -->
+<script src="../../static/js/jquery.min.js?v=2.1.4" th:src="@{/static/js/jquery.min.js(v='2.1.4')}"></script>
+<script src="../../static/js/bootstrap.min.js?v=3.3.6" th:src="@{/static/js/bootstrap.min.js(v='3.3.6')}"></script>
+
+<!-- 自定义js -->
+<script src="../../static/js/content.js?v=1.0.0" th:src="@{/static/js/content.js(v='1.0.0')}"></script>
+
+<script>
+    $(function () {
+        //保存按钮点击事件
+        $("#btn_save").click(function () {
+            alert("点击了保存按钮!");
+        });
+        //裁剪登录页LOGO
+        $("#btn_add_login").click(function () {
+            alert("这里裁剪登录页LOGO");
+        });
+        //裁剪系统页LOGO
+        $("#btn_add_system").click(function () {
+            alert("这里裁剪系统页LOGO");
+        });
+    });
+</script>
+</body>
+
+</html>
diff --git a/templates/system/json/file.json b/templates/system/json/file.json
new file mode 100644
index 0000000000000000000000000000000000000000..a949b5204c72387a59dff100fb7954de98cde40d
--- /dev/null
+++ b/templates/system/json/file.json
@@ -0,0 +1,44 @@
+[
+  {
+    "filename":"owen16516556.sql" ,
+    "backtime": "2020-06-11 15:31:04",
+    "status": "成功",
+    "operation": "下载"
+  },
+  {
+    "filename":"owen16516556.sql" ,
+    "backtime": "2020-06-11 15:31:04",
+    "status": "成功",
+    "operation": "下载"
+  },
+  {
+    "filename":"owen16516556.sql" ,
+    "backtime": "2020-06-11 15:31:04",
+    "status": "成功",
+    "operation": "下载"
+  },
+  {
+    "filename":"owen16516556.sql" ,
+    "backtime": "2020-06-11 15:31:04",
+    "status": "成功",
+    "operation": "下载"
+  },
+  {
+    "filename":"owen16516556.sql" ,
+    "backtime": "2020-06-11 15:31:04",
+    "status": "成功",
+    "operation": "下载"
+  },
+  {
+    "filename":"owen16516556.sql" ,
+    "backtime": "2020-06-11 15:31:04",
+    "status": "成功",
+    "operation": "下载"
+  },
+  {
+    "filename":"owen16516556.sql" ,
+    "backtime": "2020-06-11 15:31:04",
+    "status": "成功",
+    "operation": "下载"
+  }
+]
\ No newline at end of file
diff --git a/templates/system/paramInfo.html b/templates/system/paramInfo.html
new file mode 100644
index 0000000000000000000000000000000000000000..bafa313db4dd3d6b0a1fcd62c7eca2c04cbab2b6
--- /dev/null
+++ b/templates/system/paramInfo.html
@@ -0,0 +1,114 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
+<head>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="renderer" content="webkit">
+
+
+    <title>智慧教育平台-系统配置</title>
+    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
+    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">
+
+    <!--[if lt IE 9]>
+    <meta http-equiv="refresh" content="0;ie.html" />
+    <![endif]-->
+
+    <link rel="shortcut icon" href="../../static/favicon.ico" th:href="@{/static/favicon.ico}">
+    <link href="../../static/css/bootstrap.min.css?v=3.3.6" th:href="@{/static/css/bootstrap.min.css(v='3.3.6')｝" rel="stylesheet">
+    <link href="../../static/css/font-awesome.min.css?v=4.4.0" th:href="@{/static/css/font-awesome.min.css(v='4.4.0')}" rel="stylesheet">
+    <link href="../../static/css/animate.css" th:href="@{/static/css/animate.css}" rel="stylesheet">
+    <link href="../../static/css/style.css?v=4.1.0" th:href="@{/static/css/style.css(v='4.1.0')}" rel="stylesheet">
+
+</head>
+
+<body >
+
+<div class="container">
+    <div class="row">
+        <div class="col-md-12">
+            <h2 class="page-header">
+                <i class="fa fa-globe">
+                </i>
+                更新信息
+            </h2>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-md-12">
+            1、美化登录页，修复登录页bug。2、更换系统主题并修改系统主页样式，运用Bootstrap为主题并以简约为主。3、添加更多的用户交互效果。4、修复安全漏洞。5、使管理简单化。
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-md-10">
+            <address>
+                欢迎使用信息管理系统，当前版本号：V1.13，最后更新时间：20170407000000
+            </address>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-md-12">
+            <h2 class="page-header">
+                <i class="fa fa-globe"></i>
+                服务器基本信息
+            </h2>
+        </div>
+    </div>
+    <!--表格-->
+    <div class="row">
+        <div class="col-md-12">
+            <table class="table table-striped" id="paramTab">
+                <tr>
+                    <td>System:Windows NT 6.1build7601</td>
+                    <td>Web server:Apache/2.2.4 (Win32) PHP/5.2.0</td>
+                    <td>JAVA Version:5.2.0</td>
+                </tr>
+                <tr>
+                    <td>Mysql Version:5.0.27-community-nt</td>
+                    <td>display_errors:YES</td>
+                    <td>Server API:APACHE2HANDLER</td>
+                </tr>
+                <tr>
+                    <td>JAVA Safe: YES</td>
+                    <td>Session Support:YES</td>
+                    <td>Cookie Support:YES</td>
+                </tr>
+                <tr>
+                    <td>Zend Optimizer Support:NO</td>
+                    <td>eAccelerator Support:NO</td>
+                    <td>Xcache Support:NO</td>
+                </tr>
+            </table>
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col-md-12">
+            <h2 class="page-header">
+                <i class="fa fa-globe"></i>
+                统计人数
+            </h2>
+        </div>
+    </div>
+    <div class="row ">
+        <div class="col-md-4 ">
+            访问人数：3174
+            <br>
+            在线人数：1
+        </div>
+    </div>
+</div>
+
+
+    <!-- 全局js -->
+    <script src="../../static/js/jquery.min.js?v=2.1.4" th:src="@{/static/js/jquery.min.js(v='2.1.4')}"></script>
+    <script src="../../static/js/bootstrap.min.js?v=3.3.6" th:src="@{/static/js/bootstrap.min.js(v='3.3.6')}"></script>
+
+    <!-- 自定义js -->
+    <script src="../../static/js/content.js?v=1.0.0" th:src="@{/static/js/content.js(v='1.0.0')}"></script>
+
+
+</body>
+
+</html>

System:Windows NT 6.1build7601	Web server:Apache/2.2.4 (Win32) PHP/5.2.0	JAVA Version:5.2.0
Mysql Version:5.0.27-community-nt	display_errors:YES	Server API:APACHE2HANDLER
JAVA Safe: YES	Session Support:YES	Cookie Support:YES
Zend Optimizer Support:NO	eAccelerator Support:NO	Xcache Support:NO