# cms

**Repository Path**: zeng-h/cms

## Basic Information

- **Project Name**: cms
- **Description**: 使用 node + vue3 搭建的一套后台管理系统，详细说明请移步博客
- **Primary Language**: NodeJS
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2023-04-12
- **Last Updated**: 2023-07-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, Nodejs, Express, JWT

## README

## 说明

本项目是之前写博客时，项目重构后的精简版，这里开源出来，方便大家学习。

肯定会有很多不足的地方，如果遇到任何问题请自己修改，我这里不提供技术支持。

## 项目结构

在`CMS-CLIENT`目录下是前端项目，使用`vue`框架，使用`vite`脚手架搭建。

该文件夹下有`README.md`文件，里面有详细的项目结构说明。

如果对前端这一块还有疑问可以看这篇文章：[项目重构，从零开始搭建一套新的后台管理系统](https://juejin.cn/post/7168475244099797029)

在`CMS-SERVER`目录下是后端项目，使用`nodejs`框架`express`搭建，数据库使用`postgresql`，使用`sequelize`作为`orm`框架。

同样也有对应的`README.md`文件，里面有详细的项目结构说明。

对后端这一块还有疑问可以看这篇文章：[项目重构，从零开始搭建一套新的后台管理系统（后端版）](https://juejin.cn/post/7221057111091085371/)

## 项目运行

安装完依赖后，可以直接在当前目录下运行`npm run dev`启动前端项目；

后端的运行需要在`CMS-SERVER`目录下运行`npm run dev`启动后端项目。

打包可以直接在当前目录下运行`npm run build`，这个命令会同时打包前端和后端项目。

在当前目录下运行`npm run build:api`只对后端项目进行打包，运行`npm run build:client`只对前端项目进行打包。

## 注意事项

前端项目由于我使用了`.editorconfig`忽略了`.env.development`的提交，所以运行前端项目之前请自己新建一个`.env.development`文件，内容同`.env.production`相同，根据自己的情况可以随意调整；

首次创建`.env.development`文件后，内容如下：

```log
VITE_PROXY_API='http://localhost:3000/'  # 本地开发环境的地址
```