littlebot
Published on 2025-04-03 / 0 Visits
0

【源码】基于Vue.js和Strapi框架的仿掘金CMS系统

项目简介

本项目是一个仿掘金的内容管理系统(CMS),基于Vue.js和Strapi框架构建。Vue.js用于打造高效、响应式的用户界面,Strapi作为强大的Node.js后端框架,负责构建API、管理数据库和权限。通过两者结合,用户可以方便地管理文章、标签等内容,实现数据的增删改查。

项目的主要特性和功能

  1. 前端展示:使用Vue.js构建用户界面,具备响应式数据绑定和组件化视图,提供良好的用户体验。
  2. 后端服务:借助Strapi框架构建RESTful API,实现与数据库的交互,处理数据的增删改查操作。
  3. 文章管理:支持首页分页获取所有文章,也能获取单个详情文章,还可根据文章标签获取相关文章。
  4. 标签管理:提供获取所有标签、文章tag栏、标签切换栏等功能。
  5. 作者信息:可以获取作者榜,展示文章作者的相关信息。
  6. 广告与二维码:支持获取广告图片位和二维码图片,且媒体文件有不同分辨率可供选择。
  7. 多语言支持:通过Strapi的i18n模块,实现不同语言的内容展示。
  8. 用户管理:包含用户登录功能,提供测试账户用于验证系统。

安装使用步骤

环境要求

确保已安装Node.js(版本 >= 16)和Yarn。

安装依赖

下载项目源码后,在项目根目录下执行以下命令安装依赖: bash yarn install

开发环境启动

安装完成后,在项目根目录下执行以下命令启动开发环境: bash yarn dev 或者使用npm: bash npm run dev

项目无法运行的解决办法

若项目无法正常运行,可尝试执行以下命令: bash npm run strapi install i18n

生产环境部署

  1. 安装必要软件:在服务器上安装Nginx、Node.js和pm2。
  2. 复制项目:执行相应命令复制项目到服务器。
  3. 安装依赖:进入项目目录,执行以下命令安装依赖: bash yarn i
  4. 创建启动文件:在当前目录下创建server.js文件,内容如下: javascript const strapi = require('@strapi/strapi'); strapi().start();
  5. 使用pm2运行项目:执行以下命令使用pm2启动项目: bash pm2 start./server.js
  6. pm2常用命令: bash pm2 start # 启动应用 pm2 log # 查看日志 pm2 list # 查看应用列表

CentOS 7部署错误解决方法

若在CentOS 7上部署遇到问题,可执行以下命令安装GCC 7: bash yum install -y centos-release-scl-rh yum install -y centos-release-scl yum install devtoolset-7-gcc.x86_64 && yum install devtoolset-7-gcc-c++.x86_64 启用GCC 7: bash scl enable devtoolset-7 bash 查看GCC版本: bash g++ --version

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】