网站访问工具,网站检测器,重庆做石材的网站,jsp网站服务建设是什么Python学习之路-Flask项目:博客前台 前言 前一篇完成了项目开发前的所有准备工作#xff0c;本篇将完成整个博客的前台相关工作。 首页 前言 首页主要为我们提供各个分类入口已经按时间顺序的文章列表和列表排行等数据#xff0c;是进入博客中第一眼看到的#xff0c;接…Python学习之路-Flask项目:博客前台 前言 前一篇完成了项目开发前的所有准备工作本篇将完成整个博客的前台相关工作。 首页 前言 首页主要为我们提供各个分类入口已经按时间顺序的文章列表和列表排行等数据是进入博客中第一眼看到的接下来就来实现吧。 排行展示 前言 在请求根路由时去数据库查询按点击量排行的10条文章 后端实现 index_blu.route(/) def index():...# 获取点击排行数据blog_list Nonetry:blog_list Blog.query.order_by(Blog.clicks.desc()).limit(constants.CLICK_RANK_MAX_BLOG)except Exception as e:current_app.logger.error(e)click_blog_list []for blog in blog_list if blog_list else []:click_blog_list.append(blog.to_basic_dict())data {user_blog: user.to_dict() if user else None,click_blog_list: click_blog_list,}return render_template(blog/index.html, datadata)分类展示 前言 分类展示是将博客按我们想要的分类进行分割的一个关键部分需要我们通过分类将其展示出来。 后端实现 在请求根路由的时候去查询博客分类并默认设置第1个分类选中 index_blu.route(/) def index():...# 获取博客分类数据categories Category.query.all()# 定义列表保存分类数据categories_dicts []for category in enumerate(categories):# 拼接内容categories_dicts.append(category.to_dict())data {user_blog: user.to_dict() if user else None,click_blog_list: click_blog_list,categories: categories_dicts}return render_template(blog/index.html, datadata)文章列表 前言 文章列表是整个博客最重要的一部分当我们点击分类时需要去获取当前分类下的文章数据当我们点击标签时需要去获取当前标签下的文章数据。在展示的时候需要更新文章列表界面不需要整体页面刷新所以文章数据也使用 ajax 的方式去请求后台接口进行获取。 接口设计 URL/blog_list请求方式GET传入参数JSON格式参数 参数名类型是否必须参数说明cidstring是分类idpageint否页数不传即获取第1页per_pageint否每页多少条数据如果不传默认10条 返回类型JSON 参数名类型是否必须参数说明errnoint是错误码errmsgstring是错误信息cidstring是当前文章数据的分类idtotalPageint否总页数currentPageint否当前页数blogListlist否列表数据blogList.titlestring是标题blogList.sourcestring是来源blogList.digeststring是摘要blogList.create_timestring是时间blogList.index_image_urlstring是索引图 后端实现 在index/views.py中定义视图函数。在查询的时候如果用户分类id传0则不添加分类查询条件 index_blu.route(/bloglist) def get_blog_list():获取指定分类的博客列表:return: 包含文章列表的jsonify对象# 1. 获取参数args_dict request.argspage args_dict.get(p, 1)per_page args_dict.get(per_page, constants.HOME_PAGE_MAX_BLOG)category_id args_dict.get(cid, 1)# 2. 校验参数try:page int(page)per_page int(per_page)except Exception as e:current_app.logger.error(e)return jsonify(errnoRET.PARAMERR, errmsg参数错误)# 3. 查询数据并分页filters []# 如果分类id不为1那么添加分类id的过滤if category_id ! 1:filters.append(Blog.category_id category_id)try:paginate Blog.query.filter(*filters).order_by(Blog.create_time.desc()).paginate(page, per_page, False)# 获取查询出来的数据items paginate.items# 获取到总页数total_page paginate.pagescurrent_page paginate.pageexcept Exception as e:current_app.logger.error(e)return jsonify(errnoRET.DBERR, errmsg数据查询失败)blog_list []for blog in items:blog_list.append(blog.to_basic_dict())# 4. 返回数据return jsonify(errnoRET.OK, errmsgOK, totalPagetotal_page, currentPagecurrent_page, blogListblog_list, cidcategory_id)详情页 前言 博客详情页是整个博客的精髓所在我们需要完成基类模板抽取、使用装饰器的形式完成用户数据的查询并传递到视图函数中、查询博客详情页数据并使用模板语言进行数据的展示、写出文章评论的后端逻辑、写出文章点赞的后端逻辑等功能。 准备工作 博客详情页面的前端页面为 blog/detail.html创建博客详情页的模块blog并在该模块下创建视图函数存储的 py 文件 views.py 创建蓝图 from flask import Blueprintblog_blu Blueprint(blog, __name__, url_prefix/blog)from . import views注册蓝图 def create_app(config_name):...# 注册蓝图from blog.modules.index import index_bluapp.register_blueprint(index_blu)from blog.modules.passport import passport_bluapp.register_blueprint(passport_blu)from blog.modules.blog import blog_bluapp.register_blueprint(blog_blu)...return app提供文章详情页访问的视图函数将文章详情页界面移动到模板文件夹视图函数需要接受文章 id 作为参数以便后续查询文章详情数据 blog_blu.route(/int:blog_id) def blog_detail(blog_id):return render_template(blog/detail.html) 数据展示 文章内容数据查询文章数据并返回 blog_blu.route(/int:blog_id) user_login_data def blog_detail(blog_id):try:blog blog.query.get(blog_id)except Exception as e:current_app.logger.error(e)abort(404)if not blog:# 返回数据未找到的页面abort(404)blog.clicks 1data {blog: blog.to_dict(),user_blog: g.user.to_dict() if g.user else None,}return render_template(blog/detail.html, datadata)文章排行 查询文章点击量数据并返回 blog_blu.route(/int:blog_id) user_login_data def blog_detail(blog_id):...# 获取点击排行数据blog_list Nonetry:blog_list blog.query.order_by(blog.clicks.desc()).limit(constants.CLICK_RANK_MAX_blog)except Exception as e:current_app.logger.error(e)click_blog_list []for blog in blog_list if blog_list else []:click_blog_list.append(blog.to_basic_dict())data {blog: blog.to_dict(),click_blog_list: click_blog_list,user_blog: g.user.to_dict() if g.user else None,}return render_template(blog/detail.html, datadata)\文章评论 需求分析 用户如果在登录的情况下可以进行评论未登录点击评论弹出登录框。用户可以直接评论当前文章 后端实现 接口设计 URL/blog/blog_comment请求方式POST传入参数JSON格式参数 参数名类型是否必须参数说明blog_idint是文章idcommentstring是评论内容parent_idint否回复的评论的id 返回类型JSON 参数名类型是否必须参数说明errnoint是错误码errmsgstring是错误信息 代码实现 在 blog/views.py 文件中添加评论文章的视图函数 blog_blu.route(/blog_comment, methods[POST]) user_login_data def add_blog_comment():添加评论user g.userif not user:return jsonify(errnoRET.SESSIONERR, errmsg用户未登录)# 获取参数data_dict request.jsonblog_id data_dict.get(blog_id)comment_str data_dict.get(comment)parent_id data_dict.get(parent_id)if not all([blog_id, comment_str]):return jsonify(errnoRET.PARAMERR, errmsg参数不足)try:blog blog.query.get(blog_id)except Exception as e:current_app.logger.error(e)return jsonify(errnoRET.DBERR, errmsg查询数据失败)if not blog:return jsonify(errnoRET.NODATA, errmsg该文章不存在)# 初始化模型保存数据comment Comment()comment.user_id user.idcomment.blog_id blog_idcomment.content comment_strif parent_id:comment.parent_id parent_id# 保存到数据库try:db.session.add(comment)db.session.commit()except Exception as e:current_app.logger.error(e)return jsonify(errnoRET.DBERR, errmsg保存评论数据失败)# 返回响应return jsonify(errnoRET.OK, errmsg评论成功, datacomment.to_dict())文章评论列表 在文章详情的视图函数中添加查询当前文章评论的逻辑 blog_blu.route(/int:blog_id) user_login_data def blog_detail(blog_id):...# 获取当前文章的评论comments []try:comments Comment.query.filter(Comment.blog_id blog_id).order_by(Comment.create_time.desc()).all()except Exception as e:current_app.logger.error(e)comment_list []for item in comments:comment_dict item.to_dict()comment_list.append(comment_dict)is_collected False# 判断用户是否收藏过该文章if g.user:if blog in g.user.collection_blog:is_collected Truedata {blog: blog.to_dict(),click_blog_list: click_blog_list,is_collected: is_collected,user_blog: g.user.to_dict() if g.user else None,comments: comment_list}return render_template(blog/detail.html, datadata)评论点赞功能 需求分析 后端提供点赞和取消点赞功能当用户点击未点赞按钮执行点赞逻辑向后端发起点赞请求取消点赞则反之在文章显示完成之后底部评论会根据当前登录用户显示是否点赞图标 接口设计 URL/blog/comment_like请求方式POST传入参数JSON格式参数 参数名类型是否必须参数说明comment_idint是评论idblog_idint是文章idactionstring是点赞操作类型add(点赞)remove(取消点赞) 返回类型JSON 参数名类型是否必须参数说明errnoint是错误码errmsgstring是错误信息 后端代码实现 在 blog/views.py 中添加点赞/取消点赞视图函数 blog_blu.route(/comment_like, methods[POST]) user_login_data def set_comment_like():评论点赞if not g.user:return jsonify(errnoRET.SESSIONERR, errmsg用户未登录)# 获取参数comment_id request.json.get(comment_id)blog_id request.json.get(blog_id)action request.json.get(action)# 判断参数if not all([comment_id, blog_id, action]):return jsonify(errnoRET.PARAMERR, errmsg参数错误)if action not in (add, remove):return jsonify(errnoRET.PARAMERR, errmsg参数错误)# 查询评论数据try:comment Comment.query.get(comment_id)except Exception as e:current_app.logger.error(e)return jsonify(errnoRET.DBERR, errmsg查询数据失败)if not comment:return jsonify(errnoRET.NODATA, errmsg评论数据不存在)if action add:comment_like CommentLike.query.filter_by(comment_idcomment_id, user_idg.user.id).first()if not comment_like:comment_like CommentLike()comment_like.comment_id comment_idcomment_like.user_id g.user.iddb.session.add(comment_like)# 增加点赞条数comment.like_count 1else:# 删除点赞数据comment_like CommentLike.query.filter_by(comment_idcomment_id, user_idg.user.id).first()if comment_like:db.session.delete(comment_like)# 减小点赞条数comment.like_count - 1try:db.session.commit()except Exception as e:current_app.logger.error(e)db.session.rollback()return jsonify(errnoRET.DBERR, errmsg操作失败)return jsonify(errnoRET.OK, errmsg操作成功)404 页面 需求 在用户访问一些不存在网址的时候弹出404页面 实现逻辑 可以使用 app.errorhandle(code_or_exception) 装饰器 代码实现 将 static/blog/404.html 文件拖到 templates/blog/ 目录下并继承于基类模板 在 blog/__init__.py 文件中的 create_app 函数中添加以下逻辑 def create_app(config_name):...app.errorhandler(404)user_login_datadef page_not_found(_):user g.userdata {user_blog: user.to_dict() if user else None}return render_template(blog/404.html, datadata)return app在浏览器里面输入网址进行测试