17 -Flask构建弹幕微电影网站- 电影播放及评论弹幕收藏实现

最新推荐文章于 2024-06-04 15:04:27 发布
最新推荐文章于 2024-06-04 15:04:27 发布
阅读量1.6k 收藏 3
点赞数 1
文章标签： python 数据库 json
原文链接：https://yq.aliyun.com/articles/630923
版权

上映预告

  1. 模型: Preview
  2. 表单: 无
  3. 请求方法: GET
  4. 访问控制: 无

views中进行业务逻辑的实现

@home.route("/animation/")
def animation():
    """
    首页轮播动画
    """
    data = Preview.query.all()
    return render_template("home/animation.html", data=data)

标签筛选 - 电影分页

  1. 模型: Tag Movie
  2. 表单: 无
  3. 请求方法: GET
  4. 访问控制: 无

编写首页的views

@home.route("/<int:page>/", methods=["GET"])
@home.route("/", methods=["GET"])
def index(page=None):
    """
    首页电影列表
    """
    tags = Tag.query.all()
    page_data = Movie.query
    # 标签
    tid = request.args.get("tid", 0)
    if int(tid) != 0:
        page_data = page_data.filter_by(tag_id=int(tid))
    # 星级
    star = request.args.get("star", 0)
    if int(star) != 0:
        page_data = page_data.filter_by(star=int(star))
    # 时间
    time = request.args.get("time", 0)
    if int(time) != 0:
        if int(time) == 1:
            page_data = page_data.order_by(
                Movie.addtime.desc()
            )
        else:
            page_data = page_data.order_by(
                Movie.addtime.asc()
            )
    # 播放量
    pm = request.args.get("pm", 0)
    if int(pm) != 0:
        if int(pm) == 1:
            page_data = page_data.order_by(
                Movie.playnum.desc()
            )
        else:
            page_data = page_data.order_by(
                Movie.playnum.asc()
            )
    # 评论量
    cm = request.args.get("cm", 0)
    if int(cm) != 0:
        if int(cm) == 1:
            page_data = page_data.order_by(
                Movie.commentnum.desc()
            )
        else:
            page_data = page_data.order_by(
                Movie.commentnum.asc()
            )
    if page is None:
        page = 1
    page_data = page_data.paginate(page=page, per_page=8)
    p = dict(
        tid=tid,
        star=star,
        time=time,
        pm=pm,
        cm=cm,
    )
    return render_template(
        "home/index.html",
        tags=tags,
        p=p,
        page_data=page_data)

电影标签，电影星级，上映时间，播放数量，评论数量

  • tid = request.args.get("tid", 0) 获取到问号传参中的tid没有获取到时置零
  • 同理获取starstar = request.args.get("star", 0)
  • time = request.args.get("time", 0)同理获取到time
  • 其他同理pm cm 这里的数量排序通过前台传过来是0还是1决定数量正序或倒序

碎碎念杂谈，将用户已选择的分类细节展示给用户，可以点击x去除。

mark
mark

可以使用jquery实现，清除组合的时候移除dom节点，显示的时候添加dom节点，然后在添加和清除的时候注意参数的添加和删除，组装成url，通过触发事件触发搜素！

查询出所有的tag，然后经模板渲染出菜单。

tags = Tag.query.all()

传递到模板进行填充。

mark
mark 
p = dict(
        tid=tid,
        star=star,
        time=time,
        pm=pm,
        cm=cm,
    )

构建一个参数的字典。

mark
mark

处理标签的链接

 href="{{ url_for('home.index') }}?tid={{ v.id }}&star={{ p['star'] }}&time={{ p['time'] }}&pm={{ p['pm'] }}&cm={{ p['cm'] }}"

上面为标签添加href值。其中的tid是取自当前循环

 href="{{ url_for('home.index') }}?tid={{ p['tid'] }}&star={{ v.star }}&time={{ p['time'] }}&pm={{ p['pm'] }}&cm={{ p['cm'] }}"

上面为star添加href值。其中的star是取自当前循环

其他项同理可得，将当前值取实际值，其他值取p['']

分页电影

    if int(tid) != 0:
        page_data = page_data.filter_by(tag_id=int(tid))

其他字段做相同的过滤操作。

进行分页效果展示。

mark
mark

为所有的标签分类添加page=1

mark
mark

电影搜索，搜索分页

  1. 模型: Movie
  2. 表单: 无
  3. 请求方法: GET
  4. 访问控制: 无

views中书写search相关的逻辑处理

@home.route("/search/<int:page>/")
def search(page=None):
    """
    搜索
    """
    if page is None:
        page = 1
    key = request.args.get("key", "")
    movie_count = Movie.query.filter(
        Movie.title.ilike('%' + key + '%')
    ).count()
    page_data = Movie.query.filter(
        Movie.title.ilike('%' + key + '%')
    ).order_by(
        Movie.addtime.desc()
    ).paginate(page=page, per_page=10)
    page_data.key = key
    return render_template("home/search.html", movie_count=movie_count, key=key, page_data=page_data)
mark
mark

为layout中的搜索框添加id

添加id = do_search

mark
mark
mark
mark

home页面中script标签中使用jQuery获取搜索框内key值。然后location跳转到search路由，并携带page key 参数

将这段代码再粘贴到其他需要搜索的页面

  • layout home 都需要修改id

ilike进行模糊匹配

在search页面进行最终结果的填充与分页。

又是这种重复的填充操作，自己瞎做吧。跟以前没什么两样。

新建一个s_page.html，把home_page复制过去就行。

然后依然万年不变import 调用page方法。

碎碎念积累,回车直接搜索:

$("...").keydown(function(e){
if(e.keyCode==13){
    //处理事件
}
});

电影详情 电影播放 电影评论 电影收藏

  1. 模型: Movie
  2. 表单: 无
  3. 请求方法: GET
  4. 访问控制: 无

评论统计:

  1. 模型: Movie User Comment
  2. 表单: CommentForm
  3. 请求方法: GET POST
  4. 访问控制: 需登录
mark
mark

如果当前未登录则显示请先登录才可以提交。

mark
mark

只有用户登录状态才会显示评论框。

forms中添加commentsform

class CommentForm(FlaskForm):
    content = TextAreaField(
        label="内容",
        validators=[
            DataRequired("请输入内容！"),
        ],
        description="内容",
        render_kw={
            "id": "input_content"
        }
    )
    submit = SubmitField(
        '提交评论',
        render_kw={
            "class": "btn btn-success",
            "id": "btn-sub"
        }
    )

注意内容的id input_content

views中处理播放页面的数据业务逻辑，以及评论的业务逻辑

@home.route("/play/<int:id>/<int:page>/", methods=["GET", "POST"])
def play(id=None, page=None):
    """
    播放电影
    """
    # 查询出相关联的标签
    movie = Movie.query.join(Tag).filter(
        Tag.id == Movie.tag_id,
        Movie.id == int(id)
    ).first_or_404()

    if page is None:
        page = 1
    page_data = Comment.query.join(
        Movie
    ).join(
        User
    ).filter(
        Movie.id == movie.id,
        User.id == Comment.user_id
    ).order_by(
        Comment.addtime.desc()
    ).paginate(page=page, per_page=10)

    movie.playnum = movie.playnum + 1
    form = CommentForm()
    # 必须登录
    if "user" in session and form.validate_on_submit():
        data = form.data
        comment = Comment(
            content=data["content"],
            movie_id=movie.id,
            user_id=session["user_id"]
        )
        db.session.add(comment)
        db.session.commit()
        movie.commentnum = movie.commentnum + 1
        db.session.add(movie)
        db.session.commit()
        flash("添加评论成功！", "ok")
        return redirect(url_for('home.play', id=movie.id, page=1))
    db.session.add(movie)
    db.session.commit()
    return render_template("home/play.html", movie=movie, form=form, page_data=page_data)

index以及search页面中的播放按钮，都添加上v.id 以及page

前往play中填充movie的具体数据。使用form填充评论框，使用pagedata填充已有评论

  • 当然flash的位置，报错信息。submit之前的csrf都不要忘记，还有form的method
mark
mark

修改js中需要修改的player file title 等

为评论分页新建一个html ui/comment_page.html复制s_page的内容

为commentspage添加id参数。url中也添加id

然后又是重复的引入和page方法调用。pagedata填充

为了安全，默认不会显示html的内容，添加safe

mark
mark

查询出自己的评论记录显示在自己个人中心

@home.route("/comments/<int:page>/")
@user_login_req
def comments(page=None):
    """
    个人中心评论记录
    """
    if page is None:
        page = 1
    page_data = Comment.query.join(
        Movie
    ).join(
        User
    ).filter(
        Movie.id == Comment.movie_id,
        User.id == session["user_id"]
    ).order_by(
        Comment.addtime.desc()
    ).paginate(page=page, per_page=10)
    return render_template("home/comments.html", page_data=page_data)

将comments.html进行pagedata填充以及分页处理。

menu中评论记录url添加page=1

mark
mark

收藏电影

  1. 模型: Movie User Moviecol
  2. 表单: 无
  3. 请求方法: GET
  4. 访问控制: 需登录

通过ajax异步方法添加电影收藏。

mark
mark

ajax的提示信息无处安放，添加上图id 为show_col_msg

play页面中有一个按钮是收藏电影，id为btn-col

mark
mark

为btn-col 设置点击事件，获取当前的movieid，获取当前的用户。
使用ajax，提交的地址。type:get,提交的数据，返回的数据类型json。
成功之后的处理函数res接收返回的json对象

@home.route("/moviecol/add/", methods=["GET"])
@user_login_req
def moviecol_add():
    """
    添加电影收藏
    """
    uid = request.args.get("uid", "")
    mid = request.args.get("mid", "")
    moviecol = Moviecol.query.filter_by(
        user_id=int(uid),
        movie_id=int(mid)
    ).count()
    # 已收藏
    if moviecol == 1:
        data = dict(ok=0)
    # 未收藏进行收藏
    if moviecol == 0:
        moviecol = Moviecol(
            user_id=int(uid),
            movie_id=int(mid)
        )
        db.session.add(moviecol)
        db.session.commit()
        data = dict(ok=1)
    import json
    return json.dumps(data)

处理个人中心中电影收藏的view

@home.route("/moviecol/<int:page>/")
@user_login_req
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["user_id"]
    ).order_by(
        Moviecol.addtime.desc()
    ).paginate(page=page, per_page=10)
    return render_template("home/moviecol.html", page_data=page_data)

page_data进行填充，进行分页

menus中将收藏电影

mark
mark
mark
mark

修改这里配置菜单显示哪些按钮。

  • 换不存在的账号登录出现报错
builtins.AttributeError
AttributeError: 'NoneType' object has no attribute 'check_pwd'

解决方案:

        user = User.query.filter_by(name=data["name"]).first()
        if user:
            if not user.check_pwd(data["pwd"]):
                flash("密码错误！", "err")
                return redirect(url_for("home.login"))
        else:
            flash("账户不存在！", "err")
            return redirect(url_for("home.login"))

FLask 结合Redis消息队列实现电影弹幕

  1. 模型: Movie
  2. 表单: 无
  3. 请求方法: GET POST
  4. 访问控制: 无
  5. 消息队列: Redis
  6. Flask第三方扩展: Flask-Redis
  7. 弹幕播放器插件: dplayer.js(开源)

redis自行前往官网下载最新稳定版本

pip install flask-redis

前面的版本使用的是jwplayer

yum -y install gcc gcc-c++
tar zxf redis-4.0.1.tar.gz
cd redis-4.0.1/

可以看到当前目录有Makefile文件，安装。

make && make install

启动服务

./utils/install_server.sh
vim /etc/redis/6379.conf

修改bind的地址

redis-cli -h 192.x.x.x

弹幕播放器views实现

