项目名称:视频网站项目
开发语言:HTML,CSS(前端),JavaScript,NODEJS(expres)(后台)
数据库:MySQL
开发环境:Win7,Webstorm
上线部署环境:Linux服务器
主要功能
我们先来看一下最终的效果:
用户主页的搭建:
实现了主页轮播图的显示和切换,用户可以从数据库中自由配置和切换轮播图的显示
实现了主页电影列表的显示:从数据库文件读取电影和电视剧列表信息并在前台显示
<ignore_js_op>
<ignore_js_op>
用户登录和注册页面的搭建:
实现了用户的登录和注册功能
用户注册和登录验证码提示功能(这部分建议使用谷歌或者火狐浏览器测试,因为使用的是svg格式的图片,对于低版本的浏览器或者IE浏览器,可能会出现验证码不能正常显示的问题)
<ignore_js_op>
<ignore_js_op>
电影播放页面的搭建
对于其他页面的任意可以展现电影列表的页面,用户可以直接点击列表,直接进入播放页面
播放页面电影详细信息的展现
对于加载速度较慢的视频,用户可以自由切换播放接口进行加速
弹幕功能(特色功能):类似于B站等其他视频网站的弹幕功能,用户在登录之后可以实现在线发言
用户可以在相应的播放页面查看其他用户已经发表的评论,同时也可以在登录之后自由发表评论
电影收藏和取消功能
<ignore_js_op>
电影搜索功能(特色功能)
实现了根据视频播放地址和视频名称全网视频的搜索和播放功能
实现了正在热映,即将上映和TOP250的电影列表的展示
这部分由于目前网站也没有提供一些搜索的接口,这里使用的是正则方式进行解析的思路实现了搜索功能
<ignore_js_op>
用户中心的管理
对于已经注册的用户,实现用户基本信息的修改
用户密码的修改
用户评论记录的查看
用户收藏电影的查看和播放
用户登录日志的查看
<ignore_js_op>
程序安装方法步骤:
确保电脑已经安装了NodeJS环境,运行版本尽量保持最新(V8以上吧),然后下载此安装包后解压到你的系统任意盘符下面的目录;
在当前解压文件夹的主目录(包含package.json的那个文件夹)运行命令:npm install, 系统就会自动安装该程序的依赖包;
登录你的网站数据库管理界面(PHPAdmin),如果是在本地测试的话,就使用Navicat等MYSQL数据库连接工具连接数据库,连接完成之后创建数据库名为video,设置数据库登录名root, 登录密码为123456。如果需要配置其他用户名或者密码,请进入到modes/db.js文件下面,修改代码11行/12行的位置,user和password改为你自己的用户名个密码就行;
数据库环境配置完成之后,打开解压文件夹里面的video.sql数据库脚本文件,进入Navicat等数据库管理工具,运行执行脚本文件,脚本执行成功之后就会在已经创建好的数据库下面创建程序运行所需要的数据表文件;
在以上的步骤都执行完成且正确的情况下,就可以在程序主目录下面(有app.js的那个目录),先打开app.js文件,然后找到代码:server.listen(8080, ‘192.168.1.101’, function () {}),修改为你自己的主机相应的IP地址和端口号,然后执行命令,node app.js,在以上的配置都没出错的情况下,这里就会正常启动程序了,然后进入浏览器,输入IP地址和端口号,就会进入到程序的主页了。