Healingy - 治疗和咨询心理学家 HTML 模板

# 项目简介 Healingy 是一款专业的心理咨询与治疗网站 HTML 模板，基于 Bootstrap 5 框架构建，适合心理诊所、咨询师个人网站或健康服务机构使用。模板提供首页、服务介绍、治疗师团队、预约功能及商城模块，支持响应式布局和多种交互动效，可直接用于生产环境。 ## 技术栈 - Bootstrap 5（CSS 框架） - jQuery（JavaScript 交互层） - HTML5 / CSS3（语义化 markup 与样式） - PHP（联系表单后端处理） - SVG 图标（icons 目录） ## 项目结构 ``` 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` — 在线预约页面，含日期选择与表单验证 ## 快速开始 1. 直接在浏览器打开 `healingy/index.html` 即可预览完整效果 2. 如需本地服务器运行（启用 PHP 表单功能）： ```bash # 使用 PHP 内置服务器 cd healingy-package/healingy php -S localhost:8000 ``` ## 使用建议 - 部署时需替换 `contact-process.php` 中的邮件接收地址配置，确保联系表单正常工作 - 所有页面图片路径需根据实际部署环境调整，模板默认使用占位图