ssm框架前后端分离登录功能
时间: 2024-05-05 12:14:12 浏览: 12
在SSM框架的前后端分离登录功能中,需要实现前端页面的输入和后端的逻辑处理。在后端处理过程中,需要对前端传来的数据进行校验,并将校验结果以JSON格式返回给前端。
1.前端部分[^2]
```html
<template>
<div>
<!-- 输入账号 -->
<el-form-item label="账号">
<el-input v-model="username"></el-input>
</el-form-item>
<!-- 输入密码 -->
<el-form-item label="密码">
<el-input type="password" v-model="password"></el-input>
</el-form-item>
<!-- 点击登录按钮 -->
<el-form-item>
<el-button type="primary" @click="login">登录</el-button>
</el-form-item>
</div>
</template>
```
2.后端部分[^1]
```java
@RestController
@RequestMapping(value = "/api")
public class LoginController {
@Autowired
private UserService userService;
@PostMapping(value = "/login")
public Object login(String username, String password) {
if (StringUtils.isEmpty(username) || StringUtils.isEmpty(password)) {
return ResponseResult.error("用户名或密码不能为空");
}
User user = userService.selectUserByUsername(username);
if (user == null) {
return ResponseResult.error("用户不存在");
}
if (!password.equals(user.getPassword())) {
return ResponseResult.error("用户名或密码错误");
}
return ResponseResult.ok("登录成功");
}
}
```
其中,`@RestController`注解表明该类是一个Controller,且每个方法的返回值都会被自动转换成JSON格式返回给前端。`@RequestMapping`注解用于映射请求路径。`@PostMapping`注解表示该方法只处理POST请求。
3.相关问题: