to:sync
This commit is contained in:
shaoyongjun
parent
a7d08b3633
commit
469fcceb4d
@ -44,9 +44,24 @@
|
||||
<script>
|
||||
async function toLogin() {
|
||||
try {
|
||||
const response = await fetch('http://127.0.0.1:8080');
|
||||
const body = await response.text();
|
||||
document.body.innerHTML = body
|
||||
let response = await fetch('/v1/user/login', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json;charset=utf-8'
|
||||
},
|
||||
body: JSON.stringify({
|
||||
account: document.getElementById('myAccount').value,
|
||||
password: document.getElementById('myPwd').value
|
||||
})
|
||||
});
|
||||
|
||||
let result = await response.json()
|
||||
console.log(result)
|
||||
if (result.code === 0 && result.data !== undefined) {
|
||||
console.log('登录成功');
|
||||
localStorage.setItem("token", result.data.token);
|
||||
// alert(localStorage.getItem("token"))
|
||||
}
|
||||
} catch (error) {
|
||||
console.log('Request Failed', error);
|
||||
alert("系统异常，请稍后再试");
|
||||
|
||||
299
static/mylomen.html
Normal file
299
static/mylomen.html
Normal file
@ -0,0 +1,299 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>mylomen</title>
|
||||
|
||||
<style type="text/css">
|
||||
/* 字体 */
|
||||
:root {
|
||||
/* font-size: calc(0.5em + 1vw); */
|
||||
font-size: 62.5%;
|
||||
}
|
||||
|
||||
#myMask {
|
||||
position: fixed;
|
||||
/* background-color: green;*/
|
||||
background-color: gray;
|
||||
/* background-color:#f8f7fa; */
|
||||
opacity: 50%;
|
||||
z-index: 100;
|
||||
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
.myPopWindow4Login {
|
||||
display: -webkit-inline-flex;
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
-webkit-box-align: center;
|
||||
|
||||
position: fixed;
|
||||
width: 36rem;
|
||||
min-height: 45rem;
|
||||
top: calc(5%);
|
||||
left: calc(50% - 18rem);
|
||||
z-index: 101;
|
||||
|
||||
background-color: white;
|
||||
padding: 1rem 1rem;
|
||||
border-radius: 5%;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.myPopWindow4Login form p {
|
||||
position: relative;
|
||||
width: 26rem;
|
||||
border-radius: 2.5rem;
|
||||
padding: 1rem 1.5rem;
|
||||
box-shadow: inset 0.2rem 0.5rem 1rem rgba(0, 0, 0, 0.1),
|
||||
inset -2px -5px 10px rgba(255, 255, 255, 1),
|
||||
1.5rem 1.5rem 1rem rgba(0, 0, 0, 0.05), 1.5rem 1rem 1.5rem rgba(0, 0, 0, 0.025);
|
||||
}
|
||||
|
||||
.myPopWindow4Login form input {
|
||||
width: 100%;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
|
||||
.myPopWindow4Login form input[type="submit"] {
|
||||
/* color: #fff; */
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.myPopWindow4Login ul li {
|
||||
float: left;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
padding-right: 1.6rem;
|
||||
}
|
||||
|
||||
.myPopWindow4Login .myAgree {
|
||||
height: 2rem;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.myPopWindow4Login form {
|
||||
display: -webkit-inline-flex;
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.myheader-item {
|
||||
margin: 1rem 2rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body style="display: flex; flex-direction: column;">
|
||||
|
||||
<header>
|
||||
<!-- 登录遮罩 -->
|
||||
<div id="myMaskContent" style="display: none;">
|
||||
<div id="myMask"><!-- 这是遮罩层 --></div>
|
||||
<div class="myPopWindow4Login">
|
||||
<h1>账号登录</h1>
|
||||
<form method="post" autocomplete="off" onsubmit="return false">
|
||||
<p>
|
||||
<input type="text" style="display: none; visibility: hidden;" />
|
||||
<input type="text" id="myAccount" name="account" maxlength="26" placeholder="用户名/邮箱">
|
||||
</p>
|
||||
<p>
|
||||
<input id="myPwd" type="password" maxlength="26" placeholder="密码">
|
||||
</p>
|
||||
<a href="#" style="align-self:flex-end; font-size: 1.4rem;" target="_blank">忘记密码</a>
|
||||
<p>
|
||||
<input type="submit" value="登录/注册" onclick="toLogin()">
|
||||
</p>
|
||||
</form>
|
||||
|
||||
<p
|
||||
style="border-left: 8.8rem solid rgb(146, 146, 156); border-right:8.8rem solid rgb(146, 146, 156);margin:4rem 0px 0px; color: rgb(146, 146, 156); line-height: 1px;">
|
||||
第三方快捷登录
|
||||
</p>
|
||||
|
||||
<ul style=" display: -webkit-inline-flex; display: inline-flex;align-items: center; width:30rem">
|
||||
<li>
|
||||
<a style="display: block; background: url(https://passport.baidu.com/passApi/img/bd-acc-qzone.png) no-repeat center center / 100% 100%;;height: 28px; padding-left: 28px;"
|
||||
href="#" title="qq账号">
|
||||
<!-- QQ -->
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a style="display: block;background: url(https://passport.baidu.com/passApi/img/bd-acc-weixin.png) no-repeat center center / 100% 100% ;height: 28px; padding-left: 28px;"
|
||||
href="#" title="微信">
|
||||
<!-- 微信 -->
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="myAgree">
|
||||
登录/注册表示同意
|
||||
<a target="_blank" href="">服务条款</a>
|
||||
和
|
||||
<a target="_blank" href="/v1/static/page/privacy2.html" rel="">隐私协议</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 页头部分 -->
|
||||
<div style="display: flex; justify-content:flex-end; font-size: 1.6rem;">
|
||||
<div class="myheader-item" style=" padding: 0.6rem;border-radius: 1rem;">
|
||||
Mylomen.com
|
||||
</div>
|
||||
<a class="myheader-item" href="#" style=" padding: 0.6rem;border-radius: 1rem;color:rgb(29, 29, 31);">
|
||||
更新日志
|
||||
</a>
|
||||
<div class="myheader-item" style=" padding: 0.6rem;border-radius: 1rem;">｜</div>
|
||||
<div style=" display: -webkit-inline-flex;display: inline-flex;flex-direction: column;">
|
||||
<a id="goToLogin" class="myheader-item" href="#" onclick="goToLogin()"
|
||||
style=" padding: 0.6rem;border-radius: 1rem; background-color: #f8f7fa;color:rgb(29, 29, 31);">
|
||||
登录/注册
|
||||
</a>
|
||||
<!-- 用户信息下拉弹框 -->
|
||||
<div id="myInfo" style="position: fixed; z-index: 101; display: none; background-color: white; margin-top: 5rem;
|
||||
right: 3rem;border-radius: 5%;
|
||||
border:1px solid #ece5e5;
|
||||
width:15rem;padding: 0.5rem 1rem;">
|
||||
<!-- <h2>昵称</h2>
|
||||
<p></p>
|
||||
<p>
|
||||
账号设置
|
||||
</p>
|
||||
<p></p> -->
|
||||
<p>
|
||||
<a onclick="myLogout()" class="myheader-item" href="#"
|
||||
style="padding: 0.6rem;border-radius: 1rem;color:rgb(29, 29, 31);">
|
||||
退出登录
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section style="min-height: 800px; background-color: #f8f7fa;">
|
||||
|
||||
</section>
|
||||
|
||||
<footer style="display: flex; justify-content:center; height: 80%; font-size: 1.5rem; background-color:black;">
|
||||
<p>
|
||||
<a style="color:rgb(201, 201, 206);text-decoration:none;" href="https://beian.miit.gov.cn/" target="_blank"
|
||||
rel="nofollow">
|
||||
沪ICP备18034819号 |
|
||||
</a>
|
||||
<a style="color:rgb(201, 201, 206);text-decoration:none;" href="https://beian.mps.gov.cn/" target="_blank"
|
||||
rel="nofollow">
|
||||
<i class="police-ico"></i>
|
||||
沪公网安备31011302007198号
|
||||
</a>
|
||||
</p>
|
||||
</footer>
|
||||
</body>
|
||||
<script type="text/javascript">
|
||||
|
||||
window.onload = function () {
|
||||
let token = localStorage.getItem("token")
|
||||
console.log(token)
|
||||
let nickname = localStorage.getItem("nickname")
|
||||
console.log(nickname)
|
||||
if (token !== undefined && token !==null && nickname !== undefined && nickname !== null) {
|
||||
//设置昵称
|
||||
if (nickname.length > 8) {
|
||||
document.getElementById("goToLogin").innerText = nickname.slice(0, 7) + "..."
|
||||
} else {
|
||||
document.getElementById("goToLogin").innerText = nickname
|
||||
}
|
||||
//修改事件
|
||||
document.getElementById("goToLogin").setAttribute('onclick', 'goToMyLogout()')
|
||||
//隐藏弹框
|
||||
document.getElementById("myMaskContent").style.display = "none"
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function goToLogin() {
|
||||
document.getElementById("myMaskContent").style.display = "block"
|
||||
}
|
||||
|
||||
|
||||
function goToMyLogout() {
|
||||
let myTag4show = document.getElementById("myInfo").getAttribute('myTag4show')
|
||||
// console.log(myTag4show);
|
||||
if (myTag4show === undefined || myTag4show === null || myTag4show === "0") {
|
||||
document.getElementById("myInfo").setAttribute('myTag4show', 1)
|
||||
document.getElementById("myInfo").style.display = "block"
|
||||
} else {
|
||||
document.getElementById("myInfo").setAttribute('myTag4show', 0)
|
||||
document.getElementById("myInfo").style.display = "none"
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function myLogout() {
|
||||
localStorage.removeItem("token")
|
||||
localStorage.removeItem("nickname")
|
||||
location.reload()
|
||||
document.getElementById("myInfo").style.display = "none"
|
||||
}
|
||||
|
||||
|
||||
async function toLogin() {
|
||||
console.log(123)
|
||||
try {
|
||||
let response = await fetch('/v1/user/login', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json;charset=utf-8'
|
||||
},
|
||||
body: JSON.stringify({
|
||||
account: document.getElementById('myAccount').value,
|
||||
password: document.getElementById('myPwd').value
|
||||
})
|
||||
})
|
||||
|
||||
let result = await response.json()
|
||||
console.log(result)
|
||||
if (result.code === 0 && result.data !== undefined) {
|
||||
console.log('登录成功')
|
||||
localStorage.setItem("token", result.data.token)
|
||||
localStorage.setItem("nickname", result.data.nickname)
|
||||
// alert(localStorage.getItem("token"))
|
||||
|
||||
//设置昵称
|
||||
if (result.data.nickname.length > 8) {
|
||||
document.getElementById("goToLogin").innerText = result.data.nickname.slice(0, 7) + "..."
|
||||
} else {
|
||||
document.getElementById("goToLogin").innerText = result.data.nickname
|
||||
}
|
||||
//修改事件
|
||||
document.getElementById("goToLogin").setAttribute('onclick', 'goToMyLogout()')
|
||||
//隐藏弹框
|
||||
document.getElementById("myMaskContent").style.display = "none"
|
||||
} else {
|
||||
alert(result.msg)
|
||||
}
|
||||
} catch (error) {
|
||||
console.log('Request Failed', error)
|
||||
alert("系统异常，请稍后再试")
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
</html>
|
||||
@ -13,7 +13,7 @@ func Favicon(c echo.Context) error {
|
||||
func Login(c echo.Context) error {
|
||||
c.Response().Header().Set("Cache-Control", "max-age=3600")
|
||||
|
||||
return c.Blob(http.StatusOK, "text/html; charset=utf-8", pageMap["login_shuidi.html"])
|
||||
return c.Blob(http.StatusOK, "text/html; charset=utf-8", pageMap["mylomen.html"])
|
||||
}
|
||||
|
||||
func Chat(c echo.Context) error {
|
||||
@ -46,11 +46,11 @@ func Chat3(c echo.Context) error {
|
||||
|
||||
func InitStaticGroup(g *echo.Group) {
|
||||
|
||||
g.GET("login.html", func(c echo.Context) error {
|
||||
g.GET("mylomen.html", func(c echo.Context) error {
|
||||
c.Response().Header().Set("Content-Type", "text/html; charset=utf-8")
|
||||
c.Response().Header().Set("Cache-Control", "max-age=3600")
|
||||
|
||||
return c.Blob(http.StatusOK, "text/html; charset=utf-8", pageMap["login_shuidi_v2.html"])
|
||||
return c.Blob(http.StatusOK, "text/html; charset=utf-8", pageMap["mylomen.html"])
|
||||
})
|
||||
|
||||
g.GET("css/:name", func(c echo.Context) error {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user