當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

CRM-登录功能实现

發布時間：2024/1/18 编程问答 31 豆豆

生活随笔收集整理的這篇文章主要介紹了 CRM-登录功能实现小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

接上一篇搭建Mybatis逆向工程

要實現的頁面：

1. 登錄功能實現Mapper層

上一篇在Mybatis逆向工程中配置Dao層的存放路徑，放在了com.lyx.settings.mapper路徑下，打開這個包，可以看到UserMapper.java類，
在類中添加selectUserByLoginActAndPwd()方法

User selectUserByLoginActAndPwd(Map<String,Object> map);

因為需要兩個參數，所以使用Map集合做參數

在映射文件UserMapper.xml文件中添加如下

controller層給的map參數的key值必須與#{LoginAct}和#{LoginPwd}同名

<select id="selectUserByLoginActAndPwd" parameterType="map" resultMap="BaseResultMap">select<include refid="Base_Column_List"/>from tbl_userwhere u_login_act=#{LoginAct} and u_login_pwd=#{LoginPwd}</select>

2. 登錄功能實現Service層

在com.lyx.settings.service下新建接口UserService，新建impl包，定義UserServiceImpl實現UserService接口

UserServiceImpl代碼：

添加注解@Service(“userService”)

添加UserMapper屬性，在UserMapper屬性上添加@Autowired注解

方法返回值如下

@Service("userService") public class UserServiceImpl implements UserService {@Autowiredprivate UserMapper userMapper;@Overridepublic User queryUserByLoginActAndPwd(Map<String, Object> map) {return userMapper.selectUserByLoginActAndPwd(map);} }

3. 登錄功能實現Controller層

3.1 判斷用戶名和密碼

打開在com.lyx.settings.web.controller包下UserController.java

在實現首頁功能時就已經創建了UserController.java

里面有個toLogin()方法跳轉到login.jsp頁面

添加login()方法

在返回值前并添加@ResponseBody注解，解析為json字符串

調用Service層方法去數據庫里面查找該用戶：添加UserService屬性，在該屬性上添加@Autowired注解

提前定義一個ReturnObject.java類，里面給3個屬性：

判斷用戶名和密碼是否正確，就是看能不能查到，如果查不到，把剛剛定義的returnObject的code屬性設置為0，message屬性設置為“用戶名或密碼錯誤”，返回returnObject

3.2 用戶名密碼正確，再判斷

即

User user = userService.queryUserByLoginActAndPwd(map);

user不為空
說明查到了數據，下面判斷user的其他值

3.2.1 是否過期

判斷user的uExpireTime屬性

把當前時間格式化成“yyyy-MM-dd HH:mm:ss”的形式

SimpleDateFormat sdf = new SimpleDateFormat(); String format = sdf.format(new Date());

format.compareTo(user.getuExpireTime())

3.2.2 是否失效

判斷user的uLockState屬性

“0”.equals(user.getuLockState())

3.2.3 ip地址是否受限

判斷user的uAllowIps屬性

獲取當前ip地址

request.getRemoteAddr();

user.getuAllowIps().contain()是否包含當前ip地址

user.getuAllowIps().contains(request.getRemoteAddr())

3.2 Contants類

定義一個Contants類，把上面出現的“0”和“1”替換成變量

