【VIP视频网站项目v1.0.3】基于Nodejs开发的VIP视频网站项目及源码分享

意识上传
• 阅读 5600

在线体验地址:http://vip.52tech.tech/

GIthub源码:https://github.com/xiugangzha...

项目预览

【VIP视频网站项目v1.0.3】基于Nodejs开发的VIP视频网站项目及源码分享

  • 主页面

【VIP视频网站项目v1.0.3】基于Nodejs开发的VIP视频网站项目及源码分享

  • 登录页面

【VIP视频网站项目v1.0.3】基于Nodejs开发的VIP视频网站项目及源码分享

  • 注册页面

【VIP视频网站项目v1.0.3】基于Nodejs开发的VIP视频网站项目及源码分享

  • 会员中心

【VIP视频网站项目v1.0.3】基于Nodejs开发的VIP视频网站项目及源码分享

  • 电影播放页面

【VIP视频网站项目v1.0.3】基于Nodejs开发的VIP视频网站项目及源码分享

  • 电影弹幕功能

【VIP视频网站项目v1.0.3】基于Nodejs开发的VIP视频网站项目及源码分享

视频网站项目已经完功能如下:

v1.0.3(当前最新版本)

    1. 增加自动抓取功能,网站数据定期实时更新

      • 电影和电视剧数据抓取
      • 电影数据信息前端展现
    1. 电影页面图片的自动抓取、下载和展示
    1. 代码结构调整

v1.0.2

    1. 简化程序安装流程,新增可视化安装界面

      • 用户可直接输入数据库名、数据库地址、数据库用户名、数据库密码信息一键完成程序的安装
    1. 页面部分结构的调整

v1.0.1

    1. 用户中心的管理

      • 对于已经注册的用户,实现用户基本信息的修改
      • 用户密码的修改
      • 用户评论记录的查看
      • 用户收藏电影的查看和播放
      • 用户登录日志的查看
    1. 电影搜索功能(特色功能)

      • 实现了根据视频播放地址和视频名称全网视频的搜索和播放功能
      • 实现了正在热映,即将上映和TOP250的电影列表的展示
      • 电影收藏和取消功能
    1. 弹幕功能(特色功能)

      • 类似于B站等其他视频网站的弹幕功能,用户在登录之后可以实现在线发言

v1.0.0

    1. 用户主页的搭建:

      • 实现了主页轮播图的显示和切换,用户可以从数据库中自由配置和切换轮播图的显示
      • 实现了主页电影列表的显示:从数据库文件读取电影和电视剧列表信息并在前台显示
    1. 用户登录和注册页面的搭建:

      • 实现了用户的登录和注册功能
      • 用户注册和登录验证码提示功能
    1. 电影播放页面的搭建

      • 对于其他页面的任意可以展现电影列表的页面,用户可以直接点击列表,直接进入播放页面
      • 播放页面电影详细信息的展现
      • 对于加载速度较慢的视频,用户可以自由切换播放接口进行加速
      • 用户可以在相应的播放页面查看其他用户已经发表的评论,同时也可以在登录之后自由发表评论

其他

    1. 页面整体的风格模仿了Discuz等论坛网站的布局
    1. 网站首页的轮播图效果模仿了优酷、爱奇艺、腾讯视频等主流视频网站的轮播图效果,并且对该部分的效果实现进行了代码封装
    1. 电影底部的的友情链接,使用了大部分网站的分栏布局,用户可以添加自己的QQ群以及微信公众号方便增加自己网站的人气
    1. 主要列表的分页功能,对于一些内容显示较多的不能再一页显示完整的页面,使用了ajax无刷新分页对数据进行多条展示,提高了用户的体验
    1. 目前主流浏览器中也做了相应测试,建议大家使用谷歌或者火狐浏览器,效果可能会更好
    1. 未使用其他第三方框架,首页和播放页均为纯原生的HTML,CSS, js实现(至于这个xframe-min-1.0.js文件可以参见我的GitHub xframe.js这个开源项目)
    1. 电影播放页面:此处也是类似于当前主流网站的的播放页面,左侧为播放窗口,右侧部分为电影的详细信息
    1. 底部导航:使用分栏的方式实现了底部的导航,前面的为友情链接,后面的一个为网站的微信,Q微博等联系方式
    1. 用户中心:这部分实现了修改密码,评论,登录,日志管理,收藏电影的功能,用户可以自由切换

程序目录结构说明