@home.route("/video/<int:id>/<int:page>/", methods=["GET", "POST"])
def video(id=None, page=None):
    """
    弹幕播放器
    """
    movie = Movie.query.join(Tag).filter(
        Tag.id == Movie.tag_id,
        Movie.id == int(id)
    ).first_or_404()

    if page is None:
        page = 1
    page_data = Comment.query.join(
        Movie
    ).join(
        User
    ).filter(
        Movie.id == movie.id,
        User.id == Comment.user_id
    ).order_by(
        Comment.addtime.desc()
    ).paginate(page=page, per_page=10)

    movie.playnum = movie.playnum + 1
    form = CommentForm()
    if "user" in session and form.validate_on_submit():
        data = form.data
        comment = Comment(
            content=data["content"],
            movie_id=movie.id,
            user_id=session["user_id"]
        )
        db.session.add(comment)
        db.session.commit()
        movie.commentnum = movie.commentnum + 1
        db.session.add(movie)
        db.session.commit()
        flash("添加评论成功！", "ok")
        return redirect(url_for('home.video', id=movie.id, page=1))
    db.session.add(movie)
    db.session.commit()
    return render_template("home/video.html", movie=movie, form=form, page_data=page_data)

templates目录创建一个video.html把原本play中的代码粘贴过来

将原本的jwplayer部分的script可以直接全部去掉了

mark
mark

将评论这里的分页中视图改为video

将jwplayer的css去掉

进入播放需要的静态资源

<link rel="stylesheet" href="{{ url_for('static',filename='dplayer/dist/DPlayer.min.css') }}">
<script src="{{ url_for('static',filename='dplayer/plugin/flv.min.js') }}"></script>
<script src="{{ url_for('static',filename='dplayer/plugin/hls.min.js') }}"></script>
<script src="{{ url_for('static',filename='dplayer/dist/DPlayer.min.js') }}"></script>

