项目简介
Davur 是一套餐饮管理后台 + 双前端模板,基于 Bootstrap 5 构建。包含完整的后台管理页面(图表、表格、表单、邮件、电商等)和两个面向顾客的前端展示页面,适合餐饮企业快速搭建数字化管理系统与官网。
技术栈
- Bootstrap 5(CDN 引入)
- jQuery(处理交互、导航、滚动等)
- Chartist / Chart.js / Flot / Morris / Peity / Sparkline(多种图表)
- Perfect Scrollbar(自定义滚动条)
- jsTree(树形目录)
- Swiper(前端轮播)
- LineIcons / FontAwesome(图标)
- Google Fonts(Poppins、Lobster)
项目结构
text
davur-201/Davur-v2.0.1-21_February_2025/
├── dashboard/
│ └── xhtml/ # 后台管理入口
│ ├── index.html
│ ├── chart-*.html # 各类图表页
│ ├── table-*.html # 表格页
│ ├── form-*.html # 表单页
│ ├── ecom-*.html # 电商模块
│ ├── email-*.html # 邮件模块
│ └── ...
├── websitetemplate/
│ ├── xhtml/ # 前端模板入口
│ │ └── index.html
│ └── documentation/
│ └── index.html
└── documentation/
└── index.html # 主题文档
核心文件说明
dashboard/xhtml/index.html— 后台首页,包含侧边栏、聊天、统计卡片等组件websitetemplate/xhtml/index.html— 餐饮官网前端首页,含轮播 Banner、商品展示、博客dashboard/xhtml/ecom-product-*.html— 电商产品列表/网格/详情/订单等页面dashboard/xhtml/table-datatable-basic.html— DataTable 高级表格示例dashboard/xhtml/chart-chartjs.html— Chart.js 图表集成页documentation/index.html— 官方主题文档(侧边导航 + 锚点定位)
快速开始
后台或前端均为纯静态页面,直接用浏览器打开对应 index.html 即可预览:
bash
# 进入后台
open davur-201/Davur-v2.0.1-21_February_2025/dashboard/xhtml/index.html
# 进入前端
open davur-201/Davur-v2.0.1-21_February_2025/websitetemplate/xhtml/index.html
使用建议
该模板为完整静态页面,适合直接改造成 SPA 或对接后端 API。若用于生产环境,建议将 CSS/JS 资源本地化并压缩,替换 Logo 与配色后即可使用。后台部分已内置登录、注册、锁屏等完整页面,可直接对接认证接口。
