# MyAdminSystemVue

**Repository Path**: wang-peiao/my-admin-system-vue

## Basic Information

- **Project Name**: MyAdminSystemVue
- **Description**: 使用Vue3+TDsign组件库+ECharts图表搭建的后台管理系统，用于学习TDsign组件库
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-04-20
- **Last Updated**: 2025-07-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# myAdminSystemVue 

### 前端开发流程

1.使用yarn命令创建vite脚手架Vue3项目

2.引入TDesign以及图标库并在main.js中全局引入并简单测试

3.删除无关文件，创建Login和Home两个页面

4.引入less和less-loader，vite默认支持less，无需配置

5.创建styles文件夹，创建reset.less清除浏览器默认样式，创建font-family.less定义字体，创建index.less用于外部引入less文件

6.styles下创建theme文件夹，创建index.less和8种样式，创建Variables.less变量文件，并在index.less中引入,然后放到main.js中引入

7.引入项目所需的图片文件，搭建登录注册页面，并完成简单跳转功能

8.引入pinia和pinia-plugin-persistedstate插件，创建store文件夹，做简单配置

9.引入lodash库简化js操作，创建config文件夹存放全局配置信息，创建color.js存放颜色相关的配置，创建styles.js存储样式相关的默认配置，引入tvision-color库用于颜色转换

10.创建layouts文件夹，创建index.vue，完成布局的搭建，引入vue-clipboard3完成复制功能

11.创建LayoutSideNav、LayoutHeader、LayoutContent文件，完成页面的搭建

12.创建仪表盘下的工作台和分析页页面，功能中心下的图像裁剪、Excel文件导入导出、二维码和富文本编译器并挂载路由

13.简单编写工作台页面，测试Echarts图表组件库的使用

14.创建结果页菜单，并搭建其中的页面，引入vite-svg-loader插件实现svg转vue

15.封装Echarts图表，完善工作台页面的图表样式

16.创建开发日志菜单和用户管理菜单并配置路由

17.引入axios，调用后端接口，实现【用户注册】和【用户登录】功能，完成【忘记账号，找回密码】功能

18.搭建用户管理菜单，并完成用户列表页面的【分页查询】功能、【编辑】、【新增】、【删除】、【批量删除】功能