GithubHelp home page GithubHelp logo

teng2015 / video-admin Goto Github PK

View Code? Open in Web Editor NEW

This project forked from wunci/video-admin

0.0 1.0 0.0 5.84 MB

node+koa2+mysql (项目接口已经重写,需要携带token)

Home Page: http://vue.wclimb.site

JavaScript 58.34% HTML 41.66%

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

Watchers

 avatar

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.