Flask开发微电影网站(四) (4)

当用户收藏的电影可能有很多,所以需要进行分页,默认显示第一页的内容

@home.route("/moviecol/<int:page>/") def moviecol(page=None): if page is None: page = 1 page_data = Moviecol.query.join(Movie).join(User).filter( Movie.id == Moviecol.movie_id, User.id == session.get("user_id") ).order_by(Moviecol.id).paginate(page=page, per_page=10) return render_template("home/moviecol.html", page_data=page_data) 6.2 定义用户查看自己收藏的电影的前端页面代码 {% extends "home/home.html" %} {% import "ui/home_page.html" as pg %} {% block css %} <style> .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-right: 3px; padding-left: 3px; } </style> {% endblock %} {% block content %} {% include "home/menu.html" %} <div> <div> <div> <h3><span></span>&nbsp;收藏电影</h3> </div> <div> <div> {% for v in page_data.items %} <div> <div> <a href="{{ url_for('home.play',id=movie.id,page=1) }}"> <img src="{{ url_for('static',filename='uploads/'+v.movie.logo) }}" alt="{{ v.movie.title }}"> </a> </div> <div> <h4>{{ v.movie.title }}<a href="{{ url_for('home.play',id=v.movie_id,page=1) }}"><span></span>播放影片</a></h4> {{ v.movie.info }} </div> </div> {% endfor %} </div> <div> {{ pg.page(page_data,'home.moviecol') }} </div> </div> </div> </div> {% endblock %} {% block js %} <script> $(document).ready(function () { $("#m-5").addClass("active"); }); </script> {% endblock %}

到这里,用户登录后显示的主页面就已经开发完成了。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpzygy.html