manage

一个基于 Vue3 + Node.js + MySQL 的全栈应用,动态路由管理

前端

• Vue 3 - 构建用户界面的渐进式框架
• Vue Router - 路由管理
• Pinia - 状态管理
• Axios - HTTP客户端
• [其他前端依赖，Element Plus、Echarts、富文本编辑器]

后端

• Node.js
• Express - Web框架
• JWT - 身份验证
• [前端有良好的ts支持，后端可以用ts]

数据库

• MySQL - 关系型数据库

开发工具

• Vite - 前端构建工具
• Nodemon - 后端热重载工具
• ESLint - 代码检查工具
• Prettier - 代码格式化工具

本地部署

前置条件

确保你的开发环境安装了以下工具：

• Node.js v20+
• MySQL 8.0+
• Git
• npm 或 pnpm

步骤

1. 克隆仓库

   git clone https://github.com/[你的用户名]/[你的仓库名].git
   cd [你的仓库名]

2. 数据库配置 导入sql文件，在后端db.js中修改用户名和密码

3. 后端启动

   npm install
   nodemon app
   

4. 前端

   npm run dev
   

这是一个很常见的后台管理系统，代码量大约是10000行，包括了一些琐碎的功能，默认账号密码是123456，123456，sql文件中包含了相关的数据，每个sql表都有对应的功能，还有一些富文本编辑器、Echarts、轮播图等有意思的设计，动态路由只 完成了一部分，因为当时还不是很熟悉路由，项目的结构还是比较完整的，接口以及前后端连接都很清，没有加图片是因为界面并不吸引人，只是数据库课程的结课大作业，所以后端代码中可以看到比较多的sql语句，作为巩固 是很不错的，但是没有用到复杂的多表联查等，如果你来自BIT,或许会对你有所帮助