diff --git a/src/main/resources/static/assets/images/wxOfficialAccount.jpeg b/src/main/resources/static/assets/images/wxOfficialAccount.jpeg
new file mode 100644
index 0000000..dc11ace
Binary files /dev/null and b/src/main/resources/static/assets/images/wxOfficialAccount.jpeg differ
diff --git a/src/main/resources/templates/user/login.html b/src/main/resources/templates/user/login.html
index a2f833e..5fd5e7c 100644
--- a/src/main/resources/templates/user/login.html
+++ b/src/main/resources/templates/user/login.html
@@ -2,123 +2,265 @@
 <html dir="ltr" lang="en" xmlns:th="http://www.thymeleaf.org">
 
 <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <!-- Tell the browser to be responsive to screen width -->
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="description" content="">
-    <meta name="author" content="">
-    <!-- Favicon icon -->
-    <link rel="icon" type="image/png" sizes="16x16" th:href="@{/assets/images/favicon.png}">
-    <title>登录·网络情报分析系统</title>
-    <script th:src="@{/common/analyze-cloud.js}"></script>
-    <!---->
-    <!-- Custom CSS -->
-    <link th:href="@{/dist/css/style.min.css}" rel="stylesheet">
-    <link th:href="@{/dist/css/custom.css}" rel="stylesheet">
-    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
-    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
-    <!--[if lt IE 9]>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<!-- Tell the browser to be responsive to screen width -->
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="description" content="">
+<meta name="author" content="">
+<!-- Favicon icon -->
+<link rel="icon" type="image/png" sizes="16x16"
+	th:href="@{/assets/images/favicon.png}">
+<title>登录·网络情报分析系统</title>
+<script th:src="@{/common/analyze-cloud.js}"></script>
+<!---->
+<!-- Custom CSS -->
+<link th:href="@{/dist/css/style.min.css}" rel="stylesheet">
+<link th:href="@{/dist/css/custom.css}" rel="stylesheet">
+<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+<!--[if lt IE 9]>
     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
     <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
     <![endif]-->
+
+<style type="text/css">
+		.btn_experience{
+			color: #fff;
+			font-size: 17.5px;
+			padding: 0.5rem 1rem;
+			background-color: #3183e2;
+		}
+		.btn_experience:hover {
+			color: #fff;
+			background-color: #0346ff;
+			border-color: #0041f5;
+		}
+		.popup{
+			position: fixed;
+			top: 0;
+			right: 0;
+			bottom: 0;
+			left: 0;
+			overflow: auto;
+			outline: 0;
+			z-index: 100;
+		}
+		.ant-modal-mask {
+		    position: fixed;
+		    top: 0;
+		    right: 0;
+		    bottom: 0;
+		    left: 0;
+		    z-index: 100;
+		    height: 100%;
+		    background-color: rgba(0,0,0,.45);
+		}
+		.ant-modal {
+		    box-sizing: border-box;
+		    color: rgba(0,0,0,.85);
+		    font-size: 14px;
+		    font-variant: tabular-nums;
+		    line-height: 1.5715;
+		    list-style: none;
+		    font-feature-settings: "tnum","tnum";
+		    pointer-events: none;
+		    position: relative;
+		    top: 100px;
+		    width: auto;
+		    max-width: calc(100vw - 32px);
+		    margin: 0 auto;
+		    padding: 0 0 24px;
+		}
+		.ant-modal-body {
+		    padding: 24px;
+		    font-size: 14px;
+		    line-height: 1.5715;
+		    word-wrap: break-word;
+		}
+		.ant-modal-content {
+		    position: relative;
+		    background-color: #fff;
+		    background-clip: padding-box;
+		    border: 0;
+		    border-radius: 2px;
+		    box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%);
+		    pointer-events: auto;
+		}
+		.ant-modal-close {
+		    position: absolute;
+		    top: 0;
+		    right: 0;
+		    z-index: 10;
+		    padding: 0;
+		    color: rgba(0,0,0,.45);
+		    font-weight: 700;
+		    line-height: 1;
+		    text-decoration: none;
+		    background: transparent;
+		    border: 0;
+		    outline: 0;
+		    cursor: pointer;
+		    transition: color .3s;
+		}
+		.ant-modal-close-x {
+		    display: block;
+		    width: 56px;
+		    height: 56px;
+		    font-size: 18px;
+		    font-style: normal;
+		    line-height: 56px;
+		    text-align: center;
+		    text-transform: none;
+		    text-rendering: auto;
+		}
+	</style>
+
 </head>
 
 <body>
