项目简介link

Sego 是一款面向餐饮行业的 Bootstrap 管理后台模板，提供仪表盘、订单管理、商品管理、邮件系统、图表统计等完整页面。适合快速搭建餐厅、咖啡馆、外卖平台的后台管理系统。

技术栈link

• Bootstrap 5
• jQuery
• SCSS（源码）
• Chartist / Chart.js（图表）
• MetisMenu（侧边栏菜单）
• Perfect Scrollbar

项目结构link

segohtml-20/Sego-v2.0-18-October-2023/
├── xhtml/                      # 生产用模板
│   ├── index.html              # 仪表盘首页
│   ├── css/style.css           # 编译后样式
│   ├── js/                     # 脚本
│   ├── scss/                   # SCSS 源码
│   ├── vendor/                 # 第三方插件
│   └── *.html                  # 各功能页面
├── documentation/              # 官方文档
└── theme/

核心文件说明link

• 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 — 商品网格展示页面

快速开始link

直接用浏览器打开 xhtml/index.html 即可预览。SCSS 源码需自行用 Sass 编译器（如 VS Code Sass 插件或命令行 sass）编译到 css/ 目录。

使用建议link

模板内置暗色/亮色主题切换、LTR/RTL 布局切换，通过 URL 参数 ?dir=rtl 启用 RTL。建议根据实际业务在 style.css 或 SCSS 源码中替换品牌色和 Logo。