# Arise Admin

**Repository Path**: chenbool/arise-admin

## Basic Information

- **Project Name**: Arise Admin
- **Description**: Arise Admin
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-05
- **Last Updated**: 2026-05-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Arise Admin 管理后台

基于 Bootstrap3 + Arise Admin UI 的简洁管理后台模板

---

## 项目预览

![Demo](demo/demo.png)

---

## 目录结构

```
Arise Admin/
├── css/                    # 样式文件
│   ├── bootstrap.min.css    # Bootstrap 框架
│   └── main.css            # 主样式
├── fonts/icomoon/          # 图标字体
├── img/                    # 图片资源
├── js/                     # JavaScript 文件
├── demo/                   # 案例截图
├── index.html              # 主页面（带侧边栏）
├── main.html               # 内容区域页面
├── user-list.html          # 用户列表
├── user-add.html           # 添加用户
├── user-edit.html          # 编辑用户
├── user-view.html          # 用户详情
└── readme.md              # 说明文档
```

---

## 页面说明

| 页面 | 路径 | 说明 |
|------|------|------|
| 主页面 | `index.html` | 包含侧边栏、顶部导航、Tab 页签 |
| 控制台 | `main.html` | 仪表盘首页 |
| 用户列表 | `user-list.html` | 用户管理列表 |
| 添加用户 | `user-add.html` | 新增用户表单 |
| 编辑用户 | `user-edit.html` | 编辑用户信息 |
| 用户详情 | `user-view.html` | 查看用户详情 |

---

## 功能特性

- **响应式布局** - 适配各种屏幕尺寸
- **侧边栏导航** - 支持折叠/展开
- **Tab 页签** - 多标签页切换
- **用户管理** - 完整的 CRUD 示例
- **图表区域** - 预留图表集成接口
- **图标字体** - 使用 IcoMoon 图标

---

## 技术栈

| 技术 | 说明 |
|------|------|
| HTML5 | 页面结构 |
| Bootstrap 3 | UI 框架 |
| CSS3 | 样式美化 |
| jQuery | JavaScript 库 |
| IcoMoon | 图标字体 |

---

## 快速开始

1. 直接在浏览器中打开 `index.html`
2. 点击侧边栏菜单切换页面
3. 通过 Tab 页签打开多个页面

---

## 注意事项

- 本项目为静态模板，需配合后端使用
- 图片路径基于当前目录结构
- 如需部署，请修改资源路径