Python学习笔记--Flask小项目之仿豆瓣电影界面

最新推荐文章于 2024-10-08 14:22:54 发布

深井猫

最新推荐文章于 2024-10-08 14:22:54 发布

阅读量1.4k

点赞数 3

分类专栏： # Flask 文章标签： python

本文链接：https://blog.youkuaiyun.com/a5225354/article/details/105623888

版权

知识点

如何通过评分计算出星级
使用宏封装每一个影片标签，减少代码
使用继承的方式编写模板
也是用宏封装整个电影标签和电视剧标签，通过url_for实现点击更多跳转到指定的页面

效果图

在这里插入图片描述

由于只是模仿，因此影片详情，还有一些页面滑动的样式就先忽略了

前期准备

CSS文件
星星的图片3张（满星，半颗星，灰色星星）
影片的封面（也可以用豆瓣图片的url地址）

创建项目

创建视图文件app.py
创建静态资源文件目录"/static/css"、 “/static/img”，将CSS文件放入css文件夹，在图片放入img文件夹
创建模板目录"/templates"

创建视图

编辑app.py

from flask import Flask
from flask import render_template
from flask import request


app = Flask(__name__)
app.config['TEMPLATES_AUTO_RELOAD'] = True


#　电影
movies = [
    {
   
        'id': '11211',
        'thumbnail': 'https://img3.doubanio.com/view/movie_poster_cover/lpst/public/p2499792043.webp',
        'title': u'王牌特工2：黄金圈',
        'rating': u'7.3',
        'comment_count': 12000,
        'authors': u'科林·费尔斯 / 塔伦·埃格顿 / 朱丽安·摩尔'
    },
    {
   
        'id': '34532',
        'title': u'羞羞的铁拳',
        'thumbnail': u'https://img1.doubanio.com/view/movie_poster_cover/lpst/public/p2499793218.webp',
        'rating': u'7.6',
        'comment_count': 39450,
        'authors': u'艾伦/马丽/沈腾'
    },
    {
   
        'id': '394558',
        'title': u'情圣',
        'thumbnail': u'https://img3.doubanio.com/view/movie_poster_cover/mpst/public/p2409022364.jpg',
        'rating': u'6.3',
        'comment_count': 38409,
        'authors': u'肖央 / 闫妮 / 小沈阳'
    },
    {
   
        'id': '9384089',
        'title': u'全球风暴',
        'thumbnail': u'https://img3.doubanio.com/view/movie_poster_cover/lpst/public/p2501863104.webp',
        'rating': u'7.4',
        'comment_count': 4555,
        'authors': u'杰拉德·巴特勒/吉姆·斯特'
    },
    {
   
        'id': '26921827',
        'title': u'大卫贝肯之倒霉特工熊',
        'thumbnail': u