Coder Social home page Coder Social logo

erciyuan's Introduction

ErCiYuan

项目结构

image-20210211001824317

后端技术栈

项目骨架

框架 版本
SpringBoot 2.2.2.RELEASE
SpringCloud Hoxton.SR1
SpringCloudAlibaba 2.1.0.RELEASE
Mybatis Plus 3.3.1 ORM
Swagger 2.8.0 接口文档及测试
SpringSecurity 2.2.2.RELEASE 用户认证与授权,动态路由
gateway 2.2.1.RELEASE SpringCloud Gateway,新一代微服务网关,进行请求过滤以以及转发

数据库

数据库 作用
MySQL 存储数据
Redis 缓存首页数据,缓存 token 用于 refresh 以及校验

第三方服务

服务名 作用
微信支付 我,二刺螈皇帝,打钱
阿里云 VOD 视频上传,解码等
阿里云 OSS 图片和文件存储
阿里云 SMS 短信发送

其它

组件名 作用
nacos 服务注册与发现、配置中心
sentinel 服务监控,以及熔断、限流、降级
openFegin http 远程调用
easyExcel Excel 操作
jjwt jwt token 工具

前端技术栈

后台

框架、UI、模板
Vue
elementUI
vue-element-admin

前台

框架、UI
Vue
Nuxt
elementUI

其它

DPlayer:视频播放

环境搭建

导入数据库

导入 sql 文件夹下的所有 sql 文件

搭建 Redis

我使用的是 docker 搭建的,详情可以参考我的教程 redis 入门

搭建弹幕 node 服务

在视频播放中用到了第三方播放器 DPlayer,可以搭载弹幕的后端服务

mkdir dplayer-node
cd dplayer-node
git clone https://github.com/MoePlayer/DPlayer-node .
docker-compose build
docker-compose pull
docker-compose up # -d for run it in the background

启动 nacos

nacos 可以本地启动,也可以在虚拟机上启动,这里介绍使用 docker 启动。nacos 安装

启动 sentinel

同样 sentinel 也可以本地启动,也可以在虚拟机上启动,这里不再赘述

修改配置文件

oss、vod、sms、ucenter、trade 服务中都涉及到了 Key 和 Secret,请自行申请并替换 ( 阿里云的,github 和 gitee 的,微信支付的 )

涉及到 nacos 和 sentinel 的端口以及 ip 请自行修改

涉及到的内网穿透,请自行搭建 / 购买

ps:项目中提供的配置文件是通过 nacos 进行整合的,如果想要不在 nacos 上的版本,请看过往版本

启动项目

前台启动

front 为后台,site 为 前台,分别

  • npm install
  • npm run dev

启动后会自行弹出

后台启动

全启,没啥好说的

效果图

后台

admin

image-20210209144138177

image-20210209144202480

image-20210209144235932

普通管理员

image-20210209144350629

image-20210209144416888

前台

image-20210209144633630

image-20210209144903689

首页进入可能较慢,因为会把数据缓存到 Redis 里

动漫

image-20210209144932368

image-20210209145045471

InkedQQ图片20210402073353_LI

制作方

image-20210209144945351

image-20210209145927178

用户中心

image-20210209150021373

image-20210209150044399

image-20210209150103832

erciyuan's People

Contributors

iwakura-lain avatar

Stargazers

Tan Binh 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.