项目简介
Healingy 是一款专业的心理咨询与治疗网站 HTML 模板,基于 Bootstrap 5 框架构建,适合心理诊所、咨询师个人网站或健康服务机构使用。模板提供首页、服务介绍、治疗师团队、预约功能及商城模块,支持响应式布局和多种交互动效,可直接用于生产环境。
技术栈
- Bootstrap 5(CSS 框架)
- jQuery(JavaScript 交互层)
- HTML5 / CSS3(语义化 markup 与样式)
- PHP(联系表单后端处理)
- SVG 图标(icons 目录)
项目结构
text
healingy-package/
├── documentation/ # 模板使用文档
│ ├── index.html
│ ├── css/style.css
│ └── javascript/main.js
└── healingy/ # 正式模板文件
├── index.html # 首页
├── about.html # 关于我们
├── our-service.html # 服务介绍
├── our-therapists.html # 治疗师团队
├── book-appointment.html # 预约页面
├── shop-*.html # 商城相关
├── contact-us.html # 联系我们
├── contact/ # 表单后端
│ └── contact-process.php
├── css/
│ ├── bootstrap.css # Bootstrap 框架
│ └── styles.css # 主题样式
├── js/
│ └── main.js # 交互逻辑
└── icons/ # SVG 图标集
核心文件说明
healingy/index.html— 网站首页,包含顶部导航、banner、服务展示等主要区块healingy/css/bootstrap.css— Bootstrap 5 框架核心样式,提供网格与组件基础healingy/css/styles.css— 模板自定义主题样式,覆盖 Bootstrap 默认外观healingy/js/main.js— 交互逻辑,含粘性导航、滚动效果、日期选择、表单处理等healingy/contact/contact-process.php— 联系表单 AJAX 提交后端处理脚本healingy/book-appointment.html— 在线预约页面,含日期选择与表单验证
快速开始
- 直接在浏览器打开
healingy/index.html即可预览完整效果 - 如需本地服务器运行(启用 PHP 表单功能):
bash
# 使用 PHP 内置服务器
cd healingy-package/healingy
php -S localhost:8000
使用建议
- 部署时需替换
contact-process.php中的邮件接收地址配置,确保联系表单正常工作 - 所有页面图片路径需根据实际部署环境调整,模板默认使用占位图
