BBS论坛(二十七)

27.首页帖子列表布局完成

(1)apps/models.py

把帖子跟用户关联起来

class PostModel(db.Model):__tablename__ = 'post'id = db.Column(db.Integer, primary_key=True, autoincrement=True)title = db.Column(db.String(200), nullable=False)content = db.Column(db.Text, nullable=False)create_time = db.Column(db.DateTime, default=datetime.now)board_id = db.Column(db.Integer, db.ForeignKey('board.id'))board = db.relationship('BoardModel', backref='posts')author_id = db.Column(db.String(50), db.ForeignKey('front_user.id'), nullable=False)author = db.relationship('FrontUser', backref='posts')

把之前数据库里面的帖子都删了,migrate、upgrade后重新发表新帖子

(2)front/views.py

apost添加author

@bp.route('/apost/', methods=['POST', 'GET'])
@login_requried
def apost():#....
post.author = g.front_user   #....return restful.params_error(message=form.get_error())

index里面渲染所有的帖子给前端

@bp.route('/')
def index():banners = BannerModel.query.order_by(BannerModel.priority.desc()).limit(4)boards = BoardModel.query.all()posts = PostModel.query.all()context = {'banners':banners,'boards':boards,'posts':posts,}return render_template('front/front_index.html',**context)

(4)front/front_index.html

<ul class="post-group-head"><li class="active"><a href="#">最新</a></li><li><a href="#">精华帖子</a></li><li><a href="#">点赞最多</a></li><li><a href="#">评论最多</a></li></ul><ul class="post-list-group">{% for post in posts %}<li><div class="author-avatar-group"><img src="{{ post.author.avatar or url_for('static',filename='common/images/logo.jpg') }}" alt=""></div><div class="post-info-group"><p class="post-title">{{ post.title }}</p><p class="post-info"><span>作者:{{ post.author.username }}</span><span>发表时间:{{ post.create_time }}</span><span>评论:0</span><span>阅读数 :0</span></p></div></li>{% endfor %}</ul>

(5)front/css/front_index.css

*{margin: 0;padding:0;vertical-align: baseline;
}.post-group{border: 1px solid #ddd;margin-top: 20px;overflow: hidden;border-radius: 5px;padding: 10px;
}.post-group-head{overflow: hidden;list-style: none;
}.post-group-head li{float: left;padding: 5px 10px;
}.post-group-head a{color: #333;
}.post-group-head li.active{background: #ccc;
}.post-list-group{margin-top: 20px;
}.post-list-group li{overflow: hidden;padding-bottom: 20px;
}.author-avatar-group{float: left;
}.author-avatar-group img{width: 50px;height: 50px;border-radius: 50%;
}.post-info-group{float: left;margin-left: 10px;border-bottom: 1px solid #e6e6e6;width: 85%;padding-bottom: 10px;
}.post-info-group .post-info{margin-top: 10px;font-size: 12px;color: #8c8c8c;
}.post-info span{margin-right: 10px;
}

27.首页帖子列表布局完成

转载于:https://www.cnblogs.com/edeny/p/10021189.html

