# hadmin

**Repository Path**: hhxcaz/hadmin

## Basic Information

- **Project Name**: hadmin
- **Description**: vue2后台项目模板
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-12-09
- **Last Updated**: 2024-12-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Handmin - 后台管理系统

基于 Vue2 + Element UI 的现代化后台管理系统，提供完善的权限管理和优雅的用户界面。

## ✨ 特性

- 🎯 基于主流技术栈
  - Vue 2.6
  - Vuex
  - Vue Router
  - Element UI
  - Axios
  - SCSS
- 🔒 完善的权限管理
  - 基于角色的访问控制（RBAC）
  - 动态路由权限
  - 细粒度的按钮权限
  - 安全的身份验证
- 🎨 优雅的 UI 设计
  - 响应式布局
  - 暗黑主题支持
  - 自定义主题配置
  - 丰富的动画效果
- 📦 开箱即用的功能
  - 用户管理
  - 角色管理
  - 菜单管理
  - 系统配置
  - 代码生成
  - 接口文档

## 🚀 快速开始

### 环境要求

- Node.js >= 12.0.0
- npm >= 6.0.0

### 安装

```bash
# 克隆项目
git clone https://gitee.com/hhxcaz/handmin.git

# 进入项目目录
cd handmin

# 安装依赖
npm install

# 启动开发服务器
npm run serve
```

### 构建

```bash
# 构建生产环境
npm run build
```

## 📁 目录结构

```
├── public                     # 静态资源
├── src                       # 源代码
│   ├── api                   # API 接口
│   ├── assets                # 主题、字体、图片等静态资源
│   ├── components            # 全局公用组件
│   ├── layouts               # 布局组件
│   ├── router               # 路由配置
│   ├── store                # Vuex 状态管理
│   ├── styles               # 全局样式
│   ├── utils                # 工具函数
│   ├── views                # 页面组件
│   ├── App.vue              # 入口页面
│   └── main.js              # 入口文件
├── .env.development         # 开发环境变量
├── .env.production          # 生产环境变量
└── package.json             # 项目依赖
```

## 🔨 开发指南

### 新增页面

1. 在 `src/views` 下创建页面组件
2. 在 `src/router` 中添加路由配置
3. 在 `src/api` 中添加相关接口
4. 在权限管理中配置相应权限

### 新增组件

1. 在 `src/components` 下创建组件
2. 使用 Vue.component 注册全局组件
3. 在需要的页面中引入使用

### 样式开发

- 使用 SCSS 预处理器
- 遵循 BEM 命名规范
- 支持主题定制
- CSS 变量实现动态主题

## 🔐 权限控制

系统采用基于角色的访问控制（RBAC），主要包括：

- 路由权限控制
  - 动态路由生成
  - 权限路由过滤
- 菜单权限控制
  - 动态菜单渲染
  - 权限菜单过滤
- 按钮权限控制
  - 指令权限控制
  - 函数权限控制
- API 权限控制
  - 接口权限校验
  - Token 验证

## 📚 主要功能

### 用户管理
- 用户信息管理
- 用户状态管理
- 用户权限分配

### 角色管理
- 角色信息管理
- 角色权限分配
- 角色用户管理

### 菜单管理
- 菜单树管理
- 权限配置
- 按钮权限

### 系统管理
- 系统配置
- 日志管理
- 字典管理

## 🌍 浏览器支持

- Modern browsers and Internet Explorer 11+
- Chrome
- Firefox
- Safari
- Edge

## 📄 许可证

[MIT](LICENSE)

## 🤝 贡献指南

1. Fork 本仓库
2. 创建新的特性分支
3. 提交你的更改
4. 创建 Pull Request

## 📧 联系我们

- Email: hhxcaz@qq.com
- Issues: [Github Issues](https://github.com/yourusername/handmin/issues)

## 🎉 鸣谢

感谢所有为本项目做出贡献的开发者！