码迷,mamicode.com
首页 > 其他好文 > 详细

一百四十二:CMS系统之帖子详情页面布局

时间:2019-12-03 23:38:28      阅读:95      评论:0      收藏:0      [点我收藏+]

标签:404页面   containe   alt   font   render   group   mod   详情   not   

 

定义一个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系统之帖子详情页面布局

标签:404页面   containe   alt   font   render   group   mod   详情   not   

原文地址:https://www.cnblogs.com/zhongyehai/p/11980093.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!