@@ -41,7 +41,7 @@ | |||||
</div> | </div> | ||||
</body> | </body> | ||||
<script src="./static/js/common/require.js" data-main="./static/js/common/main" id="require-page" current-page="index" | |||||
target-module="./project/index" defer type="text/javascript"></script> | |||||
<script src="./static/js/common/require.js" data-main="./static/js/common/main.js?t=101" id="require-page" | |||||
target-module="./static/js/project/index.js" defer type="text/javascript"></script> | |||||
</html> | </html> |
@@ -18,7 +18,7 @@ requirejs.config({ | |||||
//自己写的路径配置 | //自己写的路径配置 | ||||
Tools: 'common/tools', | Tools: 'common/tools', | ||||
API : 'api/index' //所有Ajax存放地 | |||||
addressApi: 'api/index' //所有Ajax存放地 | |||||
}, | }, | ||||
shim: { | shim: { | ||||
bootstrap: { | bootstrap: { | ||||
@@ -43,13 +43,13 @@ requirejs.config({ | |||||
}); | }); | ||||
//所有页面都需要的js,先行加载 | //所有页面都需要的js,先行加载 | ||||
require(['jquery','nprogress',"API"]); | |||||
require(['jquery', 'nprogress', 'addressApi']); | |||||
require(["jquery"], function ($) { | require(["jquery"], function ($) { | ||||
//ajax加载页面跳转 | //ajax加载页面跳转 | ||||
$(document).ajaxStart(function(){ | |||||
$(document).ajaxStart(function () { | |||||
$('.loading').show(); | $('.loading').show(); | ||||
}).ajaxStop(function(){ | |||||
}).ajaxStop(function () { | |||||
$('.loading').hide(); | $('.loading').hide(); | ||||
}); | }); | ||||
//根据条件加载不同js文件 | //根据条件加载不同js文件 | ||||
@@ -9,21 +9,21 @@ define(['jquery', "template", "Tools"], function ($, template, Tools) { | |||||
isAdmin: true, | isAdmin: true, | ||||
list: ['测试', '测试2', '测试3', '测试4', '测试4'] | list: ['测试', '测试2', '测试3', '测试4', '测试4'] | ||||
}, | }, | ||||
userData:{} //用户信息 | |||||
userData: {} //用户信息 | |||||
}; | }; | ||||
var tools = new Tools(); | var tools = new Tools(); | ||||
module.init = function (page) { | module.init = function (page) { | ||||
//template.js demo案例 | //template.js demo案例 | ||||
var exampleMian = template('example-mian-dom', module.initData); | var exampleMian = template('example-mian-dom', module.initData); | ||||
$("#example-mian").html(exampleMian); | $("#example-mian").html(exampleMian); | ||||
//获取用户信息 | //获取用户信息 | ||||
tools.doGet(getInfo_get,{},module.getInfoData) | |||||
tools.doGet(getInfo_get, {}, module.getInfoData) | |||||
}; | }; | ||||
//获取用户信息 | //获取用户信息 | ||||
module.getInfoData = function(data){ | |||||
if(data.code == 200){ | |||||
module.getInfoData = function (data) { | |||||
if (data.code == 200) { | |||||
module.userData = data.user; | module.userData = data.user; | ||||
var userInfoMian = template('userinfo-main-dom', module.userData); | var userInfoMian = template('userinfo-main-dom', module.userData); | ||||
$("#userinfo-main").html(userInfoMian); | $("#userinfo-main").html(userInfoMian); | ||||
@@ -3,38 +3,38 @@ | |||||
* Created by liuminjian on 2021/4/5. | * Created by liuminjian on 2021/4/5. | ||||
* | * | ||||
*/ | */ | ||||
define(['jquery', "Tools"], function ($, Tools) { | |||||
define(['jquery', "Tools"], function ($, Tools) { | |||||
//数据存储 | //数据存储 | ||||
var module = { | var module = { | ||||
uuid:'' //验证码uuid | |||||
uuid: '' //验证码uuid | |||||
}; | }; | ||||
//自定义公共方法 | //自定义公共方法 | ||||
var tools = new Tools(); | var tools = new Tools(); | ||||
//默认进入页面加载方法 | //默认进入页面加载方法 | ||||
module.init = function (page) { | module.init = function (page) { | ||||
//点击登录 | //点击登录 | ||||
$('#login-submit').on('click',module.login) | |||||
$('#login-submit').on('click', module.login) | |||||
//点击图形验证码 | //点击图形验证码 | ||||
$('#graphicImg').on('click',module.verificationCode) | |||||
$('#graphicImg').on('click', module.verificationCode) | |||||
//图形验证码加载 | //图形验证码加载 | ||||
module.verificationCode() | module.verificationCode() | ||||
}; | }; | ||||
/*-----------------------------自定义方法-------------------------------------*/ | /*-----------------------------自定义方法-------------------------------------*/ | ||||
//图形验证码 | //图形验证码 | ||||
module.verificationCode = function(){ | |||||
tools.doGet(captchaImage_get,{},module.verificationAjax,true) | |||||
module.verificationCode = function () { | |||||
tools.doGet(captchaImage_get, {}, module.verificationAjax, true) | |||||
} | } | ||||
module.verificationAjax = function(data){ | |||||
if(data.code==200){ | |||||
$('#graphicImg').attr('src','data:image/gif;base64,'+data.img) | |||||
module.verificationAjax = function (data) { | |||||
if (data.code == 200) { | |||||
$('#graphicImg').attr('src', 'data:image/gif;base64,' + data.img) | |||||
module.uuid = data.uuid; | module.uuid = data.uuid; | ||||
} | } | ||||
} | } | ||||
//用户登录 | //用户登录 | ||||
module.login = function () { | |||||
if(module.check()){ | |||||
module.login = function () { | |||||
if (module.check()) { | |||||
var data = {}; | var data = {}; | ||||
var usernameVal = $('#username').val(); | var usernameVal = $('#username').val(); | ||||
var passwordVal = $('#password').val(); | var passwordVal = $('#password').val(); | ||||
@@ -43,44 +43,44 @@ | |||||
data['password'] = passwordVal; | data['password'] = passwordVal; | ||||
data['code'] = codeVal; | data['code'] = codeVal; | ||||
data['uuid'] = module.uuid; | data['uuid'] = module.uuid; | ||||
tools.doPost(login_post,data,module.loginData,true) | |||||
tools.doPost(login_post, data, module.loginData, true) | |||||
} | } | ||||
}; | }; | ||||
//手动验证表单 | //手动验证表单 | ||||
module.check = function(){ | |||||
module.check = function () { | |||||
var usernameVal = $('#username').val(); | var usernameVal = $('#username').val(); | ||||
var passwordVal = $('#password').val(); | var passwordVal = $('#password').val(); | ||||
var codeVal = $('#code').val(); | var codeVal = $('#code').val(); | ||||
/* 手机号 */ | /* 手机号 */ | ||||
if(usernameVal==''){ | |||||
if (usernameVal == '') { | |||||
$('#username')[0].focus() | $('#username')[0].focus() | ||||
tools.initTips('请输入用户名','right',$('#username')[0],2000) | |||||
tools.initTips('请输入用户名', 'right', $('#username')[0], 2000) | |||||
return false; | return false; | ||||
} | } | ||||
/* 密码 */ | /* 密码 */ | ||||
if(passwordVal ==''){ | |||||
if (passwordVal == '') { | |||||
$('#password')[0].focus() | $('#password')[0].focus() | ||||
tools.initTips('请输入密码','right',$('#password')[0],2000) | |||||
tools.initTips('请输入密码', 'right', $('#password')[0], 2000) | |||||
return false; | return false; | ||||
}else if(parseInt(passwordVal.length) < 6 || parseInt(passwordVal.length) > 18){ | |||||
} else if (parseInt(passwordVal.length) < 6 || parseInt(passwordVal.length) > 18) { | |||||
$('#password')[0].focus() | $('#password')[0].focus() | ||||
tools.initTips('请输入正确格式密码','right',$('#password')[0],2000) | |||||
tools.initTips('请输入正确格式密码', 'right', $('#password')[0], 2000) | |||||
return false; | return false; | ||||
} | } | ||||
/*图形验证码*/ | /*图形验证码*/ | ||||
if(module.uuid=='' || codeVal==''){ | |||||
if (module.uuid == '' || codeVal == '') { | |||||
$('#code')[0].focus() | $('#code')[0].focus() | ||||
tools.initTips('请输入图形验证码','right',$('#code')[0],2000) | |||||
tools.initTips('请输入图形验证码', 'right', $('#code')[0], 2000) | |||||
return false; | return false; | ||||
} | } | ||||
return true; | return true; | ||||
} | } | ||||
//登录校验 | //登录校验 | ||||
module.loginData = function(data){ | |||||
if(data.code==500){ | |||||
module.loginData = function (data) { | |||||
if (data.code == 500) { | |||||
module.verificationCode() | module.verificationCode() | ||||
}else{ | |||||
tools.setCookie('Admin-Token', data.token,24*60*60) | |||||
} else { | |||||
tools.setCookie('Admin-Token', data.token, 24 * 60 * 60) | |||||
tools.skip('/') | tools.skip('/') | ||||
} | } | ||||
} | } | ||||
@@ -11,7 +11,11 @@ | |||||
<link href="/static/css/main.css" rel="stylesheet" type="text/css" /> | <link href="/static/css/main.css" rel="stylesheet" type="text/css" /> | ||||
<style> | <style> | ||||
/* 临时代码-删 */ | /* 临时代码-删 */ | ||||
.login-main{padding-top: 100px; width: 400px; margin:0 auto} | |||||
.login-main { | |||||
padding-top: 100px; | |||||
width: 400px; | |||||
margin: 0 auto | |||||
} | |||||
</style> | </style> | ||||
</head> | </head> | ||||
@@ -20,11 +24,13 @@ | |||||
<div class="login-main"> | <div class="login-main"> | ||||
<div>用户名:<input type="text" class="pass-text-input" id="username" value="admin"></div> | <div>用户名:<input type="text" class="pass-text-input" id="username" value="admin"></div> | ||||
<div>密码:<input type="text" class="pass-text-input" id="password" value="admin123"></div> | <div>密码:<input type="text" class="pass-text-input" id="password" value="admin123"></div> | ||||
<div>图形验证码:<input type="text" class="pass-text-input" id="code" value=""><img src="" id="graphicImg"/></div> | |||||
<div>图形验证码:<input type="text" class="pass-text-input" id="code" value=""><img src="" id="graphicImg" /> | |||||
</div> | |||||
<div><button class="pass-button" id="login-submit" type="submit">登录</button></div> | <div><button class="pass-button" id="login-submit" type="submit">登录</button></div> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
</body> | </body> | ||||
<script src="../static/js/common/require.js" data-main="../static/js/common/main" id="require-page" | |||||
<script src="../static/js/common/require.js" data-main="../static/js/common/main.js?t=101" id="require-page" | |||||
target-module="../static/js/project/user/login.js" defer type="text/javascript"></script> | target-module="../static/js/project/user/login.js" defer type="text/javascript"></script> | ||||
</html> | </html> |