Java精品项目瑞吉外卖之登陆的完善与退出功能篇

Java精品项目瑞吉外卖之登陆的完善与退出功能篇

概述

本教程旨在介绍Java精品项目瑞吉外卖中登陆的完善与退出功能的实现，包括登陆功能的实现，退出功能的实现以及必要的测试。

登陆功能的实现

1. 前端页面设计

登陆页面需要设计一个表单，包含账号和密码两个输入框，以及一个登陆按钮，具体代码如下：

<form>
  <label for="username">账号</label>
  <input type="text" id="username" name="username"><br><br>
  <label for="password">密码</label>
  <input type="password" id="password" name="password"><br><br>
  <button type="submit" id="loginBtn">登陆</button>
</form>

2. 后端代码实现

后端代码需要实现验证用户输入的账号和密码是否正确，并将用户信息存储到Session中。具体代码如下：

@PostMapping("/login")
public String login(@RequestParam("username") String username, @RequestParam("password") String password, HttpSession session){
    // 验证账号密码是否正确
    User user = userService.getUserByUserName(username);
    if (user != null && user.getPassword().equals(password)) {
        session.setAttribute("user", user);
        return "redirect:/home"; // 登陆成功，跳转到首页
    } else {
        return "redirect:/login?error=true"; // 登陆失败，重新跳转到登陆页面并提示错误信息
    }
}

3. 测试方法

1. 在登陆页面，输入正确的账号密码，点击登陆按钮。
2. 页面跳转到首页。

退出功能的实现

1. 布局和UI设计

退出功能需要在首页上实现一个“退出”按钮，具体代码如下：

<a href="/logout" id="logoutBtn">退出</a>

2. 后端代码实现

后端代码需要清除Session中的用户信息。具体代码如下：

@GetMapping("/logout")
public String logout(HttpSession session){
    session.invalidate(); // 清除Session
    return "redirect:/login"; // 退出成功后跳转到登陆页面
}

3. 测试方法

1. 在首页，点击“退出”按钮。
2. 页面跳转到登陆页面。

示例说明

示例1：正确的账号密码登陆

1. 在登陆页面，输入正确的账号密码，例如账号“admin”，密码“123456”，点击登陆按钮。
2. 页面跳转到首页。

示例2：退出登陆

1. 在首页，点击“退出”按钮。
2. 页面跳转到登陆页面。

结论

以上为Java精品项目瑞吉外卖中登陆的完善与退出功能的实现。通过本教程的学习，你可以了解到登陆和退出功能的具体实现方式，并可以根据自己的需求进行相应的修改，进一步提高项目的易用性和扩展性。