wz框架登入功能詳解 demo1

這篇文章不是為了介紹怎麼使用，而是分析已存在的登入流程，以及之後再正式開發時要做的相應調整。

wz框架（先幫技術大大宣傳一下）

介紹：wz框架介紹原文線上體驗：線上體驗github：vue-framework-wz

年初做集團內部專案的時候開始正式應用vue，在簡單看過**之後覺得方便開發，便修修改改。因為技術大大本身是用mock模擬的，所以在專案開發的時候，還要對登入這部份進行調整。再看過**之後，整理出登入所設計的**流程。對於大牛來說沒必要看，但對於小白開發來說，還是要了解一下，尤其是對於我這種渾身發黑，技術發白的小白，更有必要。

開始！這就是科技感爆棚的登入頁 ↓↓↓

// 郵箱登入loginbyemail(, userinfo) ).catch(error => );
});},

3=>src/api/login.js

import fetch from 'utils/fetch';
export functionloginbyemail(email, password) ;
return fetch();
}

4=>src/mock/index.js（mock模擬資料所以進入mock檔案）

import mock from 'mockjs';
importloginapifrom './login';
// 登入相關
mock.mock(/\/login\/loginbyemail/, 'post',loginapi.loginbyemail);
mock.mock(/\/login\/logout/, 'post', loginapi.logout);
mock.mock(/\/user\/info\.*/, 'get', loginapi.getinfo);
export default mock;

5=>src/mock/login.js

import  from 'utils';
const usermap = ,
editor: ,
developer: 
}export default = json.parse(config.body);
console.log(json.parse(config.body),"登陸資訊");return usermap[email.split('@')[0]];},
getinfo: config => = param2obj(config.url);
if (usermap[token]) else 
},logout: () => 'success'
};

返回的是該資料

admin: ,

6=>src/store/modules/user.js

loginbyemail(, userinfo) ).catch(error => );
});},

存入token，登入完成

7=>src/login.js（用來做跳轉許可權判斷）

import router from './router'
import store from './store'
import vue from 'vue'
import nprogress from 'nprogress' //progress 進度條
import 'nprogress/nprogress.css' //progress 進度條樣式
// permissiom judge
function haspermission(roles, permissionroles) 
//next()和next('***')是不一樣的，區別就是前者不會再次呼叫router.beforeeach()，後者會！！！
const whitelist = ['/login', '/authredirect']; //不重定向白名單
router.beforeeach((to, from, next) => );
} else ).then(() => ) //hack方法 確保addroutes已完成
})}).catch(() => )
})})
} else else })}}
}} else else 
}});router.aftereach(() => );

今天這樣把，明天整理退出

PHP實現登入功能DEMO

php實現登入的原理是什麼呢？就是利用session實現的，使用者訪問系統會自動在伺服器生成乙個session檔案，這個session可以用來儲存使用者的登入資訊。好了，這是基本儲備，我們下面來實現登入功能吧！第一步建立登入表單 php登入表單第二步接收登入資訊並判斷是否使用者名稱密碼正確...

開源框架bboss單點登入demo跑起來

目前公司新專案要使用乙個開源框架bboss的單點登入功能，要將此功能整合到新系統中去，所以我就學習了一下。然後在cmd中切換到安裝的目錄，輸入redis server redis.windows.conf 出現下圖，則啟動成功。首先修改相應的redis的配置檔案，開啟解壓縮目錄找到session和s...

利用SSH框架實現使用者登入功能

由於是登入功能，要用到表單，所以相應的就要用到actionform，寫乙個類，繼承於actionform類，由於已經有乙個pojo物件了，所以不用再寫eneity物件。直接在裡面例項化乙個pojo物件user，並提供set 與get 方法。如下 private user user new user ...

wz框架登入功能詳解 demo1

PHP實現登入功能DEMO

開源框架bboss單點登入demo跑起來

利用SSH框架實現使用者登入功能

相關推薦