心理健康教育小程序

心理健康教育小程序

项目简介

这是一个心理健康教育与自助服务的微信小程序，采用纯前端实现，使用本地Mock数据模拟后端接口。项目完整实现了情绪管理、压力应对、助眠放松、正念练习、心理测评、自助工具等核心功能，适合作为微信小程序开发学习项目或计算机设计参考。

技术栈

技术	版本/说明
开发框架	微信小程序原生框架
基础库版本	最新稳定版
开发语言	JavaScript (ES6+)
样式语言	WXSS (微信小程序样式)
模板语言	WXML (微信小程序模板)
数据存储	本地Storage持久化
数据模拟	Mock Data (本地模拟数据)

项目特点

• 纯前端实现：无需后端服务器，所有数据使用本地Mock模拟
• 内容丰富：涵盖情绪管理、压力应对、正念冥想等多个心理健康主题
• 科学指导：基于心理学原理和积极心理学研究设计内容
• UI设计温馨：界面风格简洁舒适，紫色主题配色，符合心理健康类应用调性
• 自助工具：提供多种实用的心理自助工具和放松技巧

功能模块

1. 首页模块 (pages/index)

• 轮播图展示心理健康主题
• 每日一言励志语录
• 九宫格功能入口（情绪管理、压力应对、助眠放松等）
• 快速导航到各功能页面

2. 情绪管理模块 (pages/emotion)

• 情绪类型介绍（快乐、悲伤、愤怒、恐惧、焦虑）
• 情绪调节技巧（深呼吸、转移注意力、积极思考、运动释放）
• 情绪识别与管理指导

3. 压力应对模块 (pages/stress)

• 压力水平评估展示
• 压力应对方法（识别压力源、时间管理、健康生活、寻求支持）
• 真实案例分享

4. 助眠放松模块 (pages/sleep_relax)

• 助眠音乐推荐（白噪音、钢琴曲、冥想音乐）
• 睡前放松引导词
• 睡眠小贴士

5. 正念练习模块 (pages/mindfulness)

• 正念概念介绍
• 正念呼吸练习指导
• 感官观察练习

6. 心灵影音模块 (pages/mindful_media)

• 心理健康文章阅读
• 视频资源推荐
• 治愈系图片展示

7. 冥想引导模块 (pages/meditation_guide)

• 多种冥想类型（初学者冥想、专注冥想、感恩冥想）
• 冥想益处介绍
• 详细冥想引导词

8. 积极心理学模块 (pages/positive_psychology)

• 核心概念介绍（韧性、感恩、乐观、心流）
• 积极心理学实践方法
• 幸福感提升技巧

9. 心理测评模块 (pages/simulated_assessment)

• 抑郁情绪筛查
• 焦虑水平评估
• 生活满意度调查
• 测评结果展示（模拟）

10. 自助工具箱模块 (pages/self_help_toolkit)

• 情绪宣泄瓶（写下烦恼）
• 积极情绪卡片
• 五感安抚练习
• 即时放松小动作

11. 联系我们模块 (pages/contact_us)

• 小程序介绍
• 免责声明
• 常见问题FAQ
• 心理援助热线
• 联系方式

项目结构

xinlijiankang-min/
├── app.js                    # 小程序入口文件
├── app.json                  # 小程序全局配置
├── app.wxss                  # 全局样式文件
├── project.config.json       # 项目配置文件
├── project.private.config.json # 项目私有配置
├── sitemap.json              # 小程序索引配置
├── images/                   # 图片资源目录
│   ├── tabbar/               # TabBar图标
│   │   ├── home.png          # 首页图标
│   │   ├── home-active.png   # 首页选中图标
│   │   ├── my.png            # 我的图标
│   │   └── my-active.png     # 我的选中图标
│   ├── banner_1.jpg          # 轮播图1
│   ├── banner_2.jpg          # 轮播图2
│   ├── g-1.jpg               # 治愈系图片1
│   ├── g-2.jpg               # 治愈系图片2
│   └── icon-1.png ~ icon-9.png # 功能入口图标
├── components/               # 自定义组件目录
├── pages/                    # 页面目录
│   ├── index/                # 首页
│   ├── emotion/              # 情绪管理页
│   ├── stress/               # 压力应对页
│   ├── sleep_relax/          # 助眠放松页
│   ├── mindfulness/          # 正念练习页
│   ├── mindful_media/        # 心灵影音页
│   ├── meditation_guide/     # 冥想引导页
│   ├── positive_psychology/  # 积极心理学页
│   ├── simulated_assessment/ # 心理测评页
│   ├── self_help_toolkit/    # 自助工具箱页
│   └── contact_us/           # 联系我们页
└── utils/                    # 工具类目录
    ├── mockData.js           # Mock数据文件
    └── util.js               # 工具函数

数据模型

轮播图数据 (bannerList)

{
  id: 1,                          // 轮播图ID
  image: '/images/banner_1.jpg',  // 图片路径
  title: '积极心态，健康生活'      // 标题
}

功能入口数据 (quickEntryList)

