• 仿牛客网项目---社区首页的开发实现

    从今天开始我们来写一个新项目，这个项目是一个完整的校园论坛的项目。主要功能模块：用户登录注册，帖子发布和热帖排行，点赞关注，发送私信，消息通知，社区搜索等。这篇文章我们先试着写一下用户的登录注册功能。

    我们做web项目，一般web项目是主要解决浏览器和服务器之间交互的问题。而浏览器和服务器是由一次一次的请求交互的。因此，任何功能都可拆解成若干次请求，其实只要掌握好每次请求的执行过程，按照步骤开发每一次请求，基本上项目就可以逐步完善起来。

    一次请求的执行过程：

    其实最好是可以把功能做拆解，第一步先实现什么效果，第二步再完善这个效果。因为你不可能一下子就一步到位写出完整的代码的，是吧？

    所以这就是我的思路，我是想着一个功能一个功能的搞定。这篇文章来搞定开发社区首页。

    首页有什么？不就是帖子，还有用户头像，还有分页嘛，因此接下来我们就实现这三个功能。

    社区首页模块大致结构

    entity文件夹：Page.java

    DAO层：DiscussionMapper

    Service层：DiscussionPostMapper

    Controller层：HomeController

    Dao层---DiscussPostMapper

    1. @Mapper
    2. public interface DiscussPostMapper {
    3.  
    4.     List selectDiscussPosts(int userId, int offset, int limit, int orderMode);
    5.  
    6.     // @Param注解用于给参数取别名,
    7.     // 如果只有一个参数,并且在里使用,则必须加别名.
    8.     int selectDiscussPostRows(@Param("userId") int userId);
    9.  
    10.     int insertDiscussPost(DiscussPost discussPost);
    11.  
    12.     DiscussPost selectDiscussPostById(int id);
    13.  
    14.     int updateCommentCount(int id, int commentCount);
    15.  
    16.     int updateType(int id, int type);
    17.  
    18.     int updateStatus(int id, int status);
    19.  
    20.     int updateScore(int id, double score);
    21.  
    22. }

    这是一个名为DiscussPostMapper的接口，用于定义帖子相关的数据库操作方法 ：

    1. selectDiscussPosts(int userId, int offset, int limit, int orderMode)：根据用户ID、偏移量、限制数量和排序方式从数据库中查询帖子列表。

    2. selectDiscussPostRows(int userId)：查询帖子总数。根据用户ID统计数据库中的帖子数量。

    3. insertDiscussPost(DiscussPost discussPost)：将帖子信息插入数据库。

    4. selectDiscussPostById(int id)：根据帖子ID从数据库中查询帖子信息。

    5. updateCommentCount(int id, int commentCount)：更新帖子的评论数量。根据帖子ID更新帖子的评论数量信息。

    6. updateType(int id, int type)：更新帖子的类型。根据帖子ID更新帖子的类型信息。

    7. updateStatus(int id, int status)：更新帖子的状态。根据帖子ID更新帖子的状态信息。

    8. updateScore(int id, double score)：更新帖子的分数。根据帖子ID更新帖子的分数信息。

    Service层---DiscussPostService

    1.  
    2.  
    3. @Service
    4. public class DiscussPostService {
    5.  
    6.     @PostConstruct
    7.     public void init() {
    8.         // 初始化帖子列表缓存
    9.         postListCache = Caffeine.newBuilder()
    10.                 .maximumSize(maxSize)
    11.                 .expireAfterWrite(expireSeconds, TimeUnit.SECONDS)
    12.                 .build(new CacheLoader>() {
    13.                     @Nullable
    14.                     @Override
    15.                     public List load(@NonNull String key) throws Exception {
    16.                         if (key == null || key.length() == 0) {
    17.                             throw new IllegalArgumentException("参数错误!");
    18.                         }
    19.  
    20.                         String[] params = key.split(":");
    21.                         if (params == null || params.length != 2) {
    22.                             throw new IllegalArgumentException("参数错误!");
    23.                         }
    24.  
    25.                         int offset = Integer.valueOf(params[0]);
    26.                         int limit = Integer.valueOf(params[1]);
    27.  
    28.                         // 二级缓存: Redis -> mysql
    29.  
    30.                         logger.debug("load post list from DB.");
    31.                         return discussPostMapper.selectDiscussPosts(0, offset, limit, 1);
    32.                     }
    33.                 });
    34.         // 初始化帖子总数缓存
    35.         postRowsCache = Caffeine.newBuilder()
    36.                 .maximumSize(maxSize)
    37.                 .expireAfterWrite(expireSeconds, TimeUnit.SECONDS)
    38.                 .build(new CacheLoader() {
    39.                     @Nullable
    40.                     @Override
    41.                     public Integer load(@NonNull Integer key) throws Exception {
    42.                         logger.debug("load post rows from DB.");
    43.                         return discussPostMapper.selectDiscussPostRows(key);
    44.                     }
    45.                 });
    46.     }
    47.  
    48.     public List findDiscussPosts(int userId, int offset, int limit, int orderMode) {
    49.         if (userId == 0 && orderMode == 1) {
    50.             return postListCache.get(offset + ":" + limit);
    51.         }
    52.  
    53.         logger.debug("load post list from DB.");
    54.         return discussPostMapper.selectDiscussPosts(userId, offset, limit, orderMode);
    55.     }
    56.  
    57.     public int findDiscussPostRows(int userId) {
    58.         if (userId == 0) {
    59.             return postRowsCache.get(userId);
    60.         }
    61.  
    62.         logger.debug("load post rows from DB.");
    63.         return discussPostMapper.selectDiscussPostRows(userId);
    64.     }
    65.  
    66.     public int addDiscussPost(DiscussPost post) {
    67.         if (post == null) {
    68.             throw new IllegalArgumentException("参数不能为空!");
    69.         }
    70.  
    71.         // 转义HTML标记
    72.         post.setTitle(HtmlUtils.htmlEscape(post.getTitle()));
    73.         post.setContent(HtmlUtils.htmlEscape(post.getContent()));
    74.         // 过滤敏感词
    75.         post.setTitle(sensitiveFilter.filter(post.getTitle()));
    76.         post.setContent(sensitiveFilter.filter(post.getContent()));
    77.  
    78.         return discussPostMapper.insertDiscussPost(post);
    79.     }
    80.  
    81.     public DiscussPost findDiscussPostById(int id) {
    82.         return discussPostMapper.selectDiscussPostById(id);
    83.     }
    84.  
    85.     public int updateCommentCount(int id, int commentCount) {
    86.         return discussPostMapper.updateCommentCount(id, commentCount);
    87.     }
    88.  
    89.     public int updateType(int id, int type) {
    90.         return discussPostMapper.updateType(id, type);
    91.     }
    92.  
    93.     public int updateStatus(int id, int status) {
    94.         return discussPostMapper.updateStatus(id, status);
    95.     }
    96.  
    97.     public int updateScore(int id, double score) {
    98.         return discussPostMapper.updateScore(id, score);
    99.     }
    100.  
    101. }

    这是一个名为DiscussPostService的服务类，用于处理帖子相关的业务逻辑。这段代码是真的烦，一大堆东西，不过我总结了一下，大概这段代码的功能差不多是这样的：

    1. 通过DiscussPostMapper进行数据库操作，包括查询帖子列表、帖子总数，插入帖子，根据帖子ID查询帖子信息，以及更新帖子的评论数量、类型、状态和分数。

    2. 使用SensitiveFilter进行敏感词过滤，对帖子的标题和内容进行转义和过滤。

    3. 使用Caffeine缓存库对帖子列表和帖子总数进行缓存，提高访问性能。缓存设置了最大容量和过期时间。

    4. 在初始化方法init()中，配置了帖子列表缓存和帖子总数缓存的加载方式，当缓存中不存在数据时，会从数据库中加载数据。

    5. 提供了方法如findDiscussPosts()和findDiscussPostRows()来获取帖子列表和帖子总数，如果缓存中有数据，则直接从缓存中获取，否则从数据库中获取。

    6. 提供了方法如addDiscussPost()来添加帖子，对帖子的标题和内容进行处理后插入数据库。

    7. 该服务类使用了注解@Service，表示该类是一个Spring的服务组件。

    Controller层---HomeController

    1. @Controller
    2. public class HomeController implements CommunityConstant {
    3.  
    4.     @RequestMapping(path = "/", method = RequestMethod.GET)
    5.     public String root() {
    6.         return "forward:/index";
    7.     }
    8.  
    9.     @RequestMapping(path = "/index", method = RequestMethod.GET)
    10.     public String getIndexPage(Model model, Page page,
    11.                                @RequestParam(name = "orderMode", defaultValue = "0") int orderMode) {
    12.         // 方法调用前,SpringMVC会自动实例化Model和Page,并将Page注入Model.
    13.         // 所以,在thymeleaf中可以直接访问Page对象中的数据.
    14.         page.setRows(discussPostService.findDiscussPostRows(0));
    15.         page.setPath("/index?orderMode=" + orderMode);
    16.  
    17.         List list = discussPostService
    18.                 .findDiscussPosts(0, page.getOffset(), page.getLimit(), orderMode);
    19.         List> discussPosts = new ArrayList<>();
    20.         if (list != null) {
    21.             for (DiscussPost post : list) {
    22.                 Map map = new HashMap<>();
    23.                 map.put("post", post);
    24.                 User user = userService.findUserById(post.getUserId());
    25.                 map.put("user", user);
    26.  
    27.                 long likeCount = likeService.findEntityLikeCount(ENTITY_TYPE_POST, post.getId());
    28.                 map.put("likeCount", likeCount);
    29.  
    30.                 discussPosts.add(map);
    31.             }
    32.         }
    33.         model.addAttribute("discussPosts", discussPosts);
    34.         model.addAttribute("orderMode", orderMode);
    35.  
    36.         return "/index";
    37.     }
    38.  
    39.     @RequestMapping(path = "/error", method = RequestMethod.GET)
    40.     public String getErrorPage() {
    41.         return "/error/500";
    42.     }
    43.  
    44.     @RequestMapping(path = "/denied", method = RequestMethod.GET)
    45.     public String getDeniedPage() {
    46.         return "/error/404";
    47.     }
    48. }

    这是一个名为HomeController的控制器类，用于处理主页相关的请求。

    1. 通过DiscussPostService获取帖子相关的信息，包括帖子列表和帖子总数。

    2. 通过UserService获取用户相关的信息，包括发帖用户的信息。

    3. 通过LikeService获取帖子的点赞数量。

    4. 提供了root()方法，将根路径的请求转发到"/index"路径。

    5. 提供了getIndexPage()方法，处理主页的GET请求，根据页面参数orderMode获取帖子列表，并将数据添加到Model中供前端页面渲染。

    entity文件夹---Page

    1. /**
    2.  * 封装分页相关的信息.
    3.  */
    4. public class Page {
    5.  
    6.     // 当前页码
    7.     private int current = 1;
    8.     // 显示上限
    9.     private int limit = 10;
    10.     // 数据总数(用于计算总页数)
    11.     private int rows;
    12.     // 查询路径(用于复用分页链接)
    13.     private String path;
    14.  
    15.     public int getCurrent() {
    16.         return current;
    17.     }
    18.  
    19.     public void setCurrent(int current) {
    20.         if (current >= 1) {
    21.             this.current = current;
    22.         }
    23.     }
    24.  
    25.     public int getLimit() {
    26.         return limit;
    27.     }
    28.  
    29.     public void setLimit(int limit) {
    30.         if (limit >= 1 && limit <= 100) {
    31.             this.limit = limit;
    32.         }
    33.     }
    34.  
    35.     public int getRows() {
    36.         return rows;
    37.     }
    38.  
    39.     public void setRows(int rows) {
    40.         if (rows >= 0) {
    41.             this.rows = rows;
    42.         }
    43.     }
    44.  
    45.     public String getPath() {
    46.         return path;
    47.     }
    48.  
    49.     public void setPath(String path) {
    50.         this.path = path;
    51.     }
    52.  
    53.     /**
    54.      * 获取当前页的起始行
    55.      *
    56.      * @return
    57.      */
    58.     public int getOffset() {
    59.         // current * limit - limit
    60.         return (current - 1) * limit;
    61.     }
    62.  
    63.     /**
    64.      * 获取总页数
    65.      *
    66.      * @return
    67.      */
    68.     public int getTotal() {
    69.         // rows / limit [+1]
    70.         if (rows % limit == 0) {
    71.             return rows / limit;
    72.         } else {
    73.             return rows / limit + 1;
    74.         }
    75.     }
    76.  
    77.     /**
    78.      * 获取起始页码
    79.      *
    80.      * @return
    81.      */
    82.     public int getFrom() {
    83.         int from = current - 2;
    84.         return from < 1 ? 1 : from;
    85.     }
    86.  
    87.     /**
    88.      * 获取结束页码
    89.      *
    90.      * @return
    91.      */
    92.     public int getTo() {
    93.         int to = current + 2;
    94.         int total = getTotal();
    95.         return to > total ? total : to;
    96.     }
    97.  
    98. }

    这个实体类用于在分页查询中保存分页相关的信息，例如当前页码、每页显示的数量、数据总数等，以便在前端页面进行分页展示和生成分页链接。

    至此，社区首页的一些简单的功能就实现了。其实这并不复杂，就是代码有点多而已。

  • 相关阅读:
    c++对接CAT1400
    matlab写shpfile文件（字段名改为中文）
    MySQL (6)
    12-1- GAN -简单网络-线性网络
    单目标应用：基于螳螂搜索算法（Mantis Search Algorithm，MSA）的微电网优化调度MATLAB
    【光学】Matlab实现色散曲线拟合
    vue 概述
    第十四届蓝桥杯省赛C++B组D题【飞机降落】题解（AC）
    蓝牙协议栈基础学习笔记
    iOS自定义滚动条
  • 原文地址：https://blog.csdn.net/qq_54432917/article/details/136321163