Davur v2.0.1 - 餐厅管理仪表板 + 2 个前端模板 preview 1

Davur v2.0.1 - 餐厅管理仪表板 + 2 个前端模板

bookmark

Davur 是一套餐饮管理后台 + 双前端模板,基于 Bootstrap 5 构建。包含完整的后台管理页面(图表、表格、表单、邮件、电商等)和两个面向顾客的前端展示页面,适合餐饮企业快速搭建数字化管理系统与官网。

HTML

项目简介

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 与配色后即可使用。后台部分已内置登录、注册、锁屏等完整页面,可直接对接认证接口。

help_outline

常见问题