# Express-Vue-Starter

**Repository Path**: wenkil/Express-Vue-Starter

## Basic Information

- **Project Name**: Express-Vue-Starter
- **Description**: 一个基于Express和Vue的全栈后台管理系统启动模板
- **Primary Language**: Unknown
- **License**: AGPL-3.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 2
- **Created**: 2025-01-10
- **Last Updated**: 2025-09-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Nodejs, Vue, Express, MySQL, Element-UI

## README

# Express-Vue-Starter

> 本项目是2021年9月完成的开发，是个人利用业余时间，零零散散大概花了3-4个月。当时自己刚开始学习node、sql等技术，打算做一个前后端分离的后台项目来练手，所以代码写的比较简单，但是基本功能都实现了。最近在整理电脑的时候发现了这个项目，打算把它开源出来，希望能帮助到有需要的人。

> node服务里使用了express、mysql、秘钥加盐等技术，前端使用了vue、element-ui、axios等技术。由于当时为了学习sql语法，所以没有使用sequelize。

> 项目根目录放置了sql文件，可以导入到mysql数据库中(images文件夹下有导入示例)。然后按照对应项目命令启动node服务和vue服务，就可以在浏览器中访问了。初始账号是root，密码是123456。

以下内容是cursor针对这两个项目的结构分析生成的：

## 项目简介

本项目是基于vue-element-admin的二次开发，包含前端和后端两个部分。前端使用 Vue 框架，后端使用 Express 框架，并结合 MySQL 数据库进行数据存储。项目主要功能包括用户管理、权限管理、客户管理、产品管理、订单管理等。

## 目录结构

### Client

`client` 文件夹包含前端代码，使用 Vue 框架进行开发。

#### 主要文件和文件夹

- `src/`: 前端源代码目录
  - `main.js`: Vue 入口文件，初始化 Vue 实例并挂载到 DOM 上。
  - `router/`: 路由配置文件夹，定义前端路由。
  - `store/`: Vuex 状态管理文件夹，管理全局状态。
  - `views/`: 视图文件夹，包含各个页面组件。
  - `components/`: 公共组件文件夹，包含项目中使用的公共组件。
  - `utils/`: 工具函数文件夹，包含项目中使用的工具函数。
  - `icons/`: 图标文件夹，包含项目中使用的 SVG 图标。
  - `permission.js`: 权限控制文件，定义路由守卫，控制页面访问权限。
  - `settings.js`: 项目设置文件，定义一些全局配置。
  - `config/index.js`: 配置文件，定义菜单配置和行业类别等。

#### 主要功能

- 用户登录、注册、权限管理
- 客户管理：线索管理、客户列表、联系人、跟进记录
- 产品管理：产品分类、产品列表
- 订单管理：订单创建、审批、回款管理

### Server

`server` 文件夹包含后端代码，使用 Express 框架进行开发。

#### 主要文件和文件夹

- `server.js`: 服务器入口文件，初始化 Express 应用并配置中间件。
- `routes/`: 路由文件夹，定义后端 API 路由。
- `controller/`: 控制器文件夹，处理具体的业务逻辑。
- `moudle/`: 数据库操作文件夹，封装数据库操作。
- `DB/sqlConfig.js`: 数据库配置文件，定义数据库连接信息。
- `utils/`: 工具函数文件夹，包含项目中使用的工具函数。
- `config/index.js`: 配置文件，定义一些全局配置。

#### 主要功能

- 用户管理：用户登录、修改密码、用户列表、用户操作日志
- 客户管理：线索管理、客户列表、联系人、跟进记录
- 产品管理：产品分类、产品列表
- 订单管理：订单创建、审批、回款管理

## 安装和运行

### 前端

1. 进入 `client` 目录
2. 安装依赖：`npm install`
3. 运行开发服务器：`npm run dev`

### 后端

1. 进入 `server` 目录
2. 安装依赖：`npm install`
3. 启动服务器：`npm start`