Dreams LMS v1.1.4 - Online Learning and Course Management Template (HTML, React, Vue, Angular, Laravel)

# 项目简介 Dreams LMS 在线文档页面，展示该 LMS 在线教育模板支持的多种技术版本（HTML、Angular、React、Vue、Laravel）。文档页面本身基于 Bootstrap 构建，支持亮色/暗色主题切换与响应式侧边栏。 ## 技术栈 - Bootstrap 5 - jQuery - Prism.js（代码高亮） - Feather Icons（图标） - Google Fonts（Poppins / Nunito） ## 项目结构 ``` dreamslms-114/ ├── documentation/ │ ├── index.html # 文档首页，展示各技术栈入口 │ ├── html.html │ ├── angular.html │ ├── react.html │ ├── vue.html │ ├── laravel.html │ └── assets/ │ ├── css/ │ │ ├── style.css # 主样式，含 Poppins/Nunito 字体定义 │ │ ├── bootstrap.min.css │ │ ├── dark.css │ │ ├── prism.css │ │ └── magnific-popup.css │ └── js/ │ ├── main.js # 侧边栏逻辑、主题切换、设备检测 │ ├── jquery-3.7.1.min.js │ └── bootstrap.bundle.min.js ``` ## 核心文件说明 - `documentation/index.html` — 文档首页，展示五种技术栈的跳转卡片 - `assets/css/style.css` — 主样式文件，定义了 Poppins/Nunito 字体及亮/暗主题变量 - `assets/js/main.js` — 核心交互逻辑，含侧边栏展开/折叠、设备判断、主题持久化 ## 快速开始 直接用浏览器打开 `documentation/index.html` 即可查看。点击卡片可进入各框架的具体文档页面。 ## 使用建议 这是模板配套文档资源，若需使用 HTML 版本，可参考 `html.zip`（需解压后查看）并基于 `documentation` 目录的结构进行二次开发。暗色主题切换由 `main.js` 动态设置 `data-bs-theme` 实现，无需额外构建步骤。