效果如下（展示用户所有发布得新闻，新闻状态，分页
1、前端代码
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="news_list"> 14 <h3>新闻列表</h3> 15 <ul class="article_list"> 16 {% for news in context.news_list %} 17 <li> 18 {% if news.status == 0 %} 19 {# 审核通过 #} 20 <a href="#">{{ news.title }}</a><em class="pass">已通过</em><span>{{ news.create_time }}</span> 21 {% elif news.status == 1 %} 22 {# 审核中 #} 23 <a href="javascript:;">{{ news.title }}</a><em class="review">审核中</em><span>{{ news.create_time }}</span> 24 {% else %} 25 {# 审核不通过 #} 26 <a href="javascript:;">{{ news.title }}</a><em class="nopass">未通过</em><span>{{ news.create_time }}</span> 27 <b>未通过原因：{{ news.reason }}</b> 28 {% endif %} 29 </li> 30 {% endfor %} 31 </ul> 32 <div id="pagination" class="page"></div> 33 <script> 34 // 调用父页面的方法改变菜单指示 35 // window.parent.fnChangeMenu(2); 36 37 $(function(){ 38 $("#pagination").pagination({ 39 currentPage: {{ context.current_page }}, 40 totalPage: {{ context.total_page }}, 41 callback: function(current) { 42 window.location.href = '/user/user_news_list?p=' + current; 43 } 44 }); 45 }); 46 </script> 47 48 </div> 49 </body> 50 </html>
2、后台代码
1 @user_blue.route("/user_news_list") 2 @user_login_data 3 def user_news_list(): 4 user = g.user 5 if not user: 6 return redirect(url_for('index.index')) 7 page = request.args.get("p",1) 8 try: 9 # 将接收来的参数强转为int类型 10 page = int(page) 11 except Exception as e: 12 current_app.logger.error(e) 13 # 二次保障设置默认值为1 14 page = 1 15 #给变量赋值默认值 16 news_li = [] 17 current_page = 1 18 total_page = 1 19 try: 20 #数据库查询，分页器 21 paginate = News.query.filter(News.user_id == user.id).paginate(page = page, per_page=2) 22 news_li = paginate.items 23 current_page = paginate.page 24 total_page = paginate.pages 25 except Exception as e: 26 current_app.logger.error(e) 27 return jsonify(errno=RET.DATAERR, errmsg="查询失败") 28 29 #传递上下文 30 context = { 31 "news_list":news_li, 32 "current_page":current_page, 33 "total_page":total_page, 34 } 35 #渲染页面 36 return render_template("news/user_news_list.html",context = context)