-<div class="main-wrapper">
-    <!-- ============================================================== -->
-    <!-- Preloader - style you can find in spinners.css -->
-    <!-- ============================================================== -->
-    <!--     <div class="preloader"> -->
-    <!--         <div class="lds-ripple"> -->
-    <!--             <div class="lds-pos"></div> -->
-    <!--             <div class="lds-pos"></div> -->
-    <!--         </div> -->
-    <!--     </div> -->
-    <!-- ============================================================== -->
-    <!-- Preloader - style you can find in spinners.css -->
-    <!-- ============================================================== -->
-    <!-- ============================================================== -->
-    <!-- Login box.scss -->
-    <!-- ============================================================== -->
-    <div class="auth-wrapper auth-wrapper-bg d-flex">
-        <div class="login-header">
-            <img th:src="@{/assets/images/favicon.png}" alt="">
-            <span>思通数据</span>
-        </div>
-        <div class="auth-box-left slogan-wrapper">
-            <div class="slogan">
-                <img th:src="@{/assets/images/login-left.png}" alt="">
-            </div>
-        </div>
-        <div class="auth-login p-r">
-            <div class="loginform" id="loginform">
-                <!-- Form -->
-                <div class="row">
-                    <div class="col-12" style="height: 100%;">
-                        <div class="logo">
-                            <p class="login-title">登录</p>
-                        </div>
-                        <!--<form class="form-horizontal m-t-20" id="loginform" action="/login" method="post">-->
-                        <form class="form-horizontal m-t-20" id="loginform" method="post">
-                            <div class="input-group mb-4">
-                                <input required="required" type="text" class="form-control form-control-lg"
-                                       name="telephone" placeholder-class="login-place" placeholder="用户名"
-                                       aria-label="Username" aria-describedby="basic-addon1">
-                            </div>
-                            <div class="input-group mb-4">
-                                <input required="required" type="password" class="form-control form-control-lg"
-                                       name="password" placeholder="密码" aria-label="Password"
-                                       aria-describedby="basic-addon1">
-                            </div>
-                            <div class="form-group text-center">
-                                <div class="col-xs-12 p-b-20"
-                                     style="display: flex; justify-content: space-between;align-items: center;">
-                                    <a th:href="@{/forgotpwd}" style="color: #7290e0;">忘记密码？</a>
-                                    <button class="btn btn-block btn-lg btn-info bt-login" type="button"
-                                            onclick="login()">登录
-                                    </button>
-                                </div>
-                            </div>
-                        </form>
-                    </div>
-                    <div class="cus-footer" style="color: #5a5a5a;"> © 2014-<span id="currentyear"></span> 南京涌亿思信息技术有限公司 苏ICP备17066984号-1</div>
-                </div>
-            </div>
-        </div>
+	<div class="main-wrapper">
+		<!-- ============================================================== -->
+		<!-- Preloader - style you can find in spinners.css -->
+		<!-- ============================================================== -->
+		<!--     <div class="preloader"> -->
+		<!--         <div class="lds-ripple"> -->
+		<!--             <div class="lds-pos"></div> -->
+		<!--             <div class="lds-pos"></div> -->
+		<!--         </div> -->
+		<!--     </div> -->
+		<!-- ============================================================== -->
+		<!-- Preloader - style you can find in spinners.css -->
+		<!-- ============================================================== -->
+		<!-- ============================================================== -->
+		<!-- Login box.scss -->
+		<!-- ============================================================== -->
+		<div class="auth-wrapper auth-wrapper-bg d-flex">
+			<div class="login-header">
+				<img th:src="@{/assets/images/favicon.png}" alt=""> <span>思通数据</span>
+			</div>
+			<div class="auth-box-left slogan-wrapper">
+				<div class="slogan">
+					<img th:src="@{/assets/images/login-left.png}" alt="">
+				</div>
+			</div>
+			<div class="auth-login p-r">
+				<div class="loginform" id="loginform">
+					<!-- Form -->
+					<div class="row">
+						<div class="col-12" style="height: 100%;">
+							<div class="logo">
+								<p class="login-title">登录</p>
+							</div>
+							<!--<form class="form-horizontal m-t-20" id="loginform" action="/login" method="post">-->
+							<form class="form-horizontal m-t-20" id="loginform" method="post">
+								<div class="input-group mb-4">
+									<input required="required" type="text"
+										class="form-control form-control-lg" name="telephone"
+										placeholder-class="login-place" placeholder="用户名" value="13900000000"
+										aria-label="Username" aria-describedby="basic-addon1">
+								</div>
+								<div class="input-group mb-4">
+									<input required="required" type="password"
+										class="form-control form-control-lg" name="password"
+										placeholder="密码" aria-label="Password"
+										aria-describedby="basic-addon1">
+								</div>
+								<div class="form-group text-center">
+									<div class="col-xs-12 p-b-20"
+										style="display: flex; justify-content: space-between; align-items: center;">
+										<!--  <a th:href="@{/forgotpwd}" style="color: #7290e0;">忘记密码？</a> -->
+										<button class="btn btn-block btn-lg btn-info bt-login"
+											type="button" onclick="login()">登录</button>
+										<div onclick="btn_experience()" class="btn btn_experience">获取体验账号</div>
+									</div>
+								</div>
+							</form>
+						</div>
+						<div class="cus-footer" style="color: #5a5a5a;">
+							© 2014-<span id="currentyear"></span> 南京涌亿思信息技术有限公司
+							苏ICP备17066984号-1
+						</div>
+					</div>
+				</div>
+			</div>
 