vip.github.io:
├─controllers               // 控制层
├─data                      // 数据抓取层
├─logs                      // 后台日志
│  ├─errlog                 // 错误日志
│  ├─othlog                 // 其他日志
│  └─reqlog                 // 请求日志
├─models                    // 模型层
├─static                    // 静态页
│  ├─css                    // 样式表
│  ├─images                 // 静态图片资源
│  └─js                     // js脚本
├─utils                     // 工具相关
├─views                     // 视图层
└─www                       // 静态资源
    ├─css                   // 样式表
    ├─html                  // html文件
    ├─images                // 静态图片资源
    ├─js                    // js脚本
    │  └─movielist          // 搜索页电影列表
    │      ├─components     // top250/即将上映
    │      └─in_theaters    // 正在热映
    └─uploads               // 文件上传目录
        ├─avatar            // 用户图像
        └─movie             // 电影图标

程序安装方法

    1. 确保电脑已经安装了NodeJS环境,运行版本尽量保持最新(V8以上吧),选择本地的一个路径,然后运行命令:
       git clone https://github.com/xiugangzhang/vip.github.io.git
    1. 进入程序的主目录(包含app.js的那个文件夹)运行命令:npm install,系统就会自动安装该程序的依赖包;
    1. 在以上的步骤都执行完成且正确的情况下,就可以在程序主目录下面(有app.js的那个目录),运行命令
       node app.js

之后就会自动在浏览器中打开本程序安装的主界面;

    1. 如果是windows环境下,本程序提供了可视化的安装。用户可在程序的安装界面输入数据库名、数据库主机地址、数据库用户名、数据库密码,之后点击按钮立即安装即可,在输入的参数全部正确的情况下,就会后台自动安装程序,安装成功之后会自动跳转到网站首页;

【VIP视频网站项目v1.0.3】基于Nodejs开发的VIP视频网站项目及源码分享

    1. 如果是Linux环境下,请提前准备好数据库名(database=video)、数据库主机地址(host=localhost)、数据库用户名(user=root)、数据库密码(password=123456 ),按照如下格式保存为config.properties文件,请确保这里的配置信息和你的数据库配置信息完全一致;
    database=video               
    host=localhost          
    user=root               
    password=123456         
    1. 在线演示站点:http://vip.52tech.tech
    1. 对于安装和使用的过程中如果有什么问题和建议,也欢迎交流和提出建议,可以在issue去发起话题讨论,或直接联系邮箱:tech52admin@126.com
点赞
收藏
评论区
推荐文章
blmius blmius
3年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
Karen110 Karen110
3年前
一篇文章带你了解JavaScript日期
日期对象允许您使用日期(年、月、日、小时、分钟、秒和毫秒)。一、JavaScript的日期格式一个JavaScript日期可以写为一个字符串:ThuFeb02201909:59:51GMT0800(中国标准时间)或者是一个数字:1486000791164写数字的日期,指定的毫秒数自1970年1月1日00:00:00到现在。1\.显示日期使用
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
Jacquelyn38 Jacquelyn38
4年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
Wesley13 Wesley13
3年前
mysql设置时区
mysql设置时区mysql\_query("SETtime\_zone'8:00'")ordie('时区设置失败,请联系管理员!');中国在东8区所以加8方法二:selectcount(user\_id)asdevice,CONVERT\_TZ(FROM\_UNIXTIME(reg\_time),'08:00','0
Wesley13 Wesley13
3年前
00:Java简单了解
浅谈Java之概述Java是SUN(StanfordUniversityNetwork),斯坦福大学网络公司)1995年推出的一门高级编程语言。Java是一种面向Internet的编程语言。随着Java技术在web方面的不断成熟,已经成为Web应用程序的首选开发语言。Java是简单易学,完全面向对象,安全可靠,与平台无关的编程语言。
Stella981 Stella981
3年前
Django中Admin中的一些参数配置
设置在列表中显示的字段,id为django模型默认的主键list_display('id','name','sex','profession','email','qq','phone','status','create_time')设置在列表可编辑字段list_editable
Wesley13 Wesley13
3年前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
背景描述Time:20190124T00:08:14.70572408:00User@Host:@Id:Schema:sentrymetaLast_errno:0Killed:0Query_time:0.315758Lock_
Python进阶者 Python进阶者
1年前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这
美凌格栋栋酱 美凌格栋栋酱
4个月前
Oracle 分组与拼接字符串同时使用
SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(
意识上传
意识上传
Lv1
仰天大笑出门去,我辈岂是蓬蒿人。
文章
2
粉丝
0
获赞
0