# ht-front-back

**Repository Path**: tian-haipeng_admin/ht-front-back

## Basic Information

- **Project Name**: ht-front-back
- **Description**: 后台管理系统前端界面
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Enterprise Admin Scaffold

一个基于 Vue 3 + TypeScript + Naive UI 的企业级后台管理平台脚手架。

## ✨ 特性

### 🎨 现代化设计
- **响应式布局**: 完美适配桌面端和移动端
- **主题系统**: 支持明暗主题切换，自定义主题色
- **优雅动画**: 流畅的页面切换和交互动画
- **现代化UI**: 使用 Naive UI 组件库，界面简约美观

### 🏗️ 企业级架构
- **模块化设计**: 高度模块化，低耦合高内聚
- **TypeScript**: 完整的类型安全
- **状态管理**: 使用 Pinia 进行状态管理
- **路由管理**: Vue Router 4 动态路由
- **权限控制**: 完善的 RBAC 权限管理系统

### 🚀 开发体验
- **热模块替换**: 快速开发调试
- **自动导入**: 组件和API自动导入
- **代码规范**: ESLint + Prettier 代码规范
- **类型检查**: 完整的 TypeScript 类型检查

### 📦 丰富功能
- **用户管理**: 完整的用户CRUD操作
- **角色权限**: 灵活的角色权限管理
- **菜单管理**: 动态菜单配置
- **数据字典**: 系统配置管理
- **操作日志**: 完整的操作审计

## 🛠️ 技术栈

### 核心技术
- **Vue 3.5.13** - 渐进式 JavaScript 框架
- **TypeScript** - 类型安全的 JavaScript 超集
- **Vite 6.3.5** - 现代化构建工具

### UI 组件库
- **Naive UI 2.41.1** - 主要 UI 组件库
- **Element Plus 2.9.5** - 辅助 UI 组件库

### 状态管理与路由
- **Pinia 3.0.3** - Vue 3 官方状态管理库
- **Vue Router 4.5.1** - 官方路由管理器

### 工具库
- **Axios 1.8.1** - HTTP 请求库
- **Day.js 1.11.13** - 日期处理库
- **Lodash-es 4.17.21** - 实用工具库
- **@vueuse/core** - Vue 组合式工具库

## 🚀 快速开始

### 环境要求
- Node.js >= 18.0.0
- npm >= 8.0.0

### 安装依赖
```bash
npm install
```

### 启动开发服务器
```bash
npm run dev
```

### 构建生产版本
```bash
npm run build
```

## 🎯 核心功能

### 1. 布局系统
- **响应式布局**: 自适应桌面端和移动端
- **可配置侧边栏**: 支持折叠、宽度调整
- **标签页系统**: 多标签页管理，支持缓存
- **面包屑导航**: 自动生成导航路径

### 2. 权限管理
- **用户认证**: 完整的登录/登出流程
- **角色权限**: 基于角色的权限控制
- **菜单权限**: 动态菜单生成
- **按钮权限**: 细粒度的操作权限控制

### 3. 主题系统
- **明暗主题**: 支持明暗主题切换
- **自定义主题**: 可配置主题色
- **跟随系统**: 自动跟随系统主题

### 4. 国际化
- **多语言支持**: 中文/英文切换
- **组件国际化**: UI组件自动适配
- **日期本地化**: 日期格式本地化

## 📁 项目结构

```
src/
├── core/                           # 核心模块
│   ├── bootstrap/                  # 应用启动配置
│   ├── components/                 # 通用组件
│   ├── pages/                      # 核心页面
│   │   ├── layout/                 # 布局组件
│   │   ├── login/                  # 登录页面
│   │   ├── error/                  # 错误页面
│   │   └── redirect/               # 重定向页面
│   ├── router/                     # 路由配置
│   ├── store/                      # 状态管理
│   ├── static/                     # 静态资源
│   ├── typings/                    # 类型定义
│   └── utils/                      # 工具函数
├── modules/                        # 业务模块
│   ├── dashboard/                  # 仪表板
│   ├── system/                     # 系统管理
│   └── user/                       # 用户相关
├── config/                         # 应用配置
├── assets/                         # 静态资源
└── main.ts                         # 应用入口
```

---

**Enterprise Admin Scaffold** - 打造现代化企业级后台管理平台的最佳选择！