Venix v1.0 - Bootstrap 5 管理仪表板模板 preview 1

Venix v1.0 - Bootstrap 5 管理仪表板模板

bookmark

Venix 是一套基于 Bootstrap 5.3.3 的响应式后台管理模板,包含 105+ 页面、40+ 组件和 30+ 图表示例,适用于快速搭建 CRM、CMS、企业后台或 SaaS 界面。内置深色/浅色模式切换及 RTL 支持。

HTML

项目简介

Venix 是一套基于 Bootstrap 5.3.3 的响应式后台管理模板,包含 105+ 页面、40+ 组件和 30+ 图表示例,适用于快速搭建 CRM、CMS、企业后台或 SaaS 界面。内置深色/浅色模式切换及 RTL 支持。

技术栈

  • Bootstrap 5.3.3
  • jQuery
  • Iconify Icon
  • SimpleBar
  • Node-waves
  • Feather Icons
  • SCSS(用于主题定制)
  • 静态 HTML/CSS/JS

项目结构

text
venixhtml-10/Venix_v1.0.0/
├── Documentation/          # 官方文档与说明
│   ├── index.html
│   ├── getting-started.html
│   ├── css/
│   └── js/
└── Venix/                  # 模板主体
    ├── index.html           # 主仪表盘
    ├── app-*.html           # 应用页面(聊天、日历、待办等)
    ├── charts-*.html        # 图表页面(柱状、饼图、雷达等 30+ 种)
    ├── auth-*.html          # 认证页面(登录、注册、锁屏等)
    ├── ecommerce-*.html     # 电商页面
    ├── error-*.html         # 错误页面(404、500、503)
    └── assets/              # CSS、JS、图片等静态资源

核心文件说明

  • Venix/index.html — 主后台仪表盘入口,包含导航栏、侧边栏和首页概览
  • Venix/app-*.html — 预置应用页面,含聊天、日历、联系人、文件管理等
  • Venix/charts-*.html — 30+ 图表示例,覆盖折线、柱状、饼图、雷达等类型
  • Venix/auth-*.html — 完整认证流程页面,含登录、注册、找回密码、锁定屏幕
  • Venix/ecommerce-*.html — 电商模板页面,含商品列表、购物车等
  • Documentation/getting-started.html — 官方快速入门指南

快速开始

直接用浏览器打开 Venix/index.html 即可预览完整模板。如需本地服务,可使用任意静态服务器:

bash
# Python 3
python -m http.server 8080

# Node.js (npx)
npx serve Venix

使用建议

该模板为纯静态 HTML,建议作为项目 UI 框架的起点,将页面组件提取后接入后端。内置 SCSS 变量支持深色/浅色主题快速切换,定制前建议先阅读 Documentation/getting-started.html 了解目录结构和构建方式。

help_outline

常见问题