从 0 开始实现一个博客系统 (SSM 项目)(下)

简介: 从 0 开始实现一个博客系统 (SSM 项目)

230538145191451c96dcb99460a20141.png 从 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;
    }
}


230538145191451c96dcb99460a20141.png


目录
相关文章
|
11天前
|
前端开发 JavaScript Java
计算机Java项目|SSM智能仓储系统
计算机Java项目|SSM智能仓储系统
|
5天前
|
前端开发
杨校老师之基于SSM开发的校园点餐配送系统
杨校老师之基于SSM开发的校园点餐配送系统
13 0
杨校老师之基于SSM开发的校园点餐配送系统
|
11天前
|
前端开发 JavaScript Java
计算机Java项目|SSM酒店客房预定管理系统
计算机Java项目|SSM酒店客房预定管理系统
|
5天前
|
前端开发 Java
基于SSM框架的手机商城项目
基于SSM框架的手机商城项目
11 0
|
5天前
|
前端开发 JavaScript Java
杨校老师项目之基于SSM大学生创新创业项目管理系统
杨校老师项目之基于SSM大学生创新创业项目管理系统
17 0
|
5天前
|
前端开发 Java 关系型数据库
杨校老师项目之基于SSM企业物流快递配送管理系统
杨校老师项目之基于SSM企业物流快递配送管理系统
18 0
|
5天前
|
前端开发 Java 关系型数据库
杨校老师项目之基于SSM社区疫情防控人员访客登记报备平台
杨校老师项目之基于SSM社区疫情防控人员访客登记报备平台
10 0
|
5天前
|
Java 关系型数据库 MySQL
基于Java和SSM框架的多人命题系统
基于Java和SSM框架的多人命题系统
|
11天前
|
前端开发 JavaScript Java
计算机Java项目|SSM实验室课程管理系统
计算机Java项目|SSM实验室课程管理系统
|
18天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的大学生校园兼职附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的大学生校园兼职附带文章和源代码部署视频讲解等
41 8