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

概要

在这里插入图片描述
涉及的数据库表-帖子讨论表
在这里插入图片描述
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
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
仿牛客UI(张俊峰) 1.图标来自牛客app 2.大致实现UI效果 3.实现抽提 底部:RelativeLayout(学习、社区、消息、我的牛客) + 中间 自定义ViewPager(禁止滑动) 一、学习界面: (1) 标题模块:牛客 (2) 图片滑动模块:ViewPager+Pager (3) 签到模块:显示(已打卡、今日刷题、今日学习、共打卡) (4) 学习模块:Linearlayout(可用GridView)(专题练习、公司套题、错题练习、课程学习、大题查看、期末备考) ? 点击中任何一个LAYOUT,会显示一个由ExpandableList实现一个列 ? 点击ExpandabList子标签中的练习字样,会自动跳转到另一个Activity,进行专项练习。 ? 可以进行考试,有倒计时,要求达到牛客网的效果,并能出考试结果。 (5) 参与模块:(文字(我参与的课程)+添加按钮) ? 点击添加按钮跳转到另一页面。由 ListView实现 二、 社区界面: 1. 标题模块:显示文字(最新),点击最新会弹出一个上下文菜单(最新、最热、精华)。 2. 滑动标题模块:ViewPager+PagerSlidingTabStrip 3. 内容模块:使用ListView显示用户内容。 三、 消息界面: 1、 菜单模块:(朋友私信、系统通知)使用ViewPager实现(可用Tabhost) 2、 朋友私信页面:显示一个私信图片 3、 系统通知页面:(由ListView实现)由于比较固定本人使用RelativeLayout实现 四、 我的牛客界面: 1. 头像显示模块:头像+用户名+用户信息 2. 内容显示模块 更多效果请试用,感谢支持!
牛客网是一个在线技术社区,提供各种编程题目和项目练习的平台。其中的Linux服务器开发项目是一个针对Linux服务器端开发的实战项目,旨在帮助开发者提升自己的服务器端开发能力。 在这个项目中,参与者需要完成一系列与Linux服务器相关的任务,例如搭建服务器环境、配置网络和安全设置、编写服务器端程序等。这些任务不仅挑战参与者的Linux操作和命令行技能,还涉及到服务器端开发的各个方面。 首先,参与者需要熟悉Linux操作系统常用的命令和工具,掌握服务器环境搭建和配置的技巧。他们需要学会通过命令行界面远程连接服务器,安装和配置各种软件和服务,例如Web服务器、数据库服务器等。 其次,参与者还需要具备一定的编程能力,能够使用常见的编程语言(例如C、C++、Java、Python等)编写服务器端程序。他们需要学习服务器端编程的基本原理,如网络通信、多线程、进程管理等,以实现各种服务器功能,例如Web应用程序、网络游戏服务器等。 在项目中,参与者可以通过与其他开发者交流、讨论问题、分享经验来相互促进,提高自己的技能水平。他们可以通过提交代码、解答问题等方式参与竞赛,争取获得积分和排名,体验竞争与合作的过程。 通过参与牛客网的Linux服务器开发项目,开发者可以提升自己的Linux服务器端开发技能,熟练掌握服务器环境搭建和配置的技巧,深入理解服务器端编程的各个方面。同时,他们还能结识更多志同道合的开发者,拓宽自己的技术视野,为今后的职业发展打下良好的基础。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值