
Dreams LMS v1.1.4 - 在线学习和课程管理模板(HTML、React、Vue、Angular、Laravel)
category教育
# 项目简介
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` 实现,无需额外构建步骤。
help_outline
常见问题
评论0
发布时间Jan 20, 2026
技术栈
HTML