从 0 开始实现一个博客系统 (SSM 项目)(上):https://developer.aliyun.com/article/1520795
Mapper 类
通过 MyBatis 操作数据库
BlogMapper
@Mapper public interface BlogMapper { // 查询博客列表 @Select("select * from blog where delete_flag = 0 order by create_time desc") List<BlogInfo> selectAllBlog(); // 根据博客 ID, 查询博客信息 @Select("select * from blog where delete_flag = 0 and id = #{blogId}") BlogInfo selectById(@Param("blogId") Integer blogId); // 根据博客 ID, 修改/删除 博客信息 Integer updateBlog(BlogInfo blogInfo); // 插入博客 @Insert("insert into blog(title, content, user_id) values(#{blogInfo.title}, #{blogInfo.content}, #{blogInfo.userId})") Integer insertBlog(@Param("blogInfo") BlogInfo blogInfo); }
数据库操作 blog 表
UserMapper
@Mapper public interface UserMapper { // 根据用户名, 查询用户信息 @Select("select * from user where user_name = #{userName} and delete_flag = 0") UserInfo selectByName(@Param("userName") String userName); // 根据用户 ID, 查询用户信息 @Select("select * from user where id = #{userId} and delete_flag = 0") UserInfo selectById(@Param("userId") Integer userId); }
数据库操作 user 表
用户登录页
登录功能
登录页面点击登录按钮后, 触发 controller 层的 login 接口
@Autowired private UserService userService; // 登录接口 @RequestMapping("/login") public Result login(String userName, String password) { // 1.对参数进行校验 // 2.对密码进行校验 // 3.如果校验成功, 生成 token if(!StringUtils.hasLength(userName) || !StringUtils.hasLength(password)) { // throw new UnsupportedOperationException("用户名或密码不能为空"); return Result.fail("用户名或密码不能为空"); } // 获取用户信息 UserInfo userInfo = userService.queryUserByName(userName); if(userInfo == null || userInfo.getId() <= 0) { return Result.fail("用户不存在"); } // 密码校验 if(!SecurityUtils.verify(password, userInfo.getPassword())) { return Result.fail("密码错误"); } // 用户信息正确, 生成 token Map<String, Object> claim = new HashMap<>(); claim.put(Constant.USER_CLAIM_ID, userInfo.getId()); claim.put(Constant.USER_CLAIM_NAME, userInfo.getUserName()); return Result.success(JWTUtils.getToken(claim)); }
login 接口先对前端数据进行判空校验, 然后根据用户名 查询数据库中是否有对应的信息, 将获取信息与输入信息进行比对, 返回登录判定信息 (登录成功生成 token 令牌)
获取用户信息:
密码校验:
生成 token 令牌:
用户注销
用户注销是个前端功能
在 common.js 里面
function logout() { localStorage.removeItem("user_token"); location.href = "blog_login.html"; }
博客列表页
博客列表页获取所有未删除博客的信息进行展示
调用接口 getList
@Autowired private BlogService blogService; @RequestMapping("/getList") public List<BlogInfo> queryBlogList() { return blogService.queryBlogList(); }
博客列表页左侧登录用户信息栏, 获取当前登录用户的信息进行展示
调用接口 getUserInfo
@RestController @RequestMapping("/user") public class UserController { @Autowired private UserService userService; // 获取当前登录用户的信息 @RequestMapping("/getUserInfo") public UserInfo getUserInfo(HttpServletRequest request) { // 1. 获取 token, 从 token 中获取 ID String user_token = request.getHeader(Constant.USER_TOKEN_HEADER); Integer userId = JWTUtils.getUserIdFromToken(user_token); // 2. 根据 ID, 获取用户信息 if(userId == null || userId <= 0) { return null; } UserInfo userInfo =userService.queryUserByID(userId); userInfo.setPassword(""); return userInfo; } }
博客详情页
博客详情页右侧获取博客详情信息
调用接口 getBlogDetail
@Slf4j @RestController @RequestMapping("/blog") public class BlogController { @Autowired private BlogService blogService; // 根据博客id获取博客信息 @RequestMapping("/getBlogDetail") public BlogInfo getBlogDetail(Integer blogId, HttpServletRequest request) { BlogInfo blogInfo = blogService.getBlogDetail(blogId); // 获取登录用户信息 String user_token = request.getHeader(Constant.USER_TOKEN_HEADER); Integer userId = JWTUtils.getUserIdFromToken(user_token); // 判断登录用户是否为作者 if(userId != null && userId == blogInfo.getUserId()) { blogInfo.setIsLoginUser(true); }else { blogInfo.setIsLoginUser(false); } return blogInfo; } }
博客详情页左侧获取博客作者信息
调用接口 getAuthorInfo
@RestController @RequestMapping("/user") public class UserController { @Autowired private UserService userService; // 根据博客 ID, 获取作者信息 @RequestMapping("/getAuthorInfo") public UserInfo getAuthorInfo(Integer blogId) { // 校验博客 ID 是否正确 if(blogId == null || blogId <= 0) { return null; } UserInfo userInfo = userService.queryAuthorInfoByBlogId(blogId); userInfo.setPassword(""); return userInfo; } }
博客详情页中, 编辑和删除功能
调用接口 update & delete
@Slf4j @RestController @RequestMapping("/blog") public class BlogController { @Autowired private BlogService blogService; // 编辑博客 @RequestMapping("/update") public Boolean update(Integer blogId, String title, String content) { log.error("blogId:{}, title:{}, content:{}", blogId, title, content); if(blogId == null || !StringUtils.hasLength(title) || !StringUtils.hasLength(content)) { log.error("update, 参数非法"); return false; } BlogInfo blogInfo = new BlogInfo(); blogInfo.setId(blogId); blogInfo.setTitle(title); blogInfo.setContent(content); log.error("blogInfo:{}", blogInfo); Integer result = blogService.updateBlog(blogInfo); if(result < 1) return false; return true; } // 删除博客(逻辑删除) @RequestMapping("/delete") public Boolean delete(Integer blogId) { BlogInfo blogInfo = new BlogInfo(); blogInfo.setId(blogId); blogInfo.setDeleteFlag(1); log.error("blogInfo:{}", blogInfo); Integer result = blogService.updateBlog(blogInfo); if(result < 1) return false; return true; } }
博客编辑页
博客撰写后存入数据库
调用接口 add
@Slf4j @RestController @RequestMapping("/blog") public class BlogController { @Autowired private BlogService blogService; // 添加博客 @RequestMapping("/add") public Boolean publishBlog(String title, String content, HttpServletRequest request) { // 1.参数校验 if(!StringUtils.hasLength(title) || !StringUtils.hasLength(content)) { return false; } // 2.获取当前用户 String user_token = request.getHeader(Constant.USER_TOKEN_HEADER); Integer userId = JWTUtils.getUserIdFromToken(user_token); if(userId == null || userId <= 0) { return false; } // 3.博客发布 BlogInfo blogInfo = new BlogInfo(); blogInfo.setUserId( userId); blogInfo.setContent(content); blogInfo.setTitle(title); Integer result = blogService.publishBlog(blogInfo); return result<=0 ? false:true; } }