| @@ -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> | ||||