仿牛客网社区开发(开发社区首页)

概要

在这里插入图片描述
涉及的数据库表-帖子讨论表
在这里插入图片描述
user_id:表示帖子由哪个用户发布,关联user表

开发社区首页,显示前10条帖子

entity - 编写DiscussPost实体类

在这里插入图片描述

dao - DiscussPostMapper

在这里插入图片描述
selectDiscussPosts: 分页获取指定用户的帖子(即userId等于0,表示获取所有用户的帖子,通过动态sql拼接实现)
selectDisscussPostRows: 获取指定用户的总帖子数

dao - discuss-mapper配置文件(sql)

在这里插入图片描述

service - DiscussPostService,UserService

在这里插入图片描述
在这里插入图片描述
通过userId,获取到对应的User

controller - HomeController

在这里插入图片描述

首页 - index.html

使用thymeleaf模板引擎
在这里插入图片描述
map.user.headUrl 相当于 map.get(“user”) 得到User之后 , 调用getHeadUrl()
在这里插入图片描述
日期格式化
在这里插入图片描述

帖子展示效果

在这里插入图片描述

开发分页组件,分页显示帖子

Page组件

package com.lin.util;

public class Page {
    //当前页码
    private int current = 1;
    //显示上限
    private int limit = 10;
    //数据总数(用于计算总页数)
    private int rows;
    //查询路径(用于复用分页链接)
    private String path;

    public int getCurrent() {
        return current;
    }

    public void setCurrent(int current) {
        if(current > 1){
            this.current = current;
        }

    }

    public int getLimit() {
        return limit;
    }

    public void setLimit(int limit) {
        if(limit>=10 && limit<=100){
            this.limit = limit;
        }

    }

    public int getRows() {
        return rows;
    }

    public void setRows(int rows) {
        if(rows>0){
            this.rows = rows;
        }
    }

    public String getPath() {
        return path;
    }

    public void setPath(String path) {
        this.path = path;
    }

    /**
     * 获取当前页的起始行
     */
    public int getOffset(){
        return (current-1)*limit;
    }
    /**
     * 获取总页数
     */
    public int getTotal(){
        int pageNum = rows/limit;
        if(rows%limit==0){
            return pageNum;
        }else{
            return pageNum+1;
        }
    }
    /**
     * 获取起始页码
     */
    public int getFrom(){
        int from = current-2;
        return from<1 ? 1 : from;
    }
    /**
     * 获取结束页码
     */
    public int getTo(){
        int to = current+2;
        int total = getTotal();
        return to>total ? total : to;
    }
}

controller - getIndexPage()

在这里插入图片描述

index.html

在这里插入图片描述
@{${page.path}(current=${page.current-1})} 相当于 @{/index?current=xxx},springmvc 自动将current属性注入到Page中

分页栏效果

在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值