mirror of
https://gitee.com/dromara/RuoYi-Vue-Plus.git
synced 2026-09-18 09:35:29 +08:00
sso-server 改成 前后端分离登录
This commit is contained in:
Github_lizhw
parent
61d647c069
commit
07fcbc43dd
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,2 +0,0 @@
|
|||||||
/*! layer mobile-v2.0.0 Web弹层组件 MIT License http://layer.layui.com/mobile By 贤心 */
|
|
||||||
;!function(e){"use strict";var t=document,n="querySelectorAll",i="getElementsByClassName",a=function(e){return t[n](e)},s={type:0,shade:!0,shadeClose:!0,fixed:!0,anim:"scale"},l={extend:function(e){var t=JSON.parse(JSON.stringify(s));for(var n in e)t[n]=e[n];return t},timer:{},end:{}};l.touch=function(e,t){e.addEventListener("click",function(e){t.call(this,e)},!1)};var r=0,o=["layui-m-layer"],c=function(e){var t=this;t.config=l.extend(e),t.view()};c.prototype.view=function(){var e=this,n=e.config,s=t.createElement("div");e.id=s.id=o[0]+r,s.setAttribute("class",o[0]+" "+o[0]+(n.type||0)),s.setAttribute("index",r);var l=function(){var e="object"==typeof n.title;return n.title?'<h3 style="'+(e?n.title[1]:"")+'">'+(e?n.title[0]:n.title)+"</h3>":""}(),c=function(){"string"==typeof n.btn&&(n.btn=[n.btn]);var e,t=(n.btn||[]).length;return 0!==t&&n.btn?(e='<span yes type="1">'+n.btn[0]+"</span>",2===t&&(e='<span no type="0">'+n.btn[1]+"</span>"+e),'<div class="layui-m-layerbtn">'+e+"</div>"):""}();if(n.fixed||(n.top=n.hasOwnProperty("top")?n.top:100,n.style=n.style||"",n.style+=" top:"+(t.body.scrollTop+n.top)+"px"),2===n.type&&(n.content='<i></i><i class="layui-m-layerload"></i><i></i><p>'+(n.content||"")+"</p>"),n.skin&&(n.anim="up"),"msg"===n.skin&&(n.shade=!1),s.innerHTML=(n.shade?"<div "+("string"==typeof n.shade?'style="'+n.shade+'"':"")+' class="layui-m-layershade"></div>':"")+'<div class="layui-m-layermain" '+(n.fixed?"":'style="position:static;"')+'><div class="layui-m-layersection"><div class="layui-m-layerchild '+(n.skin?"layui-m-layer-"+n.skin+" ":"")+(n.className?n.className:"")+" "+(n.anim?"layui-m-anim-"+n.anim:"")+'" '+(n.style?'style="'+n.style+'"':"")+">"+l+'<div class="layui-m-layercont">'+n.content+"</div>"+c+"</div></div></div>",!n.type||2===n.type){var d=t[i](o[0]+n.type),y=d.length;y>=1&&layer.close(d[0].getAttribute("index"))}document.body.appendChild(s);var u=e.elem=a("#"+e.id)[0];n.success&&n.success(u),e.index=r++,e.action(n,u)},c.prototype.action=function(e,t){var n=this;e.time&&(l.timer[n.index]=setTimeout(function(){layer.close(n.index)},1e3*e.time));var a=function(){var t=this.getAttribute("type");0==t?(e.no&&e.no(),layer.close(n.index)):e.yes?e.yes(n.index):layer.close(n.index)};if(e.btn)for(var s=t[i]("layui-m-layerbtn")[0].children,r=s.length,o=0;o<r;o++)l.touch(s[o],a);if(e.shade&&e.shadeClose){var c=t[i]("layui-m-layershade")[0];l.touch(c,function(){layer.close(n.index,e.end)})}e.end&&(l.end[n.index]=e.end)},e.layer={v:"2.0",index:r,open:function(e){var t=new c(e||{});return t.index},close:function(e){var n=a("#"+o[0]+e)[0];n&&(n.innerHTML="",t.body.removeChild(n),clearTimeout(l.timer[e]),delete l.timer[e],"function"==typeof l.end[e]&&l.end[e](),delete l.end[e])},closeAll:function(){for(var e=t[i](o[0]),n=0,a=e.length;n<a;n++)layer.close(0|e[0].getAttribute("index"))}},"function"==typeof define?define(function(){return layer}):function(){var e=document.scripts,n=e[e.length-1],i=n.src,a=i.substring(0,i.lastIndexOf("/")+1);n.getAttribute("merge")||document.head.appendChild(function(){var e=t.createElement("link");return e.href=a+"need/layer.css?2.0",e.type="text/css",e.rel="styleSheet",e.id="layermcss",e}())}()}(window);
|
|
||||||
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 11 KiB |
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 701 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
@ -1,59 +0,0 @@
|
|||||||
*{margin: 0; padding: 0;}
|
|
||||||
body{font-family: Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}
|
|
||||||
::-webkit-input-placeholder{color: #ccc;}
|
|
||||||
|
|
||||||
/* 视图盒子 */
|
|
||||||
.view-box{position: relative; width: 100vw; height: 100vh; overflow: hidden;}
|
|
||||||
/* 背景 EAEFF3 */
|
|
||||||
.bg-1{height: 50%; background: linear-gradient(to bottom right, #0466c5, #3496F5);}
|
|
||||||
.bg-2{height: 50%; background-color: #EAEFF3;}
|
|
||||||
|
|
||||||
/* 渐变背景 */
|
|
||||||
/*.bg-1{
|
|
||||||
background-size: 500%;
|
|
||||||
background-image: linear-gradient(125deg,#0466c5,#3496F5,#0466c5,#3496F5,#0466c5,#2496F5);
|
|
||||||
animation: bganimation 30s infinite;
|
|
||||||
}
|
|
||||||
@keyframes bganimation{
|
|
||||||
0%{background-position: 0% 50%;}
|
|
||||||
50%{background-position: 100% 50%;}
|
|
||||||
100%{background-position: 0% 50%;}
|
|
||||||
} */
|
|
||||||
/* 背景 */
|
|
||||||
.bg-1{background: #101C34;}
|
|
||||||
.bg-2{background: #101C34;}
|
|
||||||
/* .bg-1{height: 100%; background-image: url(./login-bg.png); background-size: 100% 100%;} */
|
|
||||||
|
|
||||||
|
|
||||||
/* 内容盒子 */
|
|
||||||
.content-box{position: absolute; width: 100vw; height: 100vh; top: 0px;}
|
|
||||||
|
|
||||||
/* 登录盒子 */
|
|
||||||
/* .login-box{width: 400px; height: 400px; position: absolute; left: calc(50% - 200px); top: calc(50% - 200px); max-width: 90%; } */
|
|
||||||
.login-box{width: 400px; margin: auto; max-width: 90%; height: 100%;}
|
|
||||||
.login-box{display: flex; align-items: center; text-align: center;}
|
|
||||||
|
|
||||||
/* 表单 */
|
|
||||||
.from-box{flex: 1; padding: 20px 50px; background-color: #FFF;}
|
|
||||||
.from-box{border-radius: 1px; box-shadow: 1px 1px 20px #666;}
|
|
||||||
.from-title{margin-top: 20px; margin-bottom: 30px; text-align: center;}
|
|
||||||
|
|
||||||
/* 输入框 */
|
|
||||||
.from-item{border: 0px #000 solid; margin-bottom: 15px;}
|
|
||||||
.s-input{width: 100%; line-height: 32px; height: 32px; text-indent: 1em; outline: 0; border: 1px #ccc solid; border-radius: 3px; transition: all 0.2s;}
|
|
||||||
.s-input{font-size: 12px;}
|
|
||||||
.s-input:focus{border-color: #409eff}
|
|
||||||
|
|
||||||
/* 登录按钮 */
|
|
||||||
.s-btn{ text-indent: 0; cursor: pointer; background-color: #409EFF; border-color: #409EFF; color: #FFF;}
|
|
||||||
.s-btn:hover{background-color: #50aEFF;}
|
|
||||||
|
|
||||||
/* 重置按钮 */
|
|
||||||
.reset-box{text-align: left; font-size: 12px;}
|
|
||||||
.reset-box a{text-decoration: none;}
|
|
||||||
.reset-box a:hover{text-decoration: underline;}
|
|
||||||
|
|
||||||
/* loading框样式 */
|
|
||||||
.ajax-layer-load.layui-layer-dialog{min-width: 0px !important; background-color: rgba(0,0,0,0.85);}
|
|
||||||
.ajax-layer-load.layui-layer-dialog .layui-layer-content{padding: 10px 20px 10px 40px; color: #FFF;}
|
|
||||||
.ajax-layer-load.layui-layer-dialog .layui-layer-content .layui-layer-ico{width: 20px; height: 20px; background-size: 20px 20px; top: 12px; }
|
|
||||||
@ -1,74 +0,0 @@
|
|||||||
// sa
|
|
||||||
var sa = {};
|
|
||||||
|
|
||||||
function setCookie(cname, cvalue, exdays) {
|
|
||||||
//TODO 这里需要先清理旧token，可以用jscookie包，然后sso登录还有点问题，sso的首页访问不了
|
|
||||||
var d = new Date();
|
|
||||||
d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
|
|
||||||
var expires = "expires=" + d.toGMTString();
|
|
||||||
document.cookie = cname + "=" + cvalue + "; " + expires;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 打开loading
|
|
||||||
sa.loading = function (msg) {
|
|
||||||
layer.closeAll(); // 开始前先把所有弹窗关了
|
|
||||||
return layer.msg(msg, {icon: 16, shade: 0.3, time: 1000 * 20, skin: 'ajax-layer-load'});
|
|
||||||
};
|
|
||||||
|
|
||||||
// 隐藏loading
|
|
||||||
sa.hideLoading = function () {
|
|
||||||
layer.closeAll();
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
// ----------------------------------- 登录事件 -----------------------------------
|
|
||||||
|
|
||||||
$('.login-btn').click(function () {
|
|
||||||
sa.loading("正在登录...");
|
|
||||||
// 开始登录
|
|
||||||
setTimeout(function () {
|
|
||||||
$.ajax({
|
|
||||||
url: "sso/doLogin",
|
|
||||||
type: "post",
|
|
||||||
data: {
|
|
||||||
name: $('[name=name]').val(),
|
|
||||||
pwd: $('[name=pwd]').val()
|
|
||||||
},
|
|
||||||
dataType: 'json',
|
|
||||||
success: function (res) {
|
|
||||||
console.log('返回数据：', res);
|
|
||||||
sa.hideLoading();
|
|
||||||
if (res.code == 200) {
|
|
||||||
layer.msg('登录成功', {anim: 0, icon: 6});
|
|
||||||
setCookie("Authorization", "Bearer " + res.data, 1);
|
|
||||||
setTimeout(function () {
|
|
||||||
location.reload();
|
|
||||||
}, 800)
|
|
||||||
} else {
|
|
||||||
layer.msg(res.msg, {anim: 6, icon: 2});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
error: function (xhr, type, errorThrown) {
|
|
||||||
sa.hideLoading();
|
|
||||||
if (xhr.status == 0) {
|
|
||||||
return layer.alert('无法连接到服务器，请检查网络');
|
|
||||||
}
|
|
||||||
return layer.alert("异常：" + JSON.stringify(xhr));
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}, 400);
|
|
||||||
});
|
|
||||||
|
|
||||||
// 绑定回车事件
|
|
||||||
$('[name=name],[name=pwd]').bind('keypress', function (event) {
|
|
||||||
if (event.keyCode == "13") {
|
|
||||||
$('.login-btn').click();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// 输入框获取焦点
|
|
||||||
$("[name=name]").focus();
|
|
||||||
|
|
||||||
// 打印信息
|
|
||||||
var str = "This page is provided by Sa-Token, Please refer to: " + "https://sa-token.cc/";
|
|
||||||
console.log(str);
|
|
||||||
@ -1,20 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="zh">
|
|
||||||
<head>
|
|
||||||
<title>用户中心</title>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<base th:href="@{/}" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
||||||
<link rel="stylesheet" href="./sa-res/login.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="view-box">
|
|
||||||
<p>在这里判断登录状态和获取用户信息</p>
|
|
||||||
</div>
|
|
||||||
<!-- scripts -->
|
|
||||||
<script src="./sa-res/jquery.min.js"></script>
|
|
||||||
<script src="./sa-res/layer/layer.js"></script>
|
|
||||||
<script src="./sa-res/login.js"></script>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,45 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="zh">
|
|
||||||
<head>
|
|
||||||
<title>Sa-SSO-Server 认证中心-登录</title>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<base th:href="@{/}" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
||||||
<link rel="stylesheet" href="./sa-res/login.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="view-box">
|
|
||||||
<div class="bg-1"></div>
|
|
||||||
<div class="bg-2"></div>
|
|
||||||
<div class="content-box">
|
|
||||||
<div class="login-box">
|
|
||||||
<div class="from-box">
|
|
||||||
<h2 class="from-title">Sa-SSO-Server 认证中心</h2>
|
|
||||||
<div class="from-item">
|
|
||||||
<input class="s-input" name="name" placeholder="请输入账号" />
|
|
||||||
</div>
|
|
||||||
<div class="from-item">
|
|
||||||
<input class="s-input" name="pwd" type="password" placeholder="请输入密码" />
|
|
||||||
</div>
|
|
||||||
<div class="from-item">
|
|
||||||
<button class="s-input s-btn login-btn">登录</button>
|
|
||||||
</div>
|
|
||||||
<div class="from-item reset-box">
|
|
||||||
<a href="javascript: location.reload();" >刷新</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- 底部 版权 -->
|
|
||||||
<div style="position: absolute; bottom: 40px; width: 100%; text-align: center; color: #666;">
|
|
||||||
This page is provided by Sa-Token-SSO
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- scripts -->
|
|
||||||
<script src="./sa-res/jquery.min.js"></script>
|
|
||||||
<script src="./sa-res/layer/layer.js"></script>
|
|
||||||
<script src="./sa-res/login.js"></script>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Loading…
Reference in New Issue
Block a user