
Preclinic v1.6.6 - HTML, Vue, React, Angular, Laravel Hospital and Clinic Medical Management Dashboard Template
category医疗健康
# 项目简介
Preclinic 是一款医疗/医院管理方向的 Bootstrap 管理后台模板的配套文档站点,提供 HTML、Angular、React、Vue、Laravel、Node.js 六个技术版本的产品介绍入口,适合用于选择或采购医院管理系统前端模板。
## 技术栈
- Bootstrap 5(CSS 框架)
- jQuery 3.7.1(DOM 操作与交互)
- Prism.js(代码高亮)
- Feather Icons(图标库)
- Poppins + Nunito(Google Fonts)
## 项目结构
```
preclinic-166/
├── documentation/
│ ├── index.html # 文档首页(技术栈选择入口)
│ ├── html.html # 纯 HTML 版文档
│ ├── angular.html # Angular 版文档
│ ├── react.html # React 版文档
│ ├── vue.html # Vue 版文档
│ ├── laravel.html # Laravel 版文档
│ ├── nodejs.html # Node.js 版文档
│ └── assets/
│ ├── css/
│ │ ├── bootstrap.min.css
│ │ ├── style.css # 主样式文件
│ │ ├── prism.css # 代码高亮样式
│ │ └── dark.css # 暗色主题
│ └── js/
│ ├── bootstrap.bundle.min.js
│ ├── jquery-3.7.1.min.js
│ ├── main.js # 侧边栏、响应式逻辑
│ ├── prism.js
│ └── feather.min.js
├── html.zip
├── angular.zip
├── react.zip
├── vue.zip
├── laravel.zip
└── node.zip
```
## 核心文件说明
- `documentation/index.html` — 文档首页,展示六个技术版本入口卡片
- `documentation/assets/css/style.css` — 主样式表,定义文档布局、侧边栏与明暗主题
- `documentation/assets/css/prism.css` — Prism 代码高亮主题
- `documentation/assets/js/main.js` — 侧边栏折叠逻辑、响应式断点处理与主题切换
- `documentation/assets/js/jquery.zoom.min.js` — 图片放大交互组件
## 快速开始
纯静态项目,直接在浏览器打开 `documentation/index.html` 即可查看文档首页。各版本详细文档通过页面卡片链接进入对应的 `html.html`、`react.html` 等子页面。
## 使用建议
本目录为 Preclinic 模板的文档展示包,实际业务开发应解压对应技术栈的压缩包(如 `html.zip`)获取完整页面源码。暗色主题通过 `data-bs-theme` 属性切换,可参考 `main.js` 中的主题逻辑进行二次开发。
help_outline
FAQ
Comments0
PublishedJan 20, 2026
Tech Stack
HTML