首先用户收藏展示的效果如下
1、我的首先将静态前端添加到templates模板中
（注：这里可以不用放进来的，因为收藏的页面并没有表单的提交，但是为了规范所以最好是放进来
2、下面是前端的代码（html和js写在一起的）
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>用户中心</title>
6 <link rel="stylesheet" type="text/css" href="../../static/news/css/reset.css">
7 <link rel="stylesheet" type="text/css" href="../../static/news/css/jquery.pagination.css">
8 <link rel="stylesheet" type="text/css" href="../../static/news/css/main.css">
9 <script type="text/javascript" src="../../static/news/js/jquery-1.12.4.min.js"></script>
10 <script type="text/javascript" src="../../static/news/js/jquery.pagination.min.js"></script>
11 </head>
12 <body class="inframe_body">
13 <div class="my_collect">
14 <h3>我的收藏</h3>
15 <ul class="article_list">
16 {% for news in context.news_list %}
17 <li><a href="#">{{ news.title }}</a><span>{{ news.create_time }}</span></li>
18 {% endfor %}
19 </ul>
20
21
22
23 <div id="pagination" class="page"></div>
24 <script>
25 {# 这是使用的是分页框架#}
26 $(function() {
27 $("#pagination").pagination({
28 currentPage: {{ context.current_page }},
29 totalPage: {{ context.total_page }},
30 {# 当用户的鼠标点击哪一页的时候自动执行下面的事件#}
31 callback: function(current) {
32 window.location.href = '/user/user_collection?p=' + current;
33 }
34 });
35 });
36 </script>
37
38 </div>
39 </body>
40 </html>
3、以下为后台视图函数的代码
1 @user_blue.route("/user_collection")
2 @user_login_data
3 def user_collection():
4 user = g.user
5 # 接收用户信息同时判断是否登录
6 if not user:
7 return redirect(url_for('index.index'))
8 #接收前端通过get请求传来的p参数
9 page = request.args.get("p")
10 try:
11 #将接收来的参数强转为int类型
12 page = int(page)
13 except Exception as e:
14 current_app.logger.error(e)
15 #二次保障设置默认值为1
16 page = 1
17 try:
18 #获取用户收藏的新闻列表并使用分页器接收
19 paginate = user.collection_news.paginate(page=page,per_page=constants.USER_FOLLOWED_MAX_COUNT)
20 except Exception as e:
21 current_app.logger.error(e)
22 return jsonify(errno=RET.DATAERR, errmsg="查询失败")
23 #获取所有的新闻数据
24 newsList = paginate.items
25 #新闻一页最多显示多少条数据
26 totalPage = paginate.pages
27 #新闻页数
28 currentPage = paginate.page
29 #返回上下文
30 context = {
31 "total_page":totalPage,
32 "news_list" :newsList,
33 "current_page":currentPage,
34 }
35 return render_template("news/user_collection.html",context=context)
（注：有一点需要注意我们在接收完前端传来的p的值后打断点会发现它的值为NoneType，为什么会出现这个结果呢？
原因是你个人中心页中没有给他说明默认值，需要我们手动设置，最好把后台也设置以下，双重保障
以上就是全部的代码编写了