liuminjian 4 anni fa
parent
commit
603942f314
5 ha cambiato i file con 46 aggiunte e 40 eliminazioni
  1. +2
    -2
      index.html
  2. +4
    -4
      static/js/common/main.js
  3. +5
    -5
      static/js/project/index.js
  4. +26
    -26
      static/js/project/user/login.js
  5. +9
    -3
      user/login.html

+ 2
- 2
index.html Vedi File

@@ -41,7 +41,7 @@
</div>

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

+ 4
- 4
static/js/common/main.js Vedi File

@@ -18,7 +18,7 @@ requirejs.config({

//自己写的路径配置
Tools: 'common/tools',
API : 'api/index' //所有Ajax存放地
addressApi: 'api/index' //所有Ajax存放地
},
shim: {
bootstrap: {
@@ -43,13 +43,13 @@ requirejs.config({
});

//所有页面都需要的js,先行加载
require(['jquery','nprogress',"API"]);
require(['jquery', 'nprogress', 'addressApi']);

require(["jquery"], function ($) {
//ajax加载页面跳转
$(document).ajaxStart(function(){
$(document).ajaxStart(function () {
$('.loading').show();
}).ajaxStop(function(){
}).ajaxStop(function () {
$('.loading').hide();
});
//根据条件加载不同js文件


+ 5
- 5
static/js/project/index.js Vedi File

@@ -9,21 +9,21 @@ define(['jquery', "template", "Tools"], function ($, template, Tools) {
isAdmin: true,
list: ['测试', '测试2', '测试3', '测试4', '测试4']
},
userData:{} //用户信息
userData: {} //用户信息
};
var tools = new Tools();
module.init = function (page) {
//template.js demo案例
var exampleMian = template('example-mian-dom', module.initData);
$("#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;
var userInfoMian = template('userinfo-main-dom', module.userData);
$("#userinfo-main").html(userInfoMian);


+ 26
- 26
static/js/project/user/login.js Vedi File

@@ -3,38 +3,38 @@
* Created by liuminjian on 2021/4/5.
*
*/
define(['jquery', "Tools"], function ($, Tools) {
define(['jquery', "Tools"], function ($, Tools) {
//数据存储
var module = {
uuid:'' //验证码uuid
uuid: '' //验证码uuid
};
//自定义公共方法
var tools = new Tools();
//默认进入页面加载方法
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 = 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.login = function () {
if(module.check()){
module.login = function () {
if (module.check()) {
var data = {};
var usernameVal = $('#username').val();
var passwordVal = $('#password').val();
@@ -43,44 +43,44 @@
data['password'] = passwordVal;
data['code'] = codeVal;
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 passwordVal = $('#password').val();
var codeVal = $('#code').val();
/* 手机号 */
if(usernameVal==''){
if (usernameVal == '') {
$('#username')[0].focus()
tools.initTips('请输入用户名','right',$('#username')[0],2000)
tools.initTips('请输入用户名', 'right', $('#username')[0], 2000)
return false;
}
/* 密码 */
if(passwordVal ==''){
if (passwordVal == '') {
$('#password')[0].focus()
tools.initTips('请输入密码','right',$('#password')[0],2000)
tools.initTips('请输入密码', 'right', $('#password')[0], 2000)
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()
tools.initTips('请输入正确格式密码','right',$('#password')[0],2000)
tools.initTips('请输入正确格式密码', 'right', $('#password')[0], 2000)
return false;
}
/*图形验证码*/
if(module.uuid=='' || codeVal==''){
if (module.uuid == '' || codeVal == '') {
$('#code')[0].focus()
tools.initTips('请输入图形验证码','right',$('#code')[0],2000)
tools.initTips('请输入图形验证码', 'right', $('#code')[0], 2000)
return false;
}
return true;
}
//登录校验
module.loginData = function(data){
if(data.code==500){
module.loginData = function (data) {
if (data.code == 500) {
module.verificationCode()
}else{
tools.setCookie('Admin-Token', data.token,24*60*60)
} else {
tools.setCookie('Admin-Token', data.token, 24 * 60 * 60)
tools.skip('/')
}
}


+ 9
- 3
user/login.html Vedi File

@@ -11,7 +11,11 @@
<link href="/static/css/main.css" rel="stylesheet" type="text/css" />
<style>
/* 临时代码-删 */
.login-main{padding-top: 100px; width: 400px; margin:0 auto}
.login-main {
padding-top: 100px;
width: 400px;
margin: 0 auto
}
</style>
</head>

@@ -20,11 +24,13 @@
<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="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>
</div>
</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>

</html>

Caricamento…
Annulla
Salva