diff --git a/controller/mysql.go b/controller/mysql.go
index e6b7353..0661fef 100644
--- a/controller/mysql.go
+++ b/controller/mysql.go
@@ -1,10 +1,17 @@
 package controller
 
 import (
+	"github.com/gin-gonic/gin"
 	"github.com/taoshihan1991/imaptool/tmpl"
 	"net/http"
 )
+func MysqlGetConf(c *gin.Context) {
 
+	c.JSON(200, gin.H{
+		"code": 200,
+		"msg":  "验证成功",
+	})
+}
 func ActionMysqlSet(w http.ResponseWriter, r *http.Request) {
 	render := tmpl.NewSettingHtml(w)
 	render.SetLeft("setting_left")
diff --git a/server.go b/server.go
index f9df902..c19eef3 100644
--- a/server.go
+++ b/server.go
@@ -31,6 +31,11 @@ func main() {
 	engine.POST("/check_auth",middleware.JwtApiMiddleware, controller.MainCheckAuth)
 	//前后聊天
 	engine.GET("/chat_server", controller.NewChatServer)
+	//设置页
+	engine.GET("/setting", tmpl.PageSetting)
+	//设置mysql
+	engine.GET("/setting_mysql", tmpl.PageSettingMysql)
+	engine.GET("/get_setting_mysql",middleware.JwtApiMiddleware,  controller.MysqlGetConf)
 	//------------------old code-----------------------------
 	mux := &http.ServeMux{}
 	//根路径
diff --git a/static/html/header.html b/static/html/header.html
index 656d017..2d9e028 100644
--- a/static/html/header.html
+++ b/static/html/header.html
@@ -1,3 +1,4 @@
+{{define "header"}}
 <html lang="cn">
 <head>
     <meta charset="utf-8">
@@ -51,4 +52,5 @@
     </style>
 
 </head>
-<body class="text-center">
\ No newline at end of file
+<body class="text-center">
+{{end}}
\ No newline at end of file
diff --git a/static/html/setting.html b/static/html/setting.html
index 69a7a67..3511d4f 100644
--- a/static/html/setting.html
+++ b/static/html/setting.html
@@ -1,9 +1,9 @@
-{{.Header}}
+{{template "header" }}
 <div id="app" style="width:100%">
     <template>
         <el-container v-loading.fullscreen.lock="fullscreenLoading">
             <el-aside>
-                {{.Left}}
+                {{template "setting_left" .}}
             </el-aside>
 
             <el-main class="mainMain">
@@ -30,4 +30,4 @@
     var Password="{{.Password}}";
     var Username="{{.Username}}";
 </script>
-{{.Bottom}}
+{{template "setting_bottom" .}}
diff --git a/static/html/setting_bottom.html b/static/html/setting_bottom.html
index e704152..ee0d270 100644
--- a/static/html/setting_bottom.html
+++ b/static/html/setting_bottom.html
@@ -1,3 +1,4 @@
+{{define "setting_bottom"}}
 <script>
     var app=new Vue({
         el: '#app',
@@ -9,7 +10,23 @@
                 username: Username,
                 password: Password,
             },
+            mysql: {
+                server: "",
+                port: "",
+                database: "",
+                username: "",
+                password: "",
+            },
             rules: {
+                server: [
+                    { required: true, message: '请输入服务地址', trigger: 'blur' },
+                ],
+                port: [
+                    { required: true, message: '请输入端口号', trigger: 'blur' },
+                ],
+                database: [
+                    { required: true, message: '请输入数据库名', trigger: 'blur' },
+                ],
                 username: [
                     { required: true, message: '请输入用户名', trigger: 'blur' },
                 ],
@@ -43,6 +60,29 @@
                     }
                 });
             },
+            //设置mysql
+            setMysql(formName){
+                let _this=this;
+                this.$refs[formName].validate((valid) => {
+                    if (valid) {
+                        $.post("/setting_mysql",_this.account,function(data){
+                            if(data.code==200){
+                                _this.$message({
+                                    message: data.msg,
+                                    type: 'success'
+                                });
+                            }else{
+                                _this.$message({
+                                    message: data.msg,
+                                    type: 'error'
+                                });
+                            }
+                        });
+                    } else {
+                        return false;
+                    }
+                });
+            },
             //重置表单
             resetForm(formName) {
                 this.loading=false;
@@ -61,12 +101,30 @@
                     duration:'8000',
                     showClose:true,
                 });
+            },
+            //初始化数据
+            initInfo(){
+                {{if eq .action  "setting_mysql"}}
+                let _this=this;
+                $.ajax({
+                    type:"get",
+                    url:"/get_setting_mysql",
+                    headers:{
+                        "token":localStorage.getItem("token")
+                    },
+                    success: function(data) {
+                    }
+                });
+
+                {{end}}
             }
         },
         created: function () {
             this.showNotice();
+            this.initInfo();
         }
     })
 
 </script>
-</html>
\ No newline at end of file
+</html>
+{{end}}
\ No newline at end of file
diff --git a/static/html/setting_left.html b/static/html/setting_left.html
index d30bc75..6e93278 100644
--- a/static/html/setting_left.html
+++ b/static/html/setting_left.html
@@ -1,4 +1,5 @@
-<el-menu default-active="1-3" :default-openeds="openIndex">
+{{define "setting_left"}}
+<el-menu default-active="{{.tab_index}}" :default-openeds="openIndex">
     <el-submenu index="1">
         <template slot="title">
             <i class="el-icon-s-custom"></i>
@@ -7,8 +8,9 @@
         <el-menu-item-group>
             <el-menu-item index="1-1">设置smtp</el-menu-item>
             <el-menu-item index="1-2">设置imap</el-menu-item>
-            <el-menu-item index="1-3">设置登陆账号</el-menu-item>
+            <el-menu-item index="1-3" v-on:click="openUrl('/setting')">设置登陆账号</el-menu-item>
             <el-menu-item index="1-4"  v-on:click="openUrl('/setting_mysql')">设置mysql</el-menu-item>
         </el-menu-item-group>
     </el-submenu>
-</el-menu>
\ No newline at end of file
+</el-menu>
+{{end}}
\ No newline at end of file
diff --git a/tmpl/setting.go b/tmpl/setting.go
index 3bb90e9..9dfd605 100644
--- a/tmpl/setting.go
+++ b/tmpl/setting.go
@@ -1,7 +1,23 @@
 package tmpl
 
-import "net/http"
-
+import (
+	"github.com/gin-gonic/gin"
+	"net/http"
+)
+//设置界面
+func PageSetting(c *gin.Context) {
+	c.HTML(http.StatusOK, "setting.html", gin.H{
+		"tab_index":"1-3",
+		"action":"setting",
+	})
+}
+//设置mysql
+func PageSettingMysql(c *gin.Context) {
+	c.HTML(http.StatusOK, "setting_mysql.html", gin.H{
+		"tab_index":"1-4",
+		"action":"setting_mysql",
+	})
+}
 type SettingHtml struct {
 	*CommonHtml
 	Username, Password string
