# dever-admin-h5

**Repository Path**: deverhub/dever-admin-h5

## Basic Information

- **Project Name**: dever-admin-h5
- **Description**: 轻量级web管理工作台
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-06
- **Last Updated**: 2026-08-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Dever Admin H5 - 管理后台系统

基于 Vue 3 + View UI Plus 开发的管理后台前端系统。

## 功能特性

- 🔐 用户登录认证
- 📊 仪表盘数据展示
- 👥 用户管理（增删改查）
- 🎨 现代化UI设计
- 📱 响应式布局
- 🔄 Mock数据模拟

## 技术栈

- Vue 3.4.0
- View UI Plus 1.3.1
- Vue Router 4.2.5
- Vuex 4.1.0
- Vite 5.0.0
- Axios 1.6.0
- MockJS 1.1.0

## 快速开始

### 安装依赖

```bash
npm install
```

### 启动开发服务器

```bash
npm run dev
```

### 构建生产版本

```bash
npm run build
```

## 使用说明

### 登录系统

- 默认用户名：`admin`
- 默认密码：`123456`

### 功能模块

1. **仪表盘** - 系统概览和统计数据
2. **用户管理** - 用户列表、添加、编辑、删除
3. **系统管理** - 角色管理、菜单管理等（开发中）
4. **内容管理** - 文章管理、分类管理等（开发中）
5. **工具管理** - 图标管理、文件上传等（开发中）

### 用户管理功能

- 用户列表展示
- 搜索和筛选
- 添加新用户
- 编辑用户信息
- 删除用户
- 分页显示

## 项目结构

```
src/
├── api/           # API接口
├── mock/          # Mock数据
├── router/        # 路由配置
├── store/         # Vuex状态管理
├── views/         # 页面组件
│   ├── Login.vue  # 登录页面
│   ├── Main.vue   # 主页面
│   └── UserList.vue # 用户管理页面
└── main.js        # 应用入口
```

## 开发说明

### Mock数据

项目使用 MockJS 模拟后端接口，所有数据都是模拟的：

- 用户登录：`/api/login`
- 用户列表：`/api/user/list`
- 添加用户：`/api/user/add`
- 更新用户：`/api/user/update`
- 删除用户：`/api/user/delete`

### 组件说明

- `Login.vue` - 登录页面，支持表单验证
- `Main.vue` - 主页面，包含顶部导航、侧边菜单和内容区域
- `UserList.vue` - 用户管理页面，完整的CRUD功能

## 浏览器支持

- Chrome >= 87
- Firefox >= 78
- Safari >= 14
- Edge >= 88

## 许可证

MIT License