27-----BBS论坛相关推荐

  1. java技术论坛的毕业设计_基于java的bbs论坛设计,软件毕业设计

    基于java的bbs论坛设计,软件毕业设计 XXX毕 业 设 计 任 务 书专业 软件技术 年级 xx 级 班级 二班姓名 xx 学号 20 xx0205xx3威 海 职 业 学 院 教 务 处 编 ...

  2. 满足互动、发出用户民意的BBS论坛

    满足互动.发出用户民意的BBS论坛 BBS,全称为Bulletin Board System(电子公告板)或者Bulletin Board Service(公告板服务).论坛是Internet上的一种 ...

  3. 基于LAMP架构搭建BBS论坛或者博客

    搭建 一.项目简介 二.环境准备 1.需要准备的软件包 2.安装前环境准备 3.编译方式 (讲究顺序) 三.编译安装MySQL 四.编译安装Apache 1.安装依赖包apr 2.安装httpd软件 ...

  4. Python开发一个简单的BBS论坛

    项目:开发一个简单的BBS论坛 需求: 整体参考"抽屉新热榜" + "虎嗅网" 实现不同论坛版块 帖子列表展示 帖子评论数.点赞数展示 在线用户展示 允许登录用 ...

  5. 项目实战:ASP.NET:C/S架构 大学BBS论坛项目(推荐★★★)

    项目实战:ASP.NET:C/S架构  大学BBS论坛项目(推荐★★★) 目录 项目实战:ASP.NET:C/S架构  大学BBS论坛项目(推荐★★★) 编辑环境: 项目: 项目简介: 其他: 1.项 ...

  6. LAMP 搭建BBS论坛实战

    LAMP 搭建BBS论坛实战 LAMP=Linux+Apache+Mysql+PHP 搭建环境:必须安装开发工具.开发库 一.LAMP所需要软件下载 Linux  http://www.centos. ...

  7. Django小项目简单BBS论坛

    开发一个简单的BBS论坛 项目需求: 1 整体参考"抽屉新热榜" + "虎嗅网" 2 实现不同论坛版块 3 帖子列表展示 4 帖子评论数.点赞数展示 5 在线用 ...

  8. asp.net mysql 论坛源码,基于asp.net的BBS论坛

    [实例简介] 毕业设计.C#制作的BBS论坛.功能比较齐全,比较适合学生参考学习.大家有需要的可以下载 [实例截图] [核心代码] BBS └── BBS ├── App_Code │   ├── D ...

  9. 分享java web 期末项目实验源码20套,BBS论坛,ERP管理系统,OA自动化等等

    分享java web 期末项目实验源码20套,BBS论坛,ERP管理系统,OA自动化等等 我自己也从里面学习到了很多东西! 1.BBS论坛系统(jsp+sql) 2.ERP管理系统(jsp+servl ...

  10. 小确幸BBS论坛-1-前期准备

    话说: 各位读者晚上好!终于到了2018!2018年的第一篇博客哈!前面中断了不少篇,并非作者怠惰了,确实感觉"拿不出手",嘿嘿.经过一段时间积累,这次就连续的发表一个系列吧--B ...

最新文章

  1. 关于Cocoa Pods的升级安装和使用说明
  2. 用ACE的Reactor模式实现网络通讯的例子
  3. 显示屏连接控制卡超时_小间距led显示屏的安装步骤
  4. doc转docx文件会乱吗_Word文档doc与docx的区别
  5. Mysql 常用函数汇总
  6. 流畅的Python 1. Python数据模型(特殊方法 __func__())
  7. -moz火狐 (firefox)CSS
  8. (36)虚拟时钟(中心对齐约束)
  9. LeetCode Repeated DNA Sequences
  10. hive启动debug问题
  11. python文本分析之jieba分词工具
  12. cfd软件matlab,【流体】| 10个目前流行的CFD仿真软件,你了解几个?
  13. MySQL通过Binlog恢复数据
  14. Multisim 安装、破解、汉化、卸载教程
  15. Android视频播放器
  16. SAS中library是 excel引擎,LIBNAME STATEMENT
  17. 腾讯马化腾:公司拥有大量探索和开发元宇宙的技术和能力
  18. Q3亏损收窄预计Q4季度实现盈利,趣头条走上盈利分水岭靠什么?
  19. 用Win10中自带的CHKDSK来扫描和修复硬盘
  20. 如何用c语言编写语音识别程序,使用C语言对文本进行语音识别

热门文章

  1. python数据挖掘工程师待遇_数据挖掘工程师岗位的具体职责
  2. 给定一个函数做其最佳平方逼近c语言,求函数f(x)在指定区间上对于Φ=span{1,x}最佳平方逼近多项式: (1),[1,3]; (2...
  3. g4900 win7 核显驱动_9代酷睿跑WIN7 你要的主板来了
  4. XStream生成的XML中带class属性,去掉class属性
  5. 【SSL】java keytool工具操作java带的(JKS)证书库
  6. python hist 参数_关于python中plthist参数的使用详解
  7. python排序算法实现_十大排序算法python实现
  8. pythoncgi模块文档_python使用cgi模块处理表单
  9. html 注册插件,HTML 插件
  10. 提交客户端证书_MQTT X v1.3.3 正式发布 - 跨平台 MQTT 5.0 桌面测试客户端