Dreams LMS v1.1.4 - 在线学习和课程管理模板(HTML、React、Vue、Angular、Laravel) preview 1

Dreams LMS v1.1.4 - 在线学习和课程管理模板(HTML、React、Vue、Angular、Laravel)

bookmark

Dreams LMS 在线文档页面,展示该 LMS 在线教育模板支持的多种技术版本(HTML、Angular、React、Vue、Laravel)。文档页面本身基于 Bootstrap 构建,支持亮色/暗色主题切换与响应式侧边栏。

HTML

项目简介

Dreams LMS 在线文档页面,展示该 LMS 在线教育模板支持的多种技术版本(HTML、Angular、React、Vue、Laravel)。文档页面本身基于 Bootstrap 构建,支持亮色/暗色主题切换与响应式侧边栏。

技术栈

  • Bootstrap 5
  • jQuery
  • Prism.js(代码高亮)
  • Feather Icons(图标)
  • Google Fonts(Poppins / Nunito)

项目结构

text
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

常见问题