# vue-dou-admin

**Repository Path**: lnscat/vue-dou-admin

## Basic Information

- **Project Name**: vue-dou-admin
- **Description**: Vue3 + Vite + TypeScript + Ant Design Vue 构建的前端管理模板，配套后端源码，功能嘎嘎多🤓
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: develop
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-03-01
- **Last Updated**: 2025-03-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 技术选型

## 前端

- 框架：Vue3 ✅
- 路由：Vue Router ✅
- 构建工具：Vite ✅
- 状态管理：Pinia ✅
- 代码质量：ESLint、Prettire、Stylelint ✅
- 国际化：i18n ✅
- 组件库：Ant Design Vue ✅
- 网络请求：Axois ✅
- 测试：Vitest



## 后端

- Java
- Spring
- Spring MVC
- Spring Boot
- MyBatis
- MyBatis-Plus
- Junit



# 使用

## 使用服务

1. 使用 `database` 文件夹中的 SQL 文件建库建表添加数据
2. 在 `/back-end/src/main/resources/application` 文件中配置数据库
   - 用户名 `username`、密码 `password`、数据库 URL `url`
3. 进入 `front-end` 文件夹中使用 `npm install` 命令安装前端依赖项
4. 在 `front-end` 文件夹中使用 `npm run dev` 命令启动前端



## 登录

- 账号：admin
- 密码：admin123...



# 功能

- 系统管理
  - 用户管理
    - 登录、注册、修改信息、修改密码、退出登陆、删除用户、角色管理
  - 权限管理
    - 功能权限分配
  - 系统设置
    - 主题（亮、暗）
    - 语言（国际化）
  - 消息通知
  - 日志管理

- WebSocket
- 下载
  - 文件、图片
- 点击复制
- 水印
- 全屏显示



# 封装组件

- 封装组件
  - 图表
    - 柱状图
    - 折线图
    - 饼图
    - 雷达图
  - 图标
  - 表格
    - 数据导出
      - 导出 Excel
      - 导出 JSON
    - 数据导入
  - 输入框
    - 带格式校验：密码、密码 + 确认密码、邮箱、电话
    - 不带格式校验：金额
  - 卡片
  - 列表
    - 普通列表
    - 详细信息列表
    - 卡片列表
  - 图片裁剪
  - 数字动画
  - JSON 解析
  - Markdown
  - 验证
    - 滑动验证
    - 图片验证
- 地图
  - 高德地图
  - 百度地图
- 图形编辑
  - 流程图



# 数据格式

- 用户账号
  - 4～24 位
  - 只包含数字、字母、连接符（-）、下划线（_）
- 用户密码
  - 8～26 位
  - 必须包含数字、字母、特殊字符