【开源项目】基于NodeJS Express框架开发的VIP视频网站项目及源码分享(前端+后台)...

 

首先直接来看下最终的效果图吧:

网站首页:

【开源项目】基于NodeJS Express框架开发的VIP视频网站项目及源码分享(前端+后台)..._第1张图片

 

【开源项目】基于NodeJS Express框架开发的VIP视频网站项目及源码分享(前端+后台)..._第2张图片

播放页面:

【开源项目】基于NodeJS Express框架开发的VIP视频网站项目及源码分享(前端+后台)..._第3张图片

评论页面:

【开源项目】基于NodeJS Express框架开发的VIP视频网站项目及源码分享(前端+后台)..._第4张图片

搜索页面:

【开源项目】基于NodeJS Express框架开发的VIP视频网站项目及源码分享(前端+后台)..._第5张图片

登录页面:

【开源项目】基于NodeJS Express框架开发的VIP视频网站项目及源码分享(前端+后台)..._第6张图片

注册页面:

【开源项目】基于NodeJS Express框架开发的VIP视频网站项目及源码分享(前端+后台)..._第7张图片

用户中心:

【开源项目】基于NodeJS Express框架开发的VIP视频网站项目及源码分享(前端+后台)..._第8张图片

 

项目名称:VIP视频网站项目

开发语言:HTML,CSS(前端),JavaScript,NODEJS(expres)(后台)

数据库:MySQL 开发环境:Win7,Webstorm

上线环境:Linux服务器

在线演示站点:http://vip.52tech.tech

Github源码:https://github.com/xiugangzhang/vip.github.io

 

程序安装方法

  • 确保电脑已经安装了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地址和端口号,就会进入到程序的主页了。
  • 初次进入到网站首页后,由于数据库中没有数据的原因,首页或者其他页面可能会出现变形格式不正常等其他问题,大家可以向数据库中添加一些测试数据,然后再测试一下。这里也可以直接添加我这里提供的一些测试数据,参见相关文件夹下面的video.sql 文件(直接导入数据表结构),如果是需要导入内容文件,这里也提供了另外一个SQL文件(包含部分内容的数据表movies.sql和tvs.sql),直接使用数据库管理工具,导入SQL文件数据到数据库即可完成数据的导入。

转载于:https://my.oschina.net/u/3986564/blog/2222393

你可能感兴趣的:(【开源项目】基于NodeJS Express框架开发的VIP视频网站项目及源码分享(前端+后台)...)