package com.lyx.commons.contants;public class Contants {//保存ReturnObject類中的Code值public static final String RETURN_OBJECT_CODE_SUCCESS="1";public static final String RETURN_OBJECT_CODE_FAIL="0"; }

4. 實現Login.jsp頁面

Username和Password輸入框、登錄按鈕、checkbox都添加id，$(“#LoginAct”)獲取

beforeSend: function () {}當ajax向后臺發送請求之前，會自動執行本函數該函數的返回值能夠決定ajax是否真正向后臺發送請求；如果該函數返回true，則ajax會正在向后臺發送請求，否則，如果該函數返回false則ajax放棄向后臺發送請求

beforeSend: function () {$("#msg").text("正在努力驗證....");return true; }

5. 完整代碼

5.1 controller層

package com.lyx.settings.web.controller;import com.lyx.commons.contants.Contants; import com.lyx.commons.domain.ReturnObject; import com.lyx.settings.domain.User; import com.lyx.settings.service.UserService; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.ResponseBody; import org.springframework.web.bind.annotation.RestController;import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpSession; import java.text.SimpleDateFormat; import java.util.Date; import java.util.HashMap; import java.util.Map;@Controller public class UserController {@Autowiredprivate UserService userService;@RequestMapping("/settings/qx/user/toLogin.do")public String toLogin() {return "settings/qx/user/login";}@RequestMapping("/settings/qx/user/login.do")public @ResponseBody Object login(String loginAct, String loginPwd, String isRemPwd, HttpServletRequest request) {//封裝參數Map<String, Object> map = new HashMap<>();map.put("LoginAct", loginAct);map.put("LoginPwd", loginPwd);//調用service層方法User user = userService.queryUserByLoginActAndPwd(map);ReturnObject returnObject = new ReturnObject();if (user == null) {//登錄失敗，用戶名或密碼錯誤returnObject.setCode(Contants.RETURN_OBJECT_CODE_FAIL);returnObject.setMessage("用戶名或密碼錯誤");} else {SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");String format = simpleDateFormat.format(new Date());if (format.compareTo(user.getuExpireTime()) > 0) {//登錄失敗，賬號已經過期了returnObject.setCode(Contants.RETURN_OBJECT_CODE_FAIL);returnObject.setMessage("賬號已過期");} else if ("0".equals(user.getuLockState())) {//登錄失敗，狀態被鎖定returnObject.setCode(Contants.RETURN_OBJECT_CODE_FAIL);returnObject.setMessage("狀態被鎖定");} else if(!user.getuAllowIps().contains(request.getRemoteAddr())){//判斷當前用戶的ip地址是不是包含在數據庫表里的u_allow_ips//不包含，登錄失敗，ip受限制returnObject.setCode(Contants.RETURN_OBJECT_CODE_FAIL);returnObject.setMessage("ip受限制");}else{returnObject.setCode(Contants.RETURN_OBJECT_CODE_SUCCESS);//把user保存到session作用域中HttpSession session = request.getSession();session.setAttribute(Contants.SESSION_USER,user);}}return returnObject;} }

5.2. login.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %> <%String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath() + "/"; %> <html lang="en"> <head><base href="<%=basePath%>"><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" type="text/css" href="jquery/bootstrap-3.4.1/dist/css/bootstrap.min.css"/><script type="text/javascript" src="jquery/jquery-3.5.1.js"></script><script type="text/javascript" src="jquery/bootstrap-3.4.1/dist/js/bootstrap.min.js"></script><script type="text/javascript">$(function () {$("#loginBtn").click(function () {//trim()去除空格let loginAct1 = $.trim($("#loginAct").val());let loginPwd1 = $.trim($("#loginPwd").val());//attr獲取屬性值，獲取不到值是true或者false的屬性值，例如checkbox，selected，readonly，disabled// $("#isRemPwd").attr("")//prop()專門用來獲取值是true或者false的函數let isRemPwd1 = $("#isRemPwd").prop("checked")//表單數據if (loginAct1 == "" || loginPwd1 == "") {alert("Username or Password can't be null!!");return;}$.ajax({url: "settings/qx/user/login.do",data: {loginAct: loginAct1,loginPwd: loginPwd1,isRemPwd: isRemPwd1},type: "post",dataType: "json",success: function (ret) {if (ret.code == "1") {window.location.href = "/workbench/index.do";//跳轉到controller，不能直接跳轉到靜態頁面} else {$("#msg").html(ret.message);}},beforeSend: function () {//當ajax向后臺發送請求之前，會自動執行本函數該函數的返回值能夠決定ajax是否真正向后臺發送請求：//如果該函數返回true，則ajax會正在向后臺發送請求，否則，如果該函數返回false則ajax放棄向后臺發送請求$("#msg").text("正在努力驗證....");return true;}})});})</script> </head> <body> <div style="position: relative;background-color: black"><img src="image/xanadu.jpg" style="width: 50%;height: 100%;"><div style="position:absolute;top:10px;right:5px;width: 50%;float: right;"><div class="modal-dialog" role="document" style="width: 80%;"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><spanaria-hidden="true">×</span></button><h4 class="modal-title">登錄</h4></div><form class="form-horizontal"><div class="modal-body"><div class="form-group"><label for="inputEmail3" class="col-sm-2 control-label">Username</label><div class="col-sm-10"><input id="loginAct" name="loginAct" type="text" class="form-control" id="inputEmail3"placeholder="Username"></div></div><div class="form-group"><label for="inputPassword3" class="col-sm-2 control-label">Password</label><div class="col-sm-10"><input id="loginPwd" name="loginPwd" type="password" class="form-control"id="inputPassword3" placeholder="Password"></div></div><div class="form-group"><div class="col-sm-offset-2 col-sm-10"><div class="checkbox"><label><input id="isRemPwd" name="isRemPwd" type="checkbox"> Remember me</label></div></div></div><div class="form-group"><div class="col-sm-offset-2 col-sm-10"><button id="loginBtn" type="button" class="btn btn-default">Login in</button></div></div><div><span style="color: red" id="msg"></span></div></div></form></div></div></div> </div> </body> </html>

總結

以上是生活随笔為你收集整理的CRM-登录功能实现的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

功能
CRM

上一篇：企业+员工能力评价
下一篇：厦门大学考研真题笔记：334新闻与传播专