-    </div>
-    <!-- ============================================================== -->
-    <!-- Login box.scss -->
-    <!-- ============================================================== -->
-    <!-- ============================================================== -->
-    <!-- Page wrapper scss in scafholding.scss -->
-    <!-- ============================================================== -->
-    <!-- ============================================================== -->
-    <!-- Page wrapper scss in scafholding.scss -->
-    <!-- ============================================================== -->
-    <!-- ============================================================== -->
-    <!-- Right Sidebar -->
-    <!-- ============================================================== -->
-    <!-- ============================================================== -->
-    <!-- Right Sidebar -->
-    <!-- ============================================================== -->
-</div>
-<!-- ============================================================== -->
-<!-- All Required js -->
-<!-- ============================================================== -->
-<script th:src="@{/assets/libs/jquery/dist/jquery.min.js}"></script>
-<!-- Bootstrap tether Core JavaScript -->
-<script th:src="@{/assets/libs/popper.js/dist/umd/popper.min.js}"></script>
-<script th:src="@{/assets/libs/bootstrap/dist/js/bootstrap.min.js}"></script>
-<script th:src="@{/assets/libs/block-ui/jquery.blockUI.js}"></script>
-<script th:src="@{/dist/js/sidebarmenu.js}"></script>
-<script th:src="@{/dist/baidu/baidu_statistics.js}"></script>
+		</div>
+		<div id="springframe" onclick="closePopup()" style="display: none;">
+			<div class="ant-modal-mask" id="popupbg"></div>
+			<div class="popup" id="popup">
+				<div role="document" class="ant-modal" style="width: 380px; transform-origin: 337px 329px;">
+					<div tabindex="0" aria-hidden="true" style="width: 0px; height: 0px; overflow: hidden; outline: none;"></div>
+					<div class="ant-modal-content" onclick="event.stopPropagation()">
+						<div aria-label="Close" class="ant-modal-close" onclick="closePopup()">
+							<span class="ant-modal-close-x">
+								<span role="img" aria-label="close" class="anticon anticon-close ant-modal-close-icon">
+									<i class="mdi mdi-close-circle-outline"></i>
+								</span>
+							</span>
+						</div>
+						<div class="ant-modal-body">
+							<div style="display: flex; flex-direction: column; align-items: center; font-size: 18px; margin-top: 24px;">
+								<div style="margin-bottom: 24px;">公众号二维码</div>
+								<div>
+									<span style="font-size: 20px; color: rgb(24, 144, 255);">关注公众号</span>回复<span style="font-size: 20px; color: rgb(24, 144, 255);">demo</span>获取体验账号
+								</div>
+								<img th:src="@{/assets/images/wxOfficialAccount.jpeg}" alt="qrcode" style="width: 258px; height: 258px;">
+							</div>
+						</div>
+					</div>
+					<div tabindex="0" aria-hidden="true" style="width: 0px; height: 0px; overflow: hidden; outline: none;"></div>
+				</div>
+			</div>
+		</div>
+		<!-- ============================================================== -->
+		<!-- Login box.scss -->
+		<!-- ============================================================== -->
+		<!-- ============================================================== -->
+		<!-- Page wrapper scss in scafholding.scss -->
+		<!-- ============================================================== -->
+		<!-- ============================================================== -->
+		<!-- Page wrapper scss in scafholding.scss -->
+		<!-- ============================================================== -->
+		<!-- ============================================================== -->
+		<!-- Right Sidebar -->
+		<!-- ============================================================== -->
+		<!-- ============================================================== -->
+		<!-- Right Sidebar -->
+		<!-- ============================================================== -->
+	</div>
+	<!-- ============================================================== -->
+	<!-- All Required js -->
+	<!-- ============================================================== -->
+	<script th:src="@{/assets/libs/jquery/dist/jquery.min.js}"></script>
+	<!-- Bootstrap tether Core JavaScript -->
+	<script th:src="@{/assets/libs/popper.js/dist/umd/popper.min.js}"></script>
+	<script th:src="@{/assets/libs/bootstrap/dist/js/bootstrap.min.js}"></script>
+	<script th:src="@{/assets/libs/block-ui/jquery.blockUI.js}"></script>
+	<script th:src="@{/dist/js/sidebarmenu.js}"></script>
+	<script th:src="@{/dist/baidu/baidu_statistics.js}"></script>
 
