Bootstrap 5 管理后台模板：58 页多页面与 Nunjucks、SCSS 源码 – Mazer

Mazer 将 Bootstrap 5 的后台组件、数据展示和多种页面布局整理成一个可继续改造的多页面工程。本地 1.0.0 资源包包含 58 个页面模板，另外保留 Nunjucks、SCSS 与 Laravel Mix 源码；它适合搭建数据看板、内部运营系统或管理工具的前端骨架，但账户、查询、聊天、邮件、结算和上传服务仍需自行接入。

58 个页面模板按哪些功能分组

资源的页面数量主要来自组件、表单和应用示例，而不是 58 个已经完成的业务模块。按本地包的页面结构，可以这样判断它覆盖的范围：

以上分组合计 58 个源页面。dist 目录还会出现一个 sidebar-items.html 构建文件，因此实际 HTML 文件数量可能是 59；它属于构建产物，不应当当作独立业务页面重复计数。

src 和 dist 应该分别承担什么工作

资源包同时保留 src 和 dist：dist 是已经生成的静态页面，适合只改标题、文案或少量内容时快速查看；src 则是 Nunjucks 模板、SCSS、侧栏数据和构建配置，适合统一修改后台骨架、导航分组和主题样式。

侧栏项目集中保存在 src/sidebar-items.json，构建时会传给 Nunjucks 布局，再输出到各页面。要收缩菜单时，应优先修改这份数据和共用布局，而不是逐个编辑生成后的 HTML，否则下一次构建很容易把手工修改覆盖。

数据表、图表和富文本组件有哪些真实边界

数据表使用 Simple-DataTables，可在浏览器端演示关键词搜索、排序和分页；待办小部件使用 Dragula 支持拖动；仪表盘和图表页面分别引入 ApexCharts 与 Chart.js。SweetAlert、Toastify、评分、轮播和模态框也提供了反馈与状态示例，可以作为后台交互的前端参考。

富文本区域包含 Quill、CKEditor、Summernote 与 TinyMCE 四种编辑器。主要导航和 Bootstrap 组件并不依赖 jQuery，但 Summernote 页面会单独加载 jQuery，因此不能把整个包简单描述为“完全不含 jQuery”。如果项目只需要其中一种编辑器，应同步删除不用的页面和依赖，减少维护范围。

Nunjucks、SCSS 和 Laravel Mix怎样组成构建链

页面通过 extends 复用 layouts/master.html 等布局，主题样式集中在 src/assets/scss，包括 Bootstrap 定制、页面样式、组件样式以及聊天和待办等小部件样式。这样修改主色、间距、字体和共用导航时，可以从源文件入手，而不是把 dist 中生成的 CSS 当作唯一维护源。

项目脚本提供 npm run dev、npm run watch 和 npm run prod，构建链使用 Laravel Mix 6、Webpack 5 和 Sass。正式改造前需要在目标 Node 环境安装依赖并验证构建输出；这里的命令说明来自包内配置，不等同于已经完成了你的项目构建。

认证、应用页面和上传功能不能直接当作后端

登录、注册和找回密码页面的提交目标只是本地 index.html，不会创建账户、发送重置邮件或保存会话。邮件编辑器、聊天、图库、结算、地图和部分应用入口也只是界面示例；本地 1.0.0 包中有些页面显示为 Coming Soon，不能只根据菜单名称推断功能已经实现。

文件上传页面集成 FilePond，并包含向第三方图片服务发送文件的 XMLHttpRequest 示例。正式使用时应移除示例 API Key，改用自有受控接口，同时补充文件大小、格式、权限、存储位置和隐私说明。浏览器端的选择、预览和校验状态，也不能证明文件已经写入你的服务器。

从静态模板改造成业务后台的顺序

1. 先从 dist 选择实际需要的页面，删除 Coming Soon 和不使用的演示入口，确定最终的信息架构。
2. 修改 src/sidebar-items.json 和共用 Nunjucks 布局，统一整理菜单名称、链接、分组、页脚和品牌信息。
3. 在 SCSS 源码中调整主色、间距、字体和组件状态，避免只修改生成后的 CSS。
4. 把仪表盘数字、图表数组、数据表样例和评论替换为接口数据，并补上加载、空数据、失败和权限不足状态。
5. 接入认证、会话、角色权限和服务端校验；邮件、聊天、结算和上传按照真实业务单独设计接口。
6. 检查外部字体、视频、文件上传、富文本编辑器和地图依赖，完成目标 Node 环境下的生产构建后再发布。

源码采用 MIT License，二次使用、修改或分发时应保留版权声明和许可文本。模板内的人名、头像、统计数字、评论、地图和交易相关信息属于演示数据，上线前应替换为有权使用且与实际业务一致的内容。