
Sego v2.0 - Restaurant Management Dashboard Bootstrap HTML Template
category后台管理
# 项目简介
Sego 是一款面向餐饮行业的 Bootstrap 管理后台模板,提供仪表盘、订单管理、商品管理、邮件系统、图表统计等完整页面。适合快速搭建餐厅、咖啡馆、外卖平台的后台管理系统。
## 技术栈
- Bootstrap 5
- jQuery
- SCSS(源码)
- Chartist / Chart.js(图表)
- MetisMenu(侧边栏菜单)
- Perfect Scrollbar
## 项目结构
```
segohtml-20/Sego-v2.0-18-October-2023/
├── xhtml/ # 生产用模板
│ ├── index.html # 仪表盘首页
│ ├── css/style.css # 编译后样式
│ ├── js/ # 脚本
│ ├── scss/ # SCSS 源码
│ ├── vendor/ # 第三方插件
│ └── *.html # 各功能页面
├── documentation/ # 官方文档
└── theme/
```
## 核心文件说明
- `xhtml/index.html` — 仪表盘首页,包含销售数据、图表、聊天侧边栏
- `xhtml/css/style.css` — 所有页面共享的主样式文件
- `xhtml/js/deznav-init.js` — 侧边栏导航初始化,支持 RTL/LTR 切换
- `xhtml/scss/` — SCSS 源码目录,可按需编译定制
- `xhtml/orders.html` — 订单列表页面
- `xhtml/ecom-product-grid.html` — 商品网格展示页面
## 快速开始
直接用浏览器打开 `xhtml/index.html` 即可预览。SCSS 源码需自行用 Sass 编译器(如 VS Code Sass 插件或命令行 `sass`)编译到 `css/` 目录。
## 使用建议
模板内置暗色/亮色主题切换、LTR/RTL 布局切换,通过 URL 参数 `?dir=rtl` 启用 RTL。建议根据实际业务在 `style.css` 或 SCSS 源码中替换品牌色和 Logo。
help_outline
FAQ
Comments0
PublishedJan 20, 2026
Tech Stack
HTML