关于全栈项目【臻美短视频】总结

登录注册页

视频展示页

上传拍摄视频页

以上是臻美短视频的基本页面。

这个项目的有几大难点：
一、登录注册功能的实现
二、视频数据的实时获取以及上滑切换视频
三、上传视频以及录制视频

那么我们一步一步分析
一、登录注册功能的实现

这里后台使用的是nodejs，调用相应的端口就可以存入数据库。

var express = require(‘express’)
var multer = require(‘multer’)
var jwt = require(‘jsonwebtoken’);
var mysql = require(‘mysql’);
var bodyParser = require(‘body-parser’)
// 如果使用POST方法，就必须导入bodyParser,body-parser请求体解析模块，是express的中间件用于接受请求体中的数据，并解析为对象，解析之后的对象会将作为body属性添加给rep对象
var fs = require(‘fs’);
var join = require(‘path’).join;
var web = express();
var secretkey = ‘secretkey’;
var connection = mysql.createConnection({
host: ‘localhost’,
user: ‘root’,
password: ‘’,
port: ‘3306’,
database: ‘sv’
});
connection.connect();
web.use(express.static(‘public’))
// 设置服务器静态文件夹,里面的文件都是呈现给人们看的网页
web.use(bodyParser.json());
web.use(bodyParser.urlencoded({
extended: true
}));

web.all("", function (req, res, next) {
res.header(‘Access-Control-Allow-Origin’, req.headers.origin || '’);
res.header(‘Access-Control-Allow-Headers’, ‘Content-Type,Content-Length, Authorization,‘Origin’,Accept,X-Requested-With’);
res.header(‘Access-Control-Allow-Methods’, ‘GET, POST, OPTIONS, PUT, PATCH, DELETE’);
res.header(‘Access-Control-Allow-Credentials’, true);
res.header(‘X-Powered-By’, ’ 3.2.1’);
res.header(‘Content-Type’, ‘application/json;charset=utf-8’);
if (req.method.toLowerCase() == ‘options’)
res.send(200); //让options尝试请求快速结束
else
next();
})

 

更多内容请见原文，原文转载自：https://blog.csdn.net/weixin_44519496/article/details/118692916