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