# Cameo Admin

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

## Basic Information

- **Project Name**: Cameo Admin
- **Description**: Cameo Admin 后台模版
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-27
- **Last Updated**: 2026-04-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Cameo Admin 后台管理模板

基于 Bootstrap 3 开发的响应式后台管理模板，适配桌面端和移动端。

## 项目介绍

Cameo Admin 是一套简洁美观的后台管理界面模板，提供了丰富的页面组件和布局选项，适用于各类后台管理系统开发。

## 目录结构

```
badmin/
├── 根目录文件
│   ├── index.html          # 登录页
│   ├── main.html           # 主页面框架（带面包屑导航）
│   ├── login.html          # 登录页面（完整版）
│   ├── login-1.html        # 登录页面（简洁版）
│   ├── add.html            # 添加页面
│   ├── list.html           # 列表页面
│   ├── iframe.html         # iframe 嵌入页面
│   ├── css/                # 样式文件
│   │   ├── bootstrap.min.css
│   │   ├── font-awesome.min.css
│   │   ├── main.css
│   │   ├── palette.css     # 主题配色
│   │   └── theme.css
│   ├── js/                 # 脚本文件
│   │   ├── bootstrap.js
│   │   ├── fastclick.js
│   │   ├── jquery.min.js
│   │   ├── main.js
│   │   ├── off-canvas.js
│   │   └── panel.js
│   └── picture/            # 图片资源
│
└── Cameo Admin响应式后台管理模板/   # 完整模板示例
    ├── 页面模板
    │   ├── index.html          # 仪表盘/首页
    │   ├── tables.html         # 表格页面
    │   ├── forms.html          # 表单页面
    │   ├── chart.html          # 图表页面
    │   ├── calendar.html       # 日历
    │   ├── mail.html           # 邮件收件箱
    │   ├── mail_alt.html       # 邮件（其他样式）
    │   ├── chat.html           # 聊天页面
    │   ├── gallery.html        # 相册页面
    │   ├── profile.html        # 个人资料
    │   ├── editor.html         # 富文本编辑器
    │   ├── widgets.html        # 小部件
    │   ├── tasks.html          # 任务管理
    │   ├── timeline.html       # 时间线
    │   ├── vector.html         # 矢量图
    │   ├── maps.html           # 地图
    │   ├── icons.html          # 图标列表
    │   ├── buttons.html        # 按钮示例
    │   ├── components.html     # 组件示例
    │   ├── grid.html           # 栅格系统
    │   ├── sortable.html       # 拖拽排序
    │   ├── pricing.html        # 价格表
    │   ├── invoice.html        # 发票
    │   ├── subscription.html   # 订阅
    │   ├── blank.html          # 空白页面
    │   ├── 404.html            # 404 错误页
    │   ├── 500.html            # 500 错误页
    │   ├── signin.html         # 注册页面
    │   ├── signup.html         # 注册页面
    │   ├── lock.html           # 锁定屏幕
    │   ├── changelog.html      # 更新日志
    │   └── feed.html           # 信息流
    │
    └── 布局模板
        ├── boxed.html              # 盒子布局
        ├── horizontal.html         # 水平导航
        ├── horizontal_boxed.html   # 水平导航+盒子布局
        ├── right-sidebar.html      # 右侧边栏
        ├── both.html               # 双侧边栏
        ├── small-sidebar.html      # 小侧边栏
        └── collapsible.html        # 可折叠侧边栏
```

## 技术栈

| 技术 | 说明 |
|------|------|
| Bootstrap 3.x | 响应式 CSS 框架 |
| jQuery | JavaScript 函数库 |
| Font Awesome | 图标字体 |
| Chart.js | 图表库 |
| Morris.js | 图表库 |
| Flot | 图表库 |
| FullCalendar | 日历组件 |
| Bootstrap Datepicker | 日期选择器 |
| Bootstrap Select | 下拉选择框 |
| Dropzone | 文件上传 |
| Toastr | 提示消息 |
| WYSIWYG | 富文本编辑器 |

## 布局类型

- **默认布局 (index.html)** - 左侧小侧边栏
- **盒子布局 (boxed.html)** - 内容区域固定宽度
- **水平导航 (horizontal.html)** - 顶部导航栏
- **右侧边栏 (right-sidebar.html)** - 侧边栏在右侧
- **双侧边栏 (both.html)** - 左右两侧都有边栏
- **可折叠侧边栏 (collapsible.html)** - 侧边栏可收起

## 页面功能

- 响应式设计，适配手机、平板、桌面
- 侧边栏折叠/展开
- 主题配色切换
- 图表可视化
- 数据表格排序/分页
- 富文本编辑器
- 文件上传
- 日历组件
- 任务管理
- 邮件系统界面

## 实例截图

![登录页面](demo/QQ20260427-092347.png)

![后台管理界面](demo/QQ20260427-092411.png)

## 使用说明

1. 直接在浏览器中打开 HTML 文件即可预览
2. 可根据需求选择对应的页面模板进行修改
3. CSS/JS 文件位于 `css/` 和 `js/` 目录

## 浏览器支持

- Chrome / Edge
- Firefox
- Safari
- IE 10+