Giter Site home page Giter Site logo

ekisstherain / chunyu-cms Goto Github PK

View Code? Open in Web Editor NEW

This project forked from yinmrsir/chunyu-cms

0.0 0.0 0.0 56.95 MB

淳渔CMS-Nodejs快速搭建影视,视频类网站的系统,它基于nuxt3、vue3、nestjs,也非常适合二次开发。

Home Page: https://cms.yinchunyu.com

License: MIT License

JavaScript 4.50% TypeScript 18.51% CSS 0.07% HTML 1.21% PLpgSQL 49.63% Batchfile 0.01% Vue 25.31% SCSS 0.76%

chunyu-cms's Introduction

项目简介

淳渔是一款快速搭建影视类网站的系统,它用户端基于nuxt3element-ui ,管理端基于 vue3element-ui ,后端基于 node 的后端框架 nestjs ,数据库采用 mysql ,缓存采用 redis。

在线体验

技术要求

技术选型

  1. 前端技术
  • nuxt @3.6.5
  • vue @3.2.45
  • element-plus @2.2.21
  • axios @0.24.0
  • vuex @3.6.0
  • vue-router @3.4.9
  • sass-loader @10.1.1
  1. 后端技术
  • nest @8.0
  • mysql2 @2.3.3
  • swagger-ui-express @4.2.0
  • typeorm @0.2.41
  • ioredis @4.28.2

开发前

如未安装mysql数据库和redis请先自行安装。可选mysql8,redis7。安装教程

如果没有安装nest-cli,先执行npm install -g @nestjs/cli命令全局安装

本地开发启动服务可查看:相关视频

部署

构建服务端:

先修改Nest-server/src/config/config.production.ts中的数据库连接配置信息后执行:

cd Nest-server
yarn
yarn build

构建用户端:

在Nuxt-web目录中创建.env文件并写入BASE_URL=服务端请求地址

cd Nuxt-web
yarn
yarn build

构建完成后,可通过pm2进行部署,未安装的可执行npm install -g pm2安装

执行以下命令启动服务:

pm2 start pm2.config.cjs

构建管理端

执行以下命令会生成dist目录,可通过nginx指定到目录。

cd Vue3-admin
yarn
yarn build:prod

单文件打包

如果你有需求要打包成单文件或者pkg包,可进入Nest-server执行yarn ncc:pkg, 因bull库不支持单文件执行,所以打包前需将引入了bull库的相关模块移除!

更新

待完成

  • 用户购买金币
  • 视频发送弹幕

相关链接

win安装Docker: https://zhuanlan.zhihu.com/p/441965046

docker安装redis:https://www.yinchunyu.com/other/redis.html

docker安装mysql:https://www.runoob.com/docker/docker-install-mysql.html

解决Navicat连接数据库提示`client does not support authentication:https://blog.csdn.net/lovedingd/article/details/106728292

有任何疑问可添加微信

如何使用阿里云Oss上传文件

第一步 修改pm2.config.cjs 或直接修改 Nest-server/src/config目录对应配置文件

// 1、pm2.config.js
module.exports = {
  apps : [
    {
      env: {
        // ...
        // 填写Bucket所在地域。以华东1(杭州)为例,Region填写为oss-cn-hangzhou。
        REGION: '',
        // 阿里云账号AccessKey拥有所有API的访问权限,风险很高。强烈建议您创建并使用RAM用户进行API访问或日常运维,请登录RAM控制台创建RAM用户。
        ACCESS_KEY_Id: '',
        ACCESS_KEY_SECRET: '',
        // 填写Bucket名称。
        BUCKET: '',
        // 是否支持上传自定义域名
        CNAME: false,
        // OSS访问域名
        ENDPOINT: ''
      }
    }
  ]
};

第二步 进入后台系统管理-参数配置,将是否开启文件上传至阿里云参数键值修改为1

注意:管理端通过视频截取封面存在跨域问题,所以需要在阿里云配置允许跨域。

chunyu-cms's People

Contributors

yinmrsir 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.