# VCMS

**Repository Path**: sun_xichao/VCMS

## Basic Information

- **Project Name**: VCMS
- **Description**: vcms使用前后端分离技术开发的cms系统，后端使用使用node+express+mysql开发接口，管理平台使用element-plus+ts+axios+router开发，可以方便快速生产数据，给业官网、小程序、app作为后端管理，vcms旨在打造一个方便开源的cms系统。
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-13
- **Last Updated**: 2026-06-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

VCMS 内容管理系统使用说明 一、系统概述 VCMS（Vue+Node+MySQL Content Management System）是一套轻量化、可扩展、易部署的企业级内容管理系统，基于 Vue3 + Element Plus + Node.js + MySQL 技术栈开发，专为政府、企业、院校、自媒体等场景打造，支持栏目管理、文章发布、附件上传、图片管理、权限控制、分页查询、富文本编辑等核心功能，可快速搭建官网、资讯站、公告平台、产品展示站。 系统遵循前后端分离架构，前端交互简洁、响应迅速，后端接口稳定、易维护，支持自定义栏目层级、文章属性、内容格式，适配电脑端、移动端展示，开箱即用，可直接部署上线。 二、核心功能模块

栏目管理
支持无限层级树形栏目（一级 / 二级 / 三级栏目），可排序、启用 / 禁用； 支持栏目名称、层级、归属上级配置，前端可按栏目筛选对应文章； 树形结构可视化展示，层级缩进清晰，操作便捷。

文章管理（核心）
基础信息：文章标题、摘要、归属栏目、文章属性（默认 / 推荐 / 热门 / 焦点）； 素材上传： 封面图：支持 JPG/PNG 格式，图片压缩校验，图片预览、删除； 附件上传：支持 PDF、Word、Excel、TXT、ZIP、RAR 等格式，上传后可下载；

富文本内容：集成富文本编辑器，支持文字排版、加粗、斜体、图片 / 文件 / 视频插入、自定义样式； 文章操作：新增、编辑、删除、分页查询、关键词搜索； 内容省略：支持标题、摘要、内容多行文本溢出省略，适配前端展示。

前端展示模块
按栏目 ID 筛选文章，支持分页加载； 文章属性排序（推荐 / 热门优先展示）； 内容自适应排版，图片、附件正常渲染； 文章详情页展示完整内容、下载附件。

权限与安全
登录鉴权：Token 身份验证，接口权限校验； 文件校验：限制文件格式、大小，防止恶意文件上传； 数据校验：参数校验、重复标题拦截、非法参数过滤。

其他功能
表单清空、弹窗关闭重置； 上传文件列表回显、删除； 时间格式化、数据分页、总数统计； 接口日志输出，便于调试维护。

三、技术架构 前端

框架：Vue3 + Composition API + TypeScript UI 组件库：Element Plus 编辑器：wangEditor 富文本编辑器 网络请求：Axios 样式：CSS Flex、多行文本省略、响应式布局

后端

运行环境：Node.js 数据库：MySQL 文件上传：Multer 中间件 鉴权：JWT Token 接口规范：RESTful API

部署要求

服务端：Node.js 16+、MySQL 5.7+/8.0+； 静态资源：Nginx 反向代理 / 静态文件托管； 跨域配置：支持前端跨域访问； 存储：图片、附件上传至服务端目录，支持自定义存储路径。

四、快速使用流程

登录系统：输入账号密码，登录后台管理端； 配置栏目：新增 / 编辑栏目，搭建网站栏目结构； 发布文章： 选择归属栏目； 填写标题、摘要； 上传封面图、附件； 富文本编辑文章内容； 提交保存，系统自动入库；

管理文章：查看、编辑、删除、搜索、分页筛选； 前端访问：前端页面按栏目展示文章，支持查看详情、下载附件。

五、数据库核心表结构（精简版）

栏目表 category 表格字段类型说明idint主键namevarchar栏目名称parent_idint上级栏目 IDlevelint栏目层级
文章表 article 表格字段类型说明idint主键category_idint归属栏目 IDtitlevarchar文章标题descriptiontext文章摘要contentlongtext文章内容attributestinyint文章属性（1 默认 / 2 推荐 / 3 热门 / 4 焦点）covervarchar封面图地址attachmentvarchar附件地址user_idint发布人 IDcreated_timedatetime创建时间updated_timedatetime更新时间
用户表 user 表格字段类型说明idint主键usernamevarchar用户名passwordvarchar密码 六、系统优势
轻量化：无冗余模块，启动快、部署简单； 易扩展：可新增评论、标签、轮播、多语言等功能； 易维护：前后端分离，代码规范，接口清晰； 安全稳定：完善的鉴权、参数校验、文件校验； 开箱即用：数据库脚本齐全，一键导入即可使用。

七、适用场景 企业官网、政务公开平台、院校资讯、产品展示、公告发布、自媒体内容站、内部信息发布系统等。