修改样式

    .dplayer-comment-setting-type>label{
    display: inline;

定义播放器的样式

        <div id="dplayer1" style="height:500px;width: 774px;"></div>

播放页面

<script>
    var dp1 = new DPlayer({
        element: document.getElementById('dplayer1'),
        video: {
            url: "{{ url_for('static',filename='uploads/'+movie.url) }}",
        },
        danmaku: {
            id: '{{ movie.id }}',
            api: "/tm/"
        }
    });
</script>

在官方网站的demo上开发者工具xhr可以看到弹幕发送及加载数据的接口。

发送的格式是json的字符串。

定义弹幕相关的处理方法

init文件中

from flask_redis import FlaskRedis

定义我们redis的url格式

app.config["REDIS_URL"] = "redis://127.0.0.1:6379/0"
rd = FlaskRedis(app)

views.py中引入

@home.route("/tm/", methods=["GET", "POST"])
def tm():
    """
    弹幕消息处理
    """
    import json
    if request.method == "GET":
        # 获取弹幕消息队列
        id = request.args.get('id')
        # 存放在redis队列中的键值
        key = "movie" + str(id)
        if rd.llen(key):
            msgs = rd.lrange(key, 0, 2999)
            res = {
                "code": 1,
                "danmaku": [json.loads(v) for v in msgs]
            }
        else:
            res = {
                "code": 1,
                "danmaku": []
            }
        resp = json.dumps(res)
    if request.method == "POST":
        # 添加弹幕
        data = json.loads(request.get_data())
        msg = {
            "__v": 0,
            "author": data["author"],
            "time": data["time"],
            "text": data["text"],
            "color": data["color"],
            "type": data['type'],
            "ip": request.remote_addr,
            "_id": datetime.datetime.now().strftime("%Y%m%d%H%M%S") + uuid.uuid4().hex,
            "player": [
                data["player"]
            ]
        }
        res = {
            "code": 1,
            "data": msg
        }
        resp = json.dumps(res)
        # 将添加的弹幕推入redis的队列中
        rd.lpush("movie" + str(data["player"]), json.dumps(msg))
    return Response(resp, mimetype='application/json')

原理:

mark
mark

代码优化及bug处理

  1. 头像判断
  2. 关键字搜索分页
  3. 电影右侧播放页面滚动条
builtins.TypeError
TypeError: must be str, not NoneType
mark
mark

如果有头像，显示头像，没有头像就显示holder的空头像。

评论记录中的头像部分做相同处理

后台的会员列表也做同样的处理

mark
mark

后台的评论列表也做同样的处理

mark
mark
mark
mark

会员详情中的会员头像也要判断templates/admin/user_view.html

mark
mark

关键字搜索分页

搜索分页中当前key会丢失掉

mark
mark

spage中的key要传递进去。

当影片内容过长设置滚动条

mark
mark

play 和 video中都做同样处理

weixin_34288121
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
flask构建弹幕微电影系列源码
01-24
flask构建弹幕微电影系列源码
1、Flask构建弹幕微电影网站-环境搭建项目目录分析
年少一梦
05-14 844
1、Flask构建弹幕微电影网站-环境搭建项目目录分析 已上线演示地址: http://movie.tbquan.cn 环境搭建 pip3 install virtualenvwrapper-win mkvirtualenv FlaskMovie pip list 使用 PyCharm 创建Flask项目 直接运行app.py，然后通过浏览器访问 http://127.0.0.1:5000/...
【Python报错】已解决AttributeError: ‘NoneType’ object has no attribute ‘XXXX’
最新发布
qq_38614074的博客
06-04 2152
AttributeError: ‘NoneType’ object has no attribute ‘XXXX’”错误虽然常见，但只要我们掌握了其产生的原因和解决办法，就能够有效地避免和解决它。在某些情况下，即使我们进行了上述检查，也可能因为其他原因导致出现“AttributeError: ‘NoneType’ object has no attribute ‘XXXX’”错误。本文将全面解析这一错误的原因，并提供一系列实用的解决办法，帮助读者有效避免和解决此类问题。（三）在条件语句和循环中进行检查。
7- Flask构建弹幕微电影网站-网站页面搭建
weixin_34384915的博客
02-23 650
已上线演示地址: http://movie.mtianyan.cn 项目源码地址：https://github.com/mtianyan/movie_project 前端搭建 实现前台后台html布局页面搭建 前台页面源码链接：https://github.com/mtianyan/movie_project...
弹幕 mysql_3、Flask构建弹幕微电影网站-安装mysql数据库及配置
weixin_36155936的博客
02-12 388
Flask 构建微电影视频网站安装数据库连接依赖包安装包flask-sqlalchemypip install flask-sqlalchemypip listPackage Version---------------- -------Click 7.0Flask 1.0.2Flask-SQLAlchemy 2.3.2itsdange...
flask之REDIS+Dplayer消息队列实现电影弹幕
LA7388的博客
08-01 720
一、安装Redis 官网下载地址：https://redis.io/download Redis centos安装过程： yum -y install gcc gcc-c++ wget http://download.redis.io/releases/redis-4.0.10.tar.gz tar -zxvf redis-4.0.10.tar.gz cd redis-...
Flask构建弹幕微电影网站.zip
04-07
《使用Flask构建弹幕微电影网站》 Flask是一个轻量级的Python Web框架，以其简洁、灵活的特性在Web开发领域广受欢迎。在这个项目中，我们将利用Flask搭建一个弹幕微电影网站，让用户体验到边看电影边交流的乐趣。 ...
人工智能-项目实践-html-用Flask构建一个微电影视频网站.zip
12-27
人工智能-项目实践-html-用Flask构建一个微电影视频网站 为什么使用Flask？Python web框架大对比 1.Flask:Flask扩展丰富，不臃肿，可自由选择组合各种插件，性能优越，相比其他的web框架十分的轻量级，设计哲学很...
基于flask构建的微电影网站python源码.zip
12-29
基于flask构建的微电影网站python源码.zip基于flask构建的微电影网站python源码.zip基于flask构建的微电影网站python源码.zip基于flask构建的微电影网站python源码.zip基于flask构建的微电影网站python源码.zip基于...
Flask结合Redis消息队列实现电影弹幕
weixin_30813225的博客
06-01 883
用到的弹幕播放器插件：dplayer.js（开源） 1.安装Redis 2.安装flask-redis包 pip install flask-redis3.下载dplayer 页面搭建 1.引入资源 　　<link rel="stylesheet" href="{{ url_for('static',filename='dplayer/dist/ DPlayer.mi...
使用Python的Flask框架实现视频的流媒体传输
12-25
Flask 是一个 Python 实现的 Web 开发微框架。这篇文章是一个讲述如何用它实现传送视频数据流的详细教程。 我敢肯定，现在你已经知道我在O’Reilly Media上发布了有关Flask的一本书和一些视频资料。在这些上面，Flask框架介绍的覆盖面是相当完整的，出于某种原因，也有一小部分的功能没有太多的提到，因此我认为在这里写一篇介绍它们的文章是一个好主意。 这篇文章是专门介绍流媒体的，这个有趣的功能让Flask应用拥有这样一种能力，以分割成小数据块的方式，高效地为大型请求提供数据，这可能要花费较长的时间。为了说明这个主题，我将告诉你如何构建一个实时视频流媒体服务器！ 什么是流媒体
jw player drm视频播放器（h5、web、android、ios）视频播放
10-16
jw player drm视频播放器（h5、web、android、ios）视频播放，带key
5- Flask构建弹幕微电影网站-项目分析、搭建目录及模型设计
weixin_34112030的博客
02-14 489
已上线演示地址: http://movie.mtianyan.cn 项目源码地址：https://github.com/mtianyan/movie_project 项目优化与模型设计 前后台项目目录分析： 微电影网站： 前台模块（home） 后台模块（admin） 前台模块： 数据模型：models....
WebSocket+Flask实现即时弹幕系统--开篇
weixin_34323858的博客
03-08 621
自从过年开始就消沉到了开学,每天不知道在忙啥,稀里糊涂做点事情就睡觉了 开学了,想做一个东西--弹幕系统 为什么要做这个东西？？ 事情说起来有些尴尬.....上一次元旦晚会,工作室要出技术支持下晚会弹幕 上一届学长也没有留下他们具体的措施,就在网上找了下,某部门还要求关注公众号发弹幕 找到了某某微信墙,本来想懒省事,不在造轮子了,最后开场了才发现有人数限制..... 真的很气,回到寝室就决定在下次...
(旧) 1- 大家一起学：Flask构建弹幕微电影网站-（一）-（三）合集：数据模型设计映射成表...
weixin_34124577的博客
08-28 887
Flask 构建微电影视频网站 已上线演示地址: http://movie.mtianyan.cn 项目源码地址：https://github.com/mtianyan/movie_project 本节教程对应github : commit：1-3完结并将ip密码省去. 持续更新教程与代码commit。欢...
6-Flask构建弹幕微电影网站-博客小项目学完flask基础
weixin_33851177的博客
02-22 606
已上线演示地址: http://movie.mtianyan.cn 项目源码地址：https://github.com/mtianyan/movie_project 实战小项目介绍 项目介绍 项目演示 开发思路 实现用户注册，用户登录，退出登录，添加文章 文章分页列表，修改文章，删除文章等功能 开发思...
16 -Flask构建弹幕微电影网站- 会员模块实现
weixin_34413802的博客
03-04 548
本章内容: 会员模块实现 已上线演示地址: http://movie.mtianyan.cn 项目源码地址：https://github.com/mtianyan/movie_project 会员模块实现 模型: User 表单: RegisterForm 请求方法: GET POST 访问控制: 无 ...
基于Flask的电影论坛管理系统设计与实现-本科生毕业论文
本文基于Flask框架设计了一个电影论坛系统，旨在帮助减少工作人员的劳动强度，提高工作效率与管理水平。该系统以Django为基础，采用b/s模式，基于MySql数据库，并在Tomcat服务器上运行。系统包含了首页、个人中心、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值