SpringBoot?+?layui?框架實(shí)現(xiàn)一周免登陸功能示例詳解
要實(shí)現(xiàn)一周免登錄功能，您可以使用Spring Boot和Layui框架配合完成。以下是一種可能的實(shí)現(xiàn)方式：
創(chuàng)建一個(gè)名為User的實(shí)體類(lèi)，用于表示用戶信息，其中包含用戶的用戶名和密碼等字段，以及用于標(biāo)記用戶是否選擇一周免登陸的rememberMe字段。
@Entity
@Table(name = "users")
public class User implements Serializable {
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
private Long id;
@Column(unique = true, nullable = false)
private String username;
@Column(nullable = false)
private String password;
private boolean rememberMe;
// Getters and Setters
// ...
}創(chuàng)建一個(gè)名為UserRepository的接口，用于對(duì)User實(shí)體進(jìn)行數(shù)據(jù)庫(kù)操作。
@Repository
public interface UserRepository extends JpaRepository<User, Long> {
User findByUsername(String username);
}創(chuàng)建一個(gè)名為UserService的服務(wù)類(lèi)，用于處理用戶相關(guān)的業(yè)務(wù)邏輯。在這個(gè)類(lèi)中，添加一個(gè)方法用于驗(yàn)證用戶的登錄，并根據(jù)用戶是否選擇一周免登陸來(lái)設(shè)置相關(guān)的Cookie。
@Service
public class UserService {
private UserRepository userRepository;
@Autowired
public void setUserRepository(UserRepository userRepository) {
this.userRepository = userRepository;
}
public boolean login(String username, String password, boolean rememberMe, HttpServletResponse response) {
User user = userRepository.findByUsername(username);
if (user != null && user.getPassword().equals(password)) {
if (rememberMe) {
// 設(shè)置一周免登陸的Cookie，有效期為7天
Cookie cookie = new Cookie("rememberMe", "true");
cookie.setMaxAge(7 * 24 * 60 * 60); // 7天的秒數(shù)
cookie.setPath("/");
response.addCookie(cookie);
user.setRememberMe(true);
userRepository.save(user);
}
return true;
}
return false;
}
}創(chuàng)建一個(gè)名為L(zhǎng)oginController的控制器類(lèi)，用于處理用戶登錄的請(qǐng)求。
@Controller
public class LoginController {
private UserService userService;
@Autowired
public void setUserService(UserService userService) {
this.userService = userService;
}
@RequestMapping("/login")
public String login(String username, String password, boolean rememberMe, HttpServletResponse response) {
if (userService.login(username, password, rememberMe, response)) {
return "redirect:/home"; // 登錄成功后跳轉(zhuǎn)到主頁(yè)
}
return "redirect:/login?error"; // 登錄失敗跳轉(zhuǎn)回登錄頁(yè)面，并帶上錯(cuò)誤參數(shù)
}
}在對(duì)應(yīng)的登錄頁(yè)面中使用Layui框架的表單組件，將用戶名、密碼和記住我選項(xiàng)組織成一個(gè)表單，并向LoginController的登錄請(qǐng)求發(fā)送POST請(qǐng)求。
<!DOCTYPE html>
<html>
<head>
<title>登錄</title>
<!-- 引入Layui的相關(guān)資源 -->
<link rel="stylesheet" >
<script src="https://cdn.staticfile.org/layui/2.5.4/layui.min.js"></script>
</head>
<body>
<div class="layui-container">
<form class="layui-form" action="/login" method="post">
<div class="layui-form-item">
<label class="layui-form-label">用戶名</label>
<div class="layui-input-block">
<input type="text" name="username" lay-verify="required" autocomplete="off" placeholder="請(qǐng)輸入用戶名" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">密碼</label>
<div class="layui-input-block">
<input type="password" name="password" lay-verify="required" autocomplete="off" placeholder="請(qǐng)輸入密碼" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<input type="checkbox" name="rememberMe" title="記住我" lay-skin="primary">
<button class="layui-btn" lay-submit lay-filter="formDemo">登錄</button>
</div>
</div>
</form>
</div>
<script>
layui.use(['form'], function() {
var form = layui.form;
// 表單驗(yàn)證
form.verify({
required: function(value, item) {
if(value.length < 1) {
return '該項(xiàng)不能為空';
}
}
});
// 監(jiān)聽(tīng)表單提交
form.on('submit(formDemo)', function(data) {
// 獲取表單數(shù)據(jù)并提交
var username = data.field.username;
var password = data.field.password;
var rememberMe = data.field.rememberMe === 'on';
// 發(fā)送AJAX請(qǐng)求提交登錄表單
$.ajax({
url: '/login',
type: 'POST',
data: {
username: username,
password: password,
rememberMe: rememberMe
},
success: function(res) {
// 登錄成功后的邏輯處理
if (res.success) {
window.location.href = '/home';
} else {
layer.msg(res.message, {icon: 2});
}
},
error: function() {
layer.msg('服務(wù)器錯(cuò)誤', {icon: 2});
}
});
return false; // 阻止表單提交
});
});
</script>
</body>
</html>在上述代碼中，我們使用了Layui的form模塊進(jìn)行表單的驗(yàn)證和提交。form.verify()函數(shù)用于定義表單字段的驗(yàn)證規(guī)則，這里只提供了一個(gè)required規(guī)則作為示例。
form.on(‘submit(formDemo)’, function(data) {})函數(shù)用于監(jiān)聽(tīng)表單提交事件，并在提交時(shí)使用AJAX發(fā)送登錄請(qǐng)求。提交成功后，根據(jù)服務(wù)器的響應(yīng)進(jìn)行相應(yīng)的處理。
到此這篇關(guān)于SpringBoot + layui 框架實(shí)現(xiàn)一周免登陸功能的文章就介紹到這了,更多相關(guān)SpringBoot layui框架免登錄內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
springBoot+dubbo+zookeeper實(shí)現(xiàn)分布式開(kāi)發(fā)應(yīng)用的項(xiàng)目實(shí)踐
本文主要介紹了springBoot+dubbo+zookeeper實(shí)現(xiàn)分布式開(kāi)發(fā)應(yīng)用的項(xiàng)目實(shí)踐，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要介紹了logback 自定義Pattern模板教程，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2021-07-07
這篇文章主要介紹了Maven本地jar引用的實(shí)現(xiàn)方法的相關(guān)資料,希望通過(guò)本文能幫助到大家，實(shí)現(xiàn)這樣的功能，需要的朋友可以參考下2017-10-10
Java?靜態(tài)機(jī)制之靜態(tài)變量、方法、代碼塊與類(lèi)加載深入理解
本文全面解析了Java中static關(guān)鍵字的特性與應(yīng)用,靜態(tài)機(jī)制使成員與類(lèi)本身關(guān)聯(lián),包括靜態(tài)變量（存儲(chǔ)在方法區(qū),所有對(duì)象共享）、靜態(tài)方法（可通過(guò)類(lèi)名直接調(diào)用,不能訪問(wèn)實(shí)例成員）和靜態(tài)代碼塊（類(lèi)加載時(shí)執(zhí)行）,感興趣的朋友跟隨小編一起看看吧2025-11-11
Java中的for循環(huán)結(jié)構(gòu)及實(shí)例
這篇文章主要介紹了Java中的for循環(huán)結(jié)構(gòu)及實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-01-01
SpringBoot整合MongoDB完整實(shí)例代碼
本文主要介紹了SpringBoot整合MongoDB完整實(shí)例，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-02-02
SpringBoot+Netty+WebSocket實(shí)現(xiàn)消息發(fā)送的示例代碼
這篇文章主要介紹了SpringBoot+Netty+WebSocket實(shí)現(xiàn)消息發(fā)送的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09
學(xué)會(huì)Pulsar Consumer的使用方式
這篇文章主要介紹了Pulsar Consumer的使用方式，全文使用大量的代碼來(lái)做了詳細(xì)的講解，感興趣的小伙伴可以參考一下這篇文章，希望讀完能對(duì)你有很大的幫助2021-08-08
這篇文章主要為大家詳細(xì)介紹了OpenCV實(shí)現(xiàn)反閾值二值化，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11
這篇文章主要介紹了新手入門(mén)JavaScript的的相關(guān)資料，文中講解非常細(xì)致，代碼幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2021-08-08