获取cookie和登陆界面

4 years ago · 8ee456bf46
parent 5eb5f1b1c3
commit 8ee456bf46
2 changed files with 115 additions and 0 deletions
--- a/server.go
+++ b/server.go
@ -9,11 +9,36 @@ import (
 func main(){
 	log.Println("listen on 8080...")
 	http.HandleFunc("/",index)
+	//登陆界面
+	http.HandleFunc("/login",login)
 	//监听端口
 	http.ListenAndServe(":8080", nil)
 }
 //输出首页
 func index(w http.ResponseWriter, r *http.Request){
+	auth:=getCookie(r,"auth")
+	if auth=="" {
+		http.Redirect(w, r, "/login", 302)
+	}
 	t,_:=template.ParseFiles("./tmpl/index.html")
 	t.Execute(w, nil)
 }
+//登陆界面
+func login(w http.ResponseWriter, r *http.Request){
+	t,_:=template.ParseFiles("./tmpl/login.html")
+	t.Execute(w, nil)
+}
+//加密cookie
+//func authCookie(){
+//
+//}
+//获取cookie
+func getCookie(r *http.Request,name string)string{
+	cookies:=r.Cookies()
+	for _,cookie:=range cookies{
+		if cookie.Name==name{
+			return cookie.Value
+		}
+	}
+	return ""
+}
--- a/tmpl/login.html
+++ b/tmpl/login.html
@ -0,0 +1,90 @@
+<!doctype html>
+<html lang="cn">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="description" content="">
+    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
+    <meta name="generator" content="Jekyll v3.8.6">
+    <title>邮箱IMAP-登录页</title>
+    <!-- Bootstrap core CSS -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+
+    <style>
+        .bd-placeholder-img {
+            font-size: 1.125rem;
+            text-anchor: middle;
+            -webkit-user-select: none;
+            -moz-user-select: none;
+            -ms-user-select: none;
+            user-select: none;
+        }
+
+        @media (min-width: 768px) {
+            .bd-placeholder-img-lg {
+                font-size: 3.5rem;
+            }
+        }
+        html,
+        body {
+            height: 100%;
+        }
+
+        body {
+            display: -ms-flexbox;
+            display: flex;
+            -ms-flex-align: center;
+            align-items: center;
+            padding-top: 40px;
+            padding-bottom: 40px;
+            background-color: #f5f5f5;
+        }
+
+        .form-signin {
+            width: 100%;
+            max-width: 330px;
+            padding: 15px;
+            margin: auto;
+        }
+        .form-signin .checkbox {
+            font-weight: 400;
+        }
+        .form-signin .form-control {
+            position: relative;
+            box-sizing: border-box;
+            height: auto;
+            padding: 10px;
+            font-size: 16px;
+        }
+        .form-signin .form-control:focus {
+            z-index: 2;
+        }
+        .form-signin input[type="email"] {
+            margin-bottom: -1px;
+            border-bottom-right-radius: 0;
+            border-bottom-left-radius: 0;
+        }
+        .form-signin input[type="password"] {
+            margin-bottom: 10px;
+            border-top-left-radius: 0;
+            border-top-right-radius: 0;
+        }
+    </style>
+
+</head>
+<body class="text-center">
+<form class="form-signin">
+    <h1 class="h3 mb-3 font-weight-normal">邮箱IMAP工具</h1>
+    <label for="inputServer" class="sr-only">IMAP服务器:</label>
+    <input type="email" id="inputServer" class="form-control" placeholder="IMAP服务器" required autofocus>
+    <label for="inputEmail" class="sr-only">邮箱地址:</label>
+    <input type="email" id="inputEmail" class="form-control" placeholder="邮箱地址" required autofocus>
+    <label for="inputPassword" class="sr-only">密码:</label>
+    <input type="password" id="inputPassword" class="form-control" placeholder="密码" required>
+
+    <button class="btn btn-lg btn-primary btn-block" type="submit">登陆</button>
+    <p class="mt-5 mb-3 text-muted">&copy; 2020</p>
+</form>
+</body>
+</html>
+