-<!-- ============================================================== -->
-<!-- This page plugin js -->
-<!-- ============================================================== -->
-<script type="application/javascript">
+	<!-- ============================================================== -->
+	<!-- This page plugin js -->
+	<!-- ============================================================== -->
+	<script type="application/javascript">
+	
+	$('[data-toggle="tooltip"]').tooltip();
+    $(".preloader").fadeOut();
+    // ============================================================== 
+    // Login and Recover Password 
+    // ============================================================== 
+	function closePopup(){
+		document.getElementById("springframe").style.display = "none";
+	}
+	function btn_experience(){
+		console.log("-----");
+		document.getElementById("springframe").style.display = "block";
+	}
+	
+	
+	
+		
 $("#currentyear").text((new Date()).getFullYear());
     $('[data-toggle="tooltip"]').tooltip();
     $(".preloader").fadeOut();
@@ -157,7 +299,12 @@ $("#currentyear").text((new Date()).getFullYear());
             }
         });
     }
-</script>
+    
+    
+    
+    
+
+	</script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/src/main/resources/templates/user/loginbak.html b/src/main/resources/templates/user/loginbak.html
new file mode 100644
index 0000000..a2f833e
--- /dev/null
+++ b/src/main/resources/templates/user/loginbak.html
@@ -0,0 +1,163 @@
+<!DOCTYPE html>
+<html dir="ltr" lang="en" xmlns:th="http://www.thymeleaf.org">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <!-- Tell the browser to be responsive to screen width -->
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="">
+    <meta name="author" content="">
+    <!-- Favicon icon -->
+    <link rel="icon" type="image/png" sizes="16x16" th:href="@{/assets/images/favicon.png}">
+    <title>登录·网络情报分析系统</title>
+    <script th:src="@{/common/analyze-cloud.js}"></script>
+    <!---->
+    <!-- Custom CSS -->
+    <link th:href="@{/dist/css/style.min.css}" rel="stylesheet">
+    <link th:href="@{/dist/css/custom.css}" rel="stylesheet">
+    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+    <!--[if lt IE 9]>
+    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+    <![endif]-->
+</head>
+
+<body>
+<div class="main-wrapper">
+    <!-- ============================================================== -->
+    <!-- Preloader - style you can find in spinners.css -->
+    <!-- ============================================================== -->
+    <!--     <div class="preloader"> -->
+    <!--         <div class="lds-ripple"> -->
+    <!--             <div class="lds-pos"></div> -->
+    <!--             <div class="lds-pos"></div> -->
+    <!--         </div> -->
+    <!--     </div> -->
+    <!-- ============================================================== -->
+    <!-- Preloader - style you can find in spinners.css -->
+    <!-- ============================================================== -->
+    <!-- ============================================================== -->
+    <!-- Login box.scss -->
+    <!-- ============================================================== -->
+    <div class="auth-wrapper auth-wrapper-bg d-flex">
+        <div class="login-header">
+            <img th:src="@{/assets/images/favicon.png}" alt="">
+            <span>思通数据</span>
+        </div>
+        <div class="auth-box-left slogan-wrapper">
+            <div class="slogan">
+                <img th:src="@{/assets/images/login-left.png}" alt="">
+            </div>
+        </div>
+        <div class="auth-login p-r">
+            <div class="loginform" id="loginform">
+                <!-- Form -->
+                <div class="row">
+                    <div class="col-12" style="height: 100%;">
+                        <div class="logo">
+                            <p class="login-title">登录</p>
+                        </div>
+                        <!--<form class="form-horizontal m-t-20" id="loginform" action="/login" method="post">-->
+                        <form class="form-horizontal m-t-20" id="loginform" method="post">
+                            <div class="input-group mb-4">
+                                <input required="required" type="text" class="form-control form-control-lg"
+                                       name="telephone" placeholder-class="login-place" placeholder="用户名"
+                                       aria-label="Username" aria-describedby="basic-addon1">
+                            </div>
+                            <div class="input-group mb-4">
+                                <input required="required" type="password" class="form-control form-control-lg"
+                                       name="password" placeholder="密码" aria-label="Password"
+                                       aria-describedby="basic-addon1">
+                            </div>
+                            <div class="form-group text-center">
+                                <div class="col-xs-12 p-b-20"
+                                     style="display: flex; justify-content: space-between;align-items: center;">
+                                    <a th:href="@{/forgotpwd}" style="color: #7290e0;">忘记密码？</a>
+                                    <button class="btn btn-block btn-lg btn-info bt-login" type="button"
+                                            onclick="login()">登录
+                                    </button>
+                                </div>
+                            </div>
+                        </form>
+                    </div>
+                    <div class="cus-footer" style="color: #5a5a5a;"> © 2014-<span id="currentyear"></span> 南京涌亿思信息技术有限公司 苏ICP备17066984号-1</div>
+                </div>
+            </div>
+        </div>
+
+    </div>
+    <!-- ============================================================== -->
+    <!-- Login box.scss -->
+    <!-- ============================================================== -->
+    <!-- ============================================================== -->
+    <!-- Page wrapper scss in scafholding.scss -->
+    <!-- ============================================================== -->
+    <!-- ============================================================== -->
+    <!-- Page wrapper scss in scafholding.scss -->
+    <!-- ============================================================== -->
+    <!-- ============================================================== -->
+    <!-- Right Sidebar -->
+    <!-- ============================================================== -->
+    <!-- ============================================================== -->
+    <!-- Right Sidebar -->
+    <!-- ============================================================== -->
+</div>
+<!-- ============================================================== -->
+<!-- All Required js -->
+<!-- ============================================================== -->
+<script th:src="@{/assets/libs/jquery/dist/jquery.min.js}"></script>
+<!-- Bootstrap tether Core JavaScript -->
+<script th:src="@{/assets/libs/popper.js/dist/umd/popper.min.js}"></script>
+<script th:src="@{/assets/libs/bootstrap/dist/js/bootstrap.min.js}"></script>
+<script th:src="@{/assets/libs/block-ui/jquery.blockUI.js}"></script>
+<script th:src="@{/dist/js/sidebarmenu.js}"></script>
+<script th:src="@{/dist/baidu/baidu_statistics.js}"></script>
+
+<!-- ============================================================== -->
+<!-- This page plugin js -->
+<!-- ============================================================== -->
+<script type="application/javascript">
+$("#currentyear").text((new Date()).getFullYear());
+    $('[data-toggle="tooltip"]').tooltip();
+    $(".preloader").fadeOut();
+    // ============================================================== 
+    // Login and Recover Password 
+    // ==============================================================
+
+    function login() {
+        var telephone = $("input[name='telephone']").val();
+        var password = $("input[name='password']").val();
+        $.ajax({
+            type: "POST",
+            url: "/login",
+            dataType: 'json',
+            data: {
+                telephone: telephone,
+                password: password
+            },
+            success: function (res) {
+                let code = res.code;
+                let msg = res.msg;
+                if (code == 1) {
+                    /*window.location.href = "/displayboard";*/
+                    //2021.7.26，跳转修改为数据监测页面
+                    window.location.href = "/monitor"
+                } else if (code == 4) {
+                    showtips(msg);
+                } else {
+                    showtips(msg);
+                }
+            },
+            error: function (xhr, ajaxOptions, thrownError) {
+                if (xhr.status == 403) {
+                    window.location.href = ctxPath + "login";
+                }
+            }
+        });
+    }
+</script>
+</body>
+
+</html>
\ No newline at end of file
