原文位址: http://www.work100.net/training/monolithic-project-iot-cloud-admin-login.html 更多教程: 光束雲 - 免費課程
背景登入
序号 | 文内章節 | 視訊 |
---|---|---|
1 | 删除無用代碼 | - |
2 | 改造iot-cloud-commons項目 | |
3 | 修改AuthManagerMapper.xml映射檔案 | |
4 | 修改AuthManagerDao接口 | |
5 | 修改AuthManagerService接口 | |
6 | 修改AuthManagerServiceImpl實作 | |
7 | 改造LoginController | |
8 | 改造login.jsp | |
9 | 改造攔截器 | |
10 | 測試運作 | |
11 | 執行個體源碼 |
請參照如上
章節導航
進行閱讀
1.删除無用代碼
因為案例将采用資料庫存儲,故需要删除以前用于模拟資料的相關代碼。
-
項目下,删除iot-cloud-domain
類User
-
iot-cloud-web-admin
接口UserDao
-
iot-cloud-web-admin
實作類及上層包UserDaoImpl
impl
-
iot-cloud-web-admin
UserService
-
iot-cloud-web-admin
實作類UserServiceImpl
2.改造iot-cloud-commons項目
ConstantUtils
工具類
ConstantUtils
修改
net.work100.training.stage2.iot.cloud.commons.constant
包下
ConstantUtils
工具類,代碼如下:
package net.work100.training.stage2.iot.cloud.commons.constant;
/**
* <p>Title: ConstantUtils</p>
* <p>Description: </p>
* <p>Url: http://www.work100.net/training/monolithic-project-iot-cloud-admin.html</p>
*
* @author liuxiaojun
* @date 2020-02-22 16:20
* ------------------- History -------------------
* <date> <author> <desc>
* 2020-02-22 liuxiaojun 初始建立
* -----------------------------------------------
*/
public class ConstantUtils {
public static final String SESSION_MANAGER = "manager";
public static final String COOKIE_MANAGER_REMEMBER = "manager_remember";
public static final String COOKIE_MANAGER_USERNAME = "manager_username";
}
CookieUtils
CookieUtils
包
net.work100.training.stage2.iot.cloud.commons.utils
下新增
CookieUtils
package net.work100.training.stage2.iot.cloud.commons.utils;
import javax.servlet.http.Cookie;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.UnsupportedEncodingException;
import java.net.URLDecoder;
import java.net.URLEncoder;
/**
* <p>Title: CookieUtils</p>
* <p>Description: </p>
* <p>Url: http://www.work100.net/training/monolithic-project-iot-cloud-admin.html</p>
*
* @author liuxiaojun
* @date 2020-02-15 11:36
* ------------------- History -------------------
* <date> <author> <desc>
* 2020-02-15 liuxiaojun 初始建立
* -----------------------------------------------
*/
public final class CookieUtils {
/**
* 得到Cookie的值(不解碼)
*
* @param request 請求
* @param cookieName Cookie名稱
* @return
*/
public static String getCookieValue(HttpServletRequest request, String cookieName) {
return getCookieValue(request, cookieName, false);
}
/**
* 得到Cookie的值
*
* @param request 請求
* @param cookieName Cookie名稱
* @param isDecoder 是否解碼
* @return
*/
public static String getCookieValue(HttpServletRequest request, String cookieName, boolean isDecoder) {
Cookie[] cookieList = request.getCookies();
if (cookieList == null || cookieName == null) {
return null;
}
String retValue = null;
try {
for (int i = 0; i < cookieList.length; i++) {
if (cookieList[i].getName().equals(cookieName)) {
if (isDecoder) {
retValue = URLDecoder.decode(cookieList[i].getValue(), "UTF-8");
} else {
retValue = cookieList[i].getValue();
}
break;
}
}
} catch (UnsupportedEncodingException e) {
e.printStackTrace();
}
return retValue;
}
/**
* 得到Cookie的值
*
* @param request 請求
* @param cookieName Cookie名稱
* @param encodeString 編碼格式
* @return
*/
public static String getCookieValue(HttpServletRequest request, String cookieName, String encodeString) {
Cookie[] cookieList = request.getCookies();
if (cookieList == null || cookieName == null) {
return null;
}
String retValue = null;
try {
for (int i = 0; i < cookieList.length; i++) {
if (cookieList[i].getName().equals(cookieName)) {
retValue = URLDecoder.decode(cookieList[i].getValue(), encodeString);
break;
}
}
} catch (UnsupportedEncodingException e) {
e.printStackTrace();
}
return retValue;
}
/**
* 設定Cookie的值 不設定生效時間預設浏覽器關閉即失效,也不編碼
*
* @param request 請求
* @param response 響應
* @param cookieName Cookie名稱
* @param cookieValue Cookie值
*/
public static void setCookie(HttpServletRequest request, HttpServletResponse response, String cookieName, String cookieValue) {
setCookie(request, response, cookieName, cookieValue, -1);
}
/**
* 設定Cookie的值 在指定時間内生效,但不編碼
*
* @param request 請求
* @param response 響應
* @param cookieName Cookie名稱
* @param cookieValue Cookie值
* @param cookieMaxAge cookie生效的最大秒數
*/
public static void setCookie(HttpServletRequest request, HttpServletResponse response, String cookieName, String cookieValue, int cookieMaxAge) {
setCookie(request, response, cookieName, cookieValue, cookieMaxAge, false);
}
/**
* 設定Cookie的值 不設定生效時間
*
* @param request 請求
* @param response 響應
* @param cookieName Cookie名稱
* @param cookieValue Cookie值
* @param isEncode 是否編碼
*/
public static void setCookie(HttpServletRequest request, HttpServletResponse response, String cookieName, String cookieValue, boolean isEncode) {
setCookie(request, response, cookieName, cookieValue, -1, isEncode);
}
/**
* 設定Cookie的值 在指定時間内生效, 編碼參數
*
* @param request 請求
* @param response 響應
* @param cookieName Cookie名稱
* @param cookieValue Cookie值
* @param cookieMaxAge cookie生效的最大秒數
* @param isEncode 是否編碼
*/
public static void setCookie(HttpServletRequest request, HttpServletResponse response, String cookieName, String cookieValue, int cookieMaxAge, boolean isEncode) {
doSetCookie(request, response, cookieName, cookieValue, cookieMaxAge, isEncode);
}
/**
* 設定Cookie的值 在指定時間内生效, 編碼參數(指定編碼)
*
* @param request 請求
* @param response 響應
* @param cookieName Cookie名稱
* @param cookieValue Cookie值
* @param cookieMaxAge cookie生效的最大秒數
* @param encodeString 編碼格式
*/
public static void setCookie(HttpServletRequest request, HttpServletResponse response, String cookieName, String cookieValue, int cookieMaxAge, String encodeString) {
doSetCookie(request, response, cookieName, cookieValue, cookieMaxAge, encodeString);
}
/**
* 删除Cookie帶cookie域名
*
* @param request 請求
* @param response 響應
* @param cookieName Cookie名稱
*/
public static void deleteCookie(HttpServletRequest request, HttpServletResponse response, String cookieName) {
doSetCookie(request, response, cookieName, "", -1, false);
}
/**
* 設定Cookie的值,并使其在指定時間内生效
*
* @param request 請求
* @param response 響應
* @param cookieName Cookie名稱
* @param cookieValue Cookie值
* @param cookieMaxAge cookie生效的最大秒數
* @param isEncode 是否編碼
*/
private static final void doSetCookie(HttpServletRequest request, HttpServletResponse response, String cookieName, String cookieValue, int cookieMaxAge, boolean isEncode) {
try {
if (cookieValue == null) {
cookieValue = "";
} else if (isEncode) {
cookieValue = URLEncoder.encode(cookieValue, "utf-8");
}
Cookie cookie = new Cookie(cookieName, cookieValue);
if (cookieMaxAge > 0) {
cookie.setMaxAge(cookieMaxAge);
}
if (null != request) {
// 設定域名的cookie
String domainName = getDomainName(request);
if (!"localhost".equals(domainName)) {
cookie.setDomain(domainName);
}
}
cookie.setPath("/");
response.addCookie(cookie);
} catch (Exception e) {
e.printStackTrace();
}
}
/**
* 設定Cookie的值,并使其在指定時間内生效
*
* @param request 請求
* @param response 響應
* @param cookieName Cookie名稱
* @param cookieValue Cookie值
* @param cookieMaxAge cookie生效的最大秒數
* @param encodeString 編碼格式
*/
private static final void doSetCookie(HttpServletRequest request, HttpServletResponse response, String cookieName, String cookieValue, int cookieMaxAge, String encodeString) {
try {
if (cookieValue == null) {
cookieValue = "";
} else {
cookieValue = URLEncoder.encode(cookieValue, encodeString);
}
Cookie cookie = new Cookie(cookieName, cookieValue);
if (cookieMaxAge > 0)
cookie.setMaxAge(cookieMaxAge);
if (null != request) {
// 設定域名的cookie
String domainName = getDomainName(request);
if (!"localhost".equals(domainName)) {
cookie.setDomain(domainName);
}
}
cookie.setPath("/");
response.addCookie(cookie);
} catch (Exception e) {
e.printStackTrace();
}
}
/**
* 得到cookie的域名
*
* @param request 請求
* @return
*/
private static final String getDomainName(HttpServletRequest request) {
String domainName = null;
String serverName = request.getRequestURL().toString();
if (serverName == null || serverName.equals("")) {
domainName = "";
} else {
serverName = serverName.toLowerCase();
serverName = serverName.substring(7);
final int end = serverName.indexOf("/");
serverName = serverName.substring(0, end);
final String[] domains = serverName.split("\\.");
int len = domains.length;
if (len > 3) {
// www.xxx.com.cn
domainName = "." + domains[len - 3] + "." + domains[len - 2] + "." + domains[len - 1];
} else if (len <= 3 && len > 1) {
// xxx.com or xxx.cn
domainName = "." + domains[len - 2] + "." + domains[len - 1];
} else {
domainName = serverName;
}
}
if (domainName != null && domainName.indexOf(":") > 0) {
String[] ary = domainName.split("\\:");
domainName = ary[0];
}
return domainName;
}
}
因依賴
CookieUtils
包,是以将
javax.servlet:javax.servlet-api
項目下對
iot-cloud-web-admin
的依賴移動到
javax.servlet:javax.servlet-api
項目下。
iot-cloud-commons
3.修改AuthManagerMapper.xml映射檔案
在
AuthManagerMapper.xml
映射檔案中新增
getByUserName
查詢,用于通過
UserName
擷取使用者資訊,代碼如下:
<select id="getByUserName" resultType="AuthManager">
SELECT
<include refid="authManagerColumns" />
FROM
auth_manager AS a
WHERE
a.user_name = #{userName}
</select>
4.修改AuthManagerDao接口
AuthManagerDao
接口,增加
getByUserName
方法,代碼如下:
/**
* 擷取賬戶對象
*
* @param userName 使用者名
* @return
*/
AuthManager getByUserName(String userName);
5.修改AuthManagerService接口
AuthManagerService
login
/**
* 登入驗證
*
* @param userName 使用者名
* @param password 密碼
* @return
*/
AuthManager login(String userName, String password);
6.修改AuthManagerServiceImpl實作
AuthManagerServiceImpl
實作,增加
login
方法的實作,代碼如下:
@Override
public AuthManager login(String userName, String password) {
AuthManager authManager = authManagerDao.getByUserName(userName);
if (authManager != null && authManager.getStatus() == 1) {
// 驗證密碼,如果驗證通過,則傳回使用者資訊
if (EncryptionUtils.validateEncryptPassword(password, authManager.getPassword())) {
return authManager;
}
}
return null;
}
7.改造LoginController
改造
LoginController
類,通過
authManagerService
來實作管理背景登入,并完成記住我功能(記住我含義:記住使用者名),代碼如下:
package net.work100.training.stage2.iot.cloud.web.admin.web.controller;
import net.work100.training.stage2.iot.cloud.commons.constant.ConstantUtils;
import net.work100.training.stage2.iot.cloud.commons.utils.CookieUtils;
import net.work100.training.stage2.iot.cloud.domain.AuthManager;
import net.work100.training.stage2.iot.cloud.web.admin.service.AuthManagerService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
* <p>Title: LoginController</p>
* <p>Description: </p>
* <p>Url: http://www.work100.net/training/monolithic-frameworks-spring-mvc-maven-module.html</p>
*
* @author liuxiaojun
* @date 2020-02-22 16:15
* ------------------- History -------------------
* <date> <author> <desc>
* 2020-02-22 liuxiaojun 初始建立
* -----------------------------------------------
*/
@Controller
public class LoginController {
@Autowired
private AuthManagerService authManagerService;
/**
* 登入頁面
*
* @return
*/
@RequestMapping(value = {"", "login"}, method = RequestMethod.GET)
public String login(HttpServletRequest request, Model model) {
boolean isRemember = "on".equals(CookieUtils.getCookieValue(request, ConstantUtils.COOKIE_MANAGER_REMEMBER));
if (isRemember) {
String userName = CookieUtils.getCookieValue(request, ConstantUtils.COOKIE_MANAGER_USERNAME);
model.addAttribute("remember", isRemember);
model.addAttribute("userName", userName);
}
return "login";
}
/**
* 登入邏輯
*
* @param userName 使用者名
* @param password 登入密碼
* @return
*/
@RequestMapping(value = "login", method = RequestMethod.POST)
public String login(@RequestParam(required = true) String userName,
@RequestParam(required = true) String password,
@RequestParam(required = false) String remember,
Model model,
HttpServletRequest request,
HttpServletResponse response) {
boolean isRemember = "on".equalsIgnoreCase(remember);
AuthManager authManager = authManagerService.login(userName, password);
// 登入成功
if (authManager != null) {
// 處理記住我功能(記住使用者名)
if (isRemember) {
// Cookie 存儲一周
CookieUtils.setCookie(request, response, ConstantUtils.COOKIE_MANAGER_REMEMBER, "on", 7 * 24 * 60 * 60);
CookieUtils.setCookie(request, response, ConstantUtils.COOKIE_MANAGER_USERNAME, userName, 7 * 24 * 60 * 60);
} else {
// 删除 Cookie
CookieUtils.deleteCookie(request, response, ConstantUtils.COOKIE_MANAGER_REMEMBER);
CookieUtils.deleteCookie(request, response, ConstantUtils.COOKIE_MANAGER_USERNAME);
}
// 将登入資訊記入Session
request.getSession().setAttribute(ConstantUtils.SESSION_MANAGER, authManager);
return "redirect:/main";
}
// 登入失敗
else {
model.addAttribute("userName", userName);
model.addAttribute("remember", isRemember);
model.addAttribute("message", "使用者名或者密碼錯誤!");
return "login";
}
}
/**
* 登入登出
*
* @param request
* @return
*/
@RequestMapping(value = "logout", method = RequestMethod.GET)
public String logout(HttpServletRequest request) {
request.getSession().invalidate();
return "redirect:/login";
}
}
8.改造login.jsp
login.jsp
頁面的
form
表單部分,代碼如下:
<form action="/login" method="post">
<div class="input-group mb-3">
<input name="userName" type="text" class="form-control" placeholder="使用者名" value="${userName}">
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-user"></span>
</div>
</div>
</div>
<div class="input-group mb-3">
<input name="password" type="password" class="form-control" placeholder="登入密碼">
<div class="input-group-append">
<div class="input-group-text">
<span class="fas fa-lock"></span>
</div>
</div>
</div>
<div class="row">
<div class="col-8">
<div class="icheck-primary">
<input type="checkbox" id="remember" name="remember" ${remember?"checked":""}>
<label for="remember">
記住我
</label>
</div>
</div>
<!-- /.col -->
<div class="col-4">
<button type="submit" class="btn btn-primary btn-block">登入</button>
</div>
<!-- /.col -->
</div>
</form>
9.改造攔截器
為了區分背景和前台使用者的
Session
及
Cookie
,我們修改了對應
Session
Cookie
的
ID
,是以要調整攔截器的代碼。
LoginInterceptor
package net.work100.training.stage2.iot.cloud.web.admin.web.interceptor;
import net.work100.training.stage2.iot.cloud.commons.constant.ConstantUtils;
import net.work100.training.stage2.iot.cloud.domain.AuthManager;
import org.springframework.web.servlet.HandlerInterceptor;
import org.springframework.web.servlet.ModelAndView;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
* <p>Title: LoginInterceptor</p>
* <p>Description: </p>
* <p>Url: http://www.work100.net/training/monolithic-project-iot-cloud-admin.html</p>
*
* @author liuxiaojun
* @date 2020-02-20 16:22
* ------------------- History -------------------
* <date> <author> <desc>
* 2020-02-20 liuxiaojun 初始建立
* -----------------------------------------------
*/
public class LoginInterceptor implements HandlerInterceptor {
@Override
public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
System.out.println("LoginInterceptor");
AuthManager authManager = (AuthManager) request.getSession().getAttribute(ConstantUtils.SESSION_MANAGER);
// 未登入
if (authManager == null) {
response.sendRedirect("/login");
}
// 為 true 時放行,進入 postHandle
return true;
}
@Override
public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {
}
@Override
public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {
}
}
PermissionInterceptor
package net.work100.training.stage2.iot.cloud.web.admin.web.interceptor;
import net.work100.training.stage2.iot.cloud.commons.constant.ConstantUtils;
import net.work100.training.stage2.iot.cloud.domain.AuthManager;
import org.springframework.web.servlet.HandlerInterceptor;
import org.springframework.web.servlet.ModelAndView;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
* <p>Title: PermissionInterceptor</p>
* <p>Description: </p>
* <p>Url: http://www.work100.net/training/monolithic-project-iot-cloud-admin.html</p>
*
* @author liuxiaojun
* @date 2020-02-20 21:16
* ------------------- History -------------------
* <date> <author> <desc>
* 2020-02-20 liuxiaojun 初始建立
* -----------------------------------------------
*/
public class PermissionInterceptor implements HandlerInterceptor {
@Override
public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
System.out.println("PermissionInterceptor");
return true;
}
@Override
public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {
if (modelAndView != null && "login".equals(modelAndView.getViewName())) {
AuthManager authManager = (AuthManager) request.getSession().getAttribute(ConstantUtils.SESSION_MANAGER);
if (authManager != null) {
response.sendRedirect("/main");
}
}
}
@Override
public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {
}
}
10.測試運作
單元測試
AuthManagerServiceTest
單元測試檔案中增加測試方法,代碼如下:
@Test
public void testLogin()
{
String userName = "xiaojun.liu";
String password = "123456";
AuthManager authManager = authManagerService.login(userName, password);
Assert.assertNotNull(authManager);
}
運作 testLogin
方法,預期将測試成功
重新配置
Tomcat
,并啟動運作,登入頁面如下:

輸入使用者名及密碼,預設管理者賬戶為:
使用者名 | 密碼 |
---|---|
xiaojun.liu | 123456 |
然後,驗證登入、退出、以及記住我等功能。
11.執行個體源碼
執行個體源碼已經托管到如下位址:
- https://github.com/work100-net/training-stage2/tree/master/iot-cloud3 https://github.com/work100-net/training-stage2/tree/master/iot-cloud3
- https://gitee.com/work100-net/training-stage2/tree/master/iot-cloud3 https://gitee.com/work100-net/training-stage2/tree/master/iot-cloud3
上一篇:
概覽下一篇:
首頁布局如果對課程内容感興趣,可以掃碼關注我們的或
公衆号
,及時關注我們的課程更新
QQ群