弹幕视频+聊天室页面布局

一、介绍

• 该实战项目将应用Python、MySQL、Redis、Tornado、SQLAlchemy、SockJS、Dplayer、WTForms、Werkzeug等技术打造一个完整弹幕视频+多人在线聊天室。我们将通过此项目的创建，在实战过程中带大家快学习Python MTV的设计模式和websocket实时长连接的技术原理。

必备知识

• 有一定的HTML/CSS/JavaScript前端基础

• 有一定的MySQL基础，熟悉数据库操作，数据表增删改查操作

• 有一定的Python基础，本项目用Python3.6

受益人群

• 帮助Python爱好者和Python初级程序员提高项目实战能力

• 帮助想从事Python Web开发的人员深入学习并理解websocket实时长连接技术

• 帮助想找工作、想跳槽、想升职加薪、想自主创业的同学提升实战技能

项目演示

• 项目地址：chat.thznote.com

• 本地演示：见1-1：实战项目概述视频

二、章节

第1章： 知识点介绍及环境准备

• 1-1：实战项目概述

• 1-2：http原理介绍

• 1-3：websocket原理介绍

• 1-4：技术架构介绍

• 1-5：开发环境介绍

第2章： 项目构建及ORM模型设计

• 2-1：构建项目目录

• 2-2：设计视频数据模型

• 2-3：设计聊天数据模型

• 2-4：设计会员数据模型

• 2-5：模型生成数据表

第3章： 前端页面布局实战

• 3-1：公共页面布局

• 3-2：视频列表页面布局

• 3-3：弹幕视频+聊天室页面布局

• 3-4：注册页面布局

• 3-5：登录页面布局

• 3-6：个人资料页面布局

第4章： 会员核心功能实战

• 4-1：注册表单验证模型

• 4-2：注册接口

• 4-3：注册表单提交

• 4-4：登录表单验证模型

• 4-5：登录接口

• 4-6：登录表单提交

• 4-7：登录权限控制

• 4-8：退出接口

• 4-9：个人资料表单验证模型

• 4-10：异步上传头像接口

• 4-11：异步上传头像客户端

• 4-12：个人资料编辑接口

• 4-13：个人资料编辑数据渲染及表单提交

第5章： 弹幕视频实战

• 5-1：视频列表分页接口

• 5-2：视频列表分页数据渲染

• 5-3：视频播放接口

• 5-4：视频播放数据渲染

• 5-5：提交弹幕接口

• 5-6：弹幕队列接口

第6章： websocket实时聊天实战

• 6-1：websocket实时聊天接口

• 6-2：聊天输入框数据渲染

• 6-3：客户端发起websocket长连接

• 6-4：建立websocket全双工数据通信

• 6-5：websocket断线和重连

• 6-6：聊天输入框表单提交

• 6-7：实时更新聊天记录至消息框

• 6-8：聊天记录代码高亮效果

• 6-9：聊天记录更新滚动效果

• 6-10：用户或游客进入房间提示

• 6-11：存储实时聊天消息

• 6-12：加载历史聊天消息

第7章： 项目总结

• 7-1：项目总结

开发工具：

• Python3.6、Pycharm、MySQL、Redis

项目截图：
弹幕视频+多人在线聊天页面：

个人资料页面：
注册页面：
登录页面：
视频列表页面：