- 增加mysql数据库
- 将数据移入mysql数据库中
- 增加Prompt组件,替换所有alert
- 增加了登录和注册页面的css样式
- 支持中文文件名
- 增加本地视频上传
- 增加video-player组件
- 增加视频播放时长
- 增加视频蒙层,hover显示数据信息
- 改造node层,增加获取数据信息的接口
- 增加上传视频功能,扩展node层upload业务逻辑
- 增加用户登出功能
- 暂时所有提示框由alert代替,后期使用自定义组件代替
- 视频目前只支持B站视频,暂时由于无B站视频源API,视频详情页由相应B站视频页代替
- 修改信息部分从form表单上传改为fetch上传
- 重构node层业务逻辑,增加获取用户信息接口,优化用户体验
- 视频列表部分UI完成
初次开发,实现以下功能:
- 用户登录以及注册
- 用户信息修改
- 图片上传与处理
- node.js (为了锻炼nodejs流程,没用express和koa框架,特意用原生撸的)
- react.js (项目太小为了省事直接用react没用redux)
- webpack (项目太小随便写写)
- ECMAScript2015 (习惯问题)
- pug (为了测试node配合模板输出)
- sass (同样是习惯问题)
- 请确保4567端口以及4444端口未被占用
- 请确保node版本在v4.4.4以上
- 请确保电脑安装mysql数据库
- 进入mysql创建数据库videoDB:CREATE DATABSE videoDB;
- 在根目录安装所有依赖 npm install
- 在终端运行脚本创建数据表 node createDB.js
- 在终端启动node服务器 npm run start
- 在终端启动webpack打包 npm run startfe