Giter Club home page Giter Club logo

video-admin's Introduction

写在前面(有问题可以加qq群:725165362)

该项目有两个版本,vue和react

前端项目地址 https://github.com/wclimb/vue-video  
前端预览 http://video.wclimb.site

后端项目地址 https://github.com/wclimb/video-admin
后台管理 http://vue.wclimb.site

API接口地址 https://github.com/wclimb/video-admin/blob/master/API.md (未更新,接口现在重写过)

react版现在已经完成

react版项目地址 https://github.com/wclimb/react-video
react版预览 http://react.wclimb.site

技术栈(Vue2.js + Node.js 全栈项目)

Node.js + Koa2 + Mysql

开发环境

  • Nodejs v8.1.0
  • Koa v2.3.0
  • Mysql v5.7.0

如果遇到报错,可能是因为不支持async await,请先升级node版本,

运行

只有超级管理员才可以删除文章,其他登录之后会自动注册,可以上传信息和修改信息

git clone https://github.com/wclimb/video-admin.git

cd video-admin

npm install  建议使用淘宝镜像(https://npm.taobao.org/) =>  cnpm i

npm i supervisor -g(安装过可以忽略)

npm run dev (运行项目)

npm test (测试)

ps: 需要先创建数据库,本项目的数据库名为 vuesql 不知道如何创建的可以看我另外一个项目Koa2-blog的README.md

如果觉得对你有帮助还望关注一下,有问题可以及时提哟,觉得不错的话star一下也是可以的哟

后端管理后台功能

  • 注册
  • 登录
  • 登出
  • 上传video信息
  • 修改已上传的video信息
  • 查看喜欢/不喜欢的所有数据
  • 查看评论的所有数据
  • 查看评论的所有数据
  • 查看后台所有用户
  • 查看前端注册的所有用户

后端线上地址

技术栈:node + koa2 + mysql 预览:video-admin GitHub: 管理后台

前端后台演示

前端功能

    1. 注册登录登出 + 验证码 密码检测,如果用户不存在则自动创建
    1. 检测是否登录,如果没有登录则不允许评论和评价
    1. 可以上传影片到后台,进行前台展示
    1. 评分功能,初始化评分可以自由设置,如果没有人like则默认显示原始评分,如果有则计算当前vide的评分
    1. 修改用户名,检测用户名是否跟其他人重复
    1. 上传头像,默认没有头像
    1. 评论功能,评论之后可以在个人中心展示,并且可以删除
    1. 搜索功能,可以搜索存在的影片,如果没有则显示无结果
    1. 自己喜欢的video和评论的内容会在个人中心显示

综上:

  • 注册
  • 登录
  • 登出
  • 验证码
  • 详情页
  • 分类
  • 分类影视列表
  • 修改用户名
  • 上传头像
  • 评论
  • 删除评论
  • 搜索
  • 个人中心数据

前端线上地址

项目是手机端的,请使用谷歌浏览器手机预览模式

预览:vue-video

手机扫描图下二维码预览

video-admin's People

Contributors

geekblue avatar wunci avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

video-admin's Issues

后台node+koa2+mysql配置

我配置koa2+mysql数据库的时候,配置好后,启动项目报错

[email protected] dev F:\work\Vue\video-admin-master\Koa2-blog
supervisor --harmony index

Running node-supervisor with
program '--harmony index'
--watch '.'
--extensions 'node,js'
--exec 'node'

Starting child process with 'node --harmony index'
Watching directory 'F:\work\Vue\video-admin-master\Koa2-blog' for changes.
Press rs for restarting the process.
F:\work\Vue\video-admin-master\Koa2-blog\node_modules\koa-bodyparser\index.js:72
return async function bodyParser(ctx, next) {
^^^^^^^^

SyntaxError: Unexpected token function
at createScript (vm.js:56:10)
at Object.runInThisContext (vm.js:97:10)
at Module._compile (module.js:542:28)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at require (internal/module.js:20:19)
at Object. (F:\work\Vue\video-admin-master\Koa2-blog\index.js:3:18)
at Module._compile (module.js:570:32)
Program node --harmony index exited with code 1

启动报错

[email protected] dev F:\work\Vue\video-admin
supervisor --harmony index

Running node-supervisor with
program '--harmony index'
--watch '.'
--extensions 'node,js'
--exec 'node'

Starting child process with 'node --harmony index'
Watching directory 'F:\work\Vue\video-admin' for changes.
Press rs for restarting the process.
F:\work\Vue\video-admin\node_modules\koa-static-cache\index.js:49
return async (ctx, next) => {
^

SyntaxError: Unexpected token (
at createScript (vm.js:56:10)
at Object.runInThisContext (vm.js:97:10)
at Module._compile (module.js:542:28)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at require (internal/module.js:20:19)
at Object. (F:\work\Vue\video-admin\index.js:7:22)
at Module._compile (module.js:570:32)

关于路由的问题

问一下关于路由的问题,当项目接口比较多的时候,所有的路由都写在一个文件里面是不是有点不切实际?有没有配置的方法能够解决这样的问题?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.