一百四十二：CMS系统之帖子详情页面布局
Posted zhongyehai
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了一百四十二：CMS系统之帖子详情页面布局相关的知识，希望对你有一定的参考价值。
定义一个404页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>404</title>
</head>
<body>
页面不存在
<div><a href="/">点击回到首页</a></div>
</body>
</html>
在钩子函数中捕获并抛出自定义的404
@bp.errorhandler
def page_not_found():
""" 发生错误返回404 """
return render_template(‘front/front_404.html‘), 404
视图
@bp.route(‘/p/<post_id>‘)
def post_detail(post_id):
post = PostModel.query.get(post_id)
if not post:
abort(404) # 如果没有找到资源，主动抛出404
return render_template(‘front/front_post_detail.html‘, post=post)
html
css
.post-container{
border: 1px solid #e6e6e6;
padding: 5px;
}
.post-info-group{
font-size: 12px;
color: #8c8c8c;
border-bottom: 1px solid #e6e6e6;
margin-top: 20px;
padding-bottom: 10px;
}
.post-info-group span{
margin-right: 20px;
}
.post-content{
margin-top: 20px;
}
.post-content img{
max-width: 100%;
}
首页加上链接
效果
以上是关于一百四十二：CMS系统之帖子详情页面布局的主要内容，如果未能解决你的问题，请参考以下文章
#yyds干货盘点# 前端歌谣的刷题之路-第一百四十二题-单列布局
#yyds干货盘点# 前端歌谣的刷题之路-第一百四十六题-双列布局-flex
#yyds干货盘点# 前端歌谣的刷题之路-第一百四十七题-三列布局-浮动