{
  id: 'emotion',                  // 功能ID
  name: '情绪管理',               // 功能名称
  icon: '/images/icon-1.png',     // 图标路径
  url: '/pages/emotion/emotion'   // 跳转路径
}

情绪类型数据 (emotionData.types)

{
  id: 'et001',                    // 情绪ID
  name: '快乐',                   // 情绪名称
  description: '感到满足、愉悦、兴奋。表现为笑容、轻松。' // 描述
}

情绪调节技巧 (emotionData.techniques)

{
  id: 'et006',                    // 技巧ID
  title: '深呼吸练习',            // 技巧名称
  content: '当你感到情绪激动时...' // 详细内容
}

心理测评数据 (simulatedAssessmentData)

{
  id: 'sa001',                    // 测评ID
  name: '抑郁情绪筛查',           // 测评名称
  description: '评估您近期是否存在抑郁情绪的风险。', // 描述
  result: '您的抑郁情绪水平可能偏高...' // 模拟结果
}

自助工具数据 (selfHelpToolkitData.tools)

{
  id: 'sht001',                   // 工具ID
  title: '情绪宣泄瓶',            // 工具名称
  content: '找一个笔记本或一个虚拟的"瓶子"...' // 使用说明
}

页面路由配置

{
  "pages": [
    "pages/index/index", // 首页（默认启动页）
    "pages/emotion/emotion", // 情绪管理
    "pages/stress/stress", // 压力应对
    "pages/sleep_relax/sleep_relax", // 助眠放松
    "pages/mindfulness/mindfulness", // 正念练习
    "pages/mindful_media/mindful_media", // 心灵影音
    "pages/meditation_guide/meditation_guide", // 冥想引导
    "pages/positive_psychology/positive_psychology", // 积极心理学
    "pages/simulated_assessment/simulated_assessment", // 心理测评
    "pages/self_help_toolkit/self_help_toolkit", // 自助工具箱
    "pages/contact_us/contact_us" // 联系我们
  ]
}

TabBar配置

{
  "tabBar": {
    "color": "#999999",
    "selectedColor": "#6A5ACD",
    "backgroundColor": "#ffffff",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页",
        "iconPath": "images/tabbar/home.png",
        "selectedIconPath": "images/tabbar/home-active.png"
      },
      {
        "pagePath": "pages/contact_us/contact_us",
        "text": "联系我们",
        "iconPath": "images/tabbar/my.png",
        "selectedIconPath": "images/tabbar/my-active.png"
      }
    ]
  }
}

运行环境要求

• 微信开发者工具：建议使用最新稳定版
• 基础库版本：2.19.0 及以上
• AppID：需替换为自己的AppID

快速开始

1. 克隆/下载项目

将项目文件夹下载到本地

2. 导入项目

1. 打开微信开发者工具
2. 选择"导入项目"
3. 选择项目目录 xinlijiankang-min
4. 填入AppID（可使用测试号或自己的AppID）
5. 点击"导入"

3. 运行项目

导入成功后，项目会自动编译运行，可在模拟器中预览效果

4. 真机调试

点击工具栏"预览"按钮，扫码在手机上体验

预置测试数据

功能模块

模块名称	功能描述
情绪管理	5种情绪类型、4种调节技巧
压力应对	4种应对方法、案例分享
助眠放松	3种助眠音乐、放松引导、4条睡眠贴士
正念练习	呼吸练习、感官观察
心灵影音	3篇文章、2个视频、2张治愈图片
冥想引导	3种冥想类型、5项冥想益处
积极心理学	4个核心概念、4种实践方法
心理测评	3种测评类型（模拟）
自助工具	4种自助工具

心理测评类型

测评名称	描述
抑郁情绪筛查	评估近期抑郁情绪风险
焦虑水平评估	了解目前焦虑程度
生活满意度调查	评估生活各方面满意程度

界面预览

项目包含演示视频文件 演示视频.mp4，可查看完整功能演示。

扩展建议

如需进一步完善项目，可考虑以下扩展：

1. 接入真实后端：将Mock数据替换为真实API接口
2. 用户登录系统：接入微信登录，实现用户数据持久化
3. 真实心理测评：接入专业心理测评量表
4. 音频播放功能：实现助眠音乐、冥想引导的真实播放
5. 情绪日记：添加用户情绪记录和追踪功能
6. 预约咨询：接入在线心理咨询预约功能
7. 社区互动：添加用户交流社区
8. AI对话：接入AI心理助手进行简单对话
9. 数据统计：用户情绪变化趋势分析
10. 推送提醒：定时提醒用户进行放松练习

注意事项

1. 本项目为学习演示项目，所有数据均为模拟数据
2. 心理测评为模拟结果，不具备任何诊断效力
3. 本小程序内容仅供参考，不能替代专业心理咨询
4. 如遇严重心理困扰，请务必寻求专业帮助
5. 如需发布上线，请替换为自己的AppID并完善相关资质

许可证

本项目仅供学习交流使用，请勿用于商业用途。

获取完整源码

• 网站：AI源码
• 本项目详情：https://www.aiyuanma.vip/posts/xinlijiankang-min