乐龄生活养老服务小程序

项目简介

这是一个养老服务综合平台的微信小程序，采用纯前端实现，使用本地Mock数据模拟后端接口。项目完整实现了养老院查询、居家养老服务、社区活动报名、健康资讯阅读、收藏管理、预约管理等核心功能，适合作为微信小程序开发学习项目或计算机设计参考。

技术栈

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

项目特点

• 纯前端实现：无需后端服务器，所有数据使用本地Mock模拟
• 数据持久化：收藏和预约数据使用本地存储，关闭小程序后数据不丢失
• 完整业务流程：涵盖养老院查询、居家服务预约、活动报名、健康资讯等完整养老服务流程
• UI设计清新：界面风格简洁大方，蓝色主题配色，符合养老服务类应用调性
• 多媒体支持：支持图片预览、电话拨打等功能
• 分享功能：支持分享到好友和朋友圈

功能模块

1. 首页模块 (pages/index)

• 功能入口导航（养老院、居家服务、社区活动、健康资讯）
• 推荐养老院展示
• 热门居家服务推荐
• 搜索入口（待开发）
• 点击进入各详情页

2. 养老院列表模块 (pages/nursingHomeList)

• 养老院列表展示
• 养老院封面图、名称、地址、评分
• 床位数、价格区间展示
• 特色服务标签
• 点击进入养老院详情

3. 养老院详情模块 (pages/nursingHomeDetail)

• 养老院封面大图展示
• 基本信息（名称、地址、电话、评分、床位数）
• 价格区间展示
• 特色服务标签
• 养老院简介
• 服务项目列表
• 设施设备介绍
• 环境图片展示
• 用户评价列表
• 收藏/取消收藏功能
• 一键拨打电话
• 预约参观功能
• 分享到好友/朋友圈

4. 居家服务列表模块 (pages/homeCareList)

• 居家养老服务列表展示
• 服务封面图、名称、分类
• 价格和服务时长展示
• 点击进入服务详情

5. 居家服务详情模块 (pages/homeCareDetail)

• 服务封面图展示
• 服务名称、分类、价格
• 服务时长说明
• 服务详细介绍
• 服务提供方信息
• 联系电话
• 收藏/取消收藏功能
• 预约服务功能

6. 社区活动列表模块 (pages/activityList)

• 社区活动列表展示
• 活动封面图、标题、类型
• 活动时间、地点
• 报名人数/名额展示
• 点击进入活动详情

7. 社区活动详情模块 (pages/activityDetail)

• 活动封面图展示
• 活动标题、类型
• 活动时间、地点、主办方
• 活动详细介绍
• 参与要求说明
• 报名人数/名额统计
• 收藏/取消收藏功能
• 活动报名功能
• 分享功能

8. 健康资讯列表模块 (pages/healthNewsList)

• 健康资讯列表展示
• 资讯标题、日期、来源
• 资讯摘要
• 点击进入资讯详情

9. 健康资讯详情模块 (pages/healthNewsDetail)

• 资讯完整内容展示
• 标题、日期、来源
• 正文内容（支持富文本）
• 收藏/取消收藏功能
• 分享功能

10. 我的模块 (pages/my)

• 用户头像、昵称展示
• 我的预约入口
• 我的收藏入口
• 关于我们入口

11. 我的预约模块 (pages/myAppointments)

• 已预约的服务列表
• 已报名的活动列表
• 预约状态展示
• 点击可跳转到对应详情页

12. 我的收藏模块 (pages/myCollections)

• 收藏的养老院列表
• 收藏的居家服务列表
• 收藏的社区活动列表
• 收藏的健康资讯列表
• 点击可跳转到对应详情页

13. 关于我们模块 (pages/about)

• 平台介绍
• 联系方式
• 版本信息

项目结构

nursing-home-pure-mini-program/
├── app.js                    # 小程序入口文件，全局数据管理
├── app.json                  # 小程序全局配置（页面路由、TabBar、窗口样式）
├── app.wxss                  # 全局样式文件
├── project.config.json       # 项目配置文件
├── project.private.config.json # 项目私有配置
├── sitemap.json              # 小程序索引配置
├── .prettierrc               # 代码格式化配置
├── images/                   # 图片资源目录
│   ├── tabbar/               # TabBar图标
│   │   ├── home.png          # 首页图标
│   │   ├── home_selected.png # 首页选中图标
│   │   ├── news.png          # 服务图标
│   │   ├── news_selected.png # 服务选中图标
│   │   ├── activity.png      # 活动图标
│   │   ├── activity_selected.png # 活动选中图标
│   │   ├── my.png            # 我的图标
│   │   └── my_selected.png   # 我的选中图标
│   ├── icons/                # 功能图标
│   │   ├── search.png        # 搜索图标
│   │   ├── heart_filled.png  # 收藏已选中
│   │   ├── heart_outline.png # 收藏未选中
│   │   ├── star_filled.png   # 评分已选中
│   │   ├── star_outline.png  # 评分未选中
│   │   ├── share.png         # 分享图标
│   │   ├── location.png      # 位置图标
│   │   ├── time.png          # 时间图标
│   │   ├── phone.png         # 电话图标
│   │   ├── person.png        # 人员图标
│   │   ├── provider.png      # 服务商图标
│   │   ├── organizer.png     # 主办方图标
│   │   ├── history.png       # 历史图标
│   │   ├── about.png         # 关于图标
│   │   ├── arrow_right.png   # 右箭头
│   │   ├── my_collection.png # 我的收藏图标
│   │   ├── my_registration.png # 我的预约图标
│   │   ├── home_nursing_home.png # 养老院入口图标
│   │   ├── home_home_care.png # 居家服务入口图标
│   │   ├── home_activity.png # 活动入口图标
│   │   └── home_health.png   # 健康资讯入口图标
│   ├── img/                  # 内容图片
│   │   ├── b_1.jpg, b_2.jpg  # 养老院封面图
│   │   ├── room_1.png ~ room_7.jpg # 房间环境图
│   │   ├── a_1.jpg ~ a_3.jpg # 活动封面图
│   │   ├── home.jpg          # 居家护理图
│   │   ├── bre.jpg           # 送餐服务图
│   │   └── housekeeping.jpg  # 家政服务图
│   └── default-avatar.png    # 默认头像
├── pages/                    # 页面目录
│   ├── index/                # 首页
│   │   ├── index.js
│   │   ├── index.json
│   │   ├── index.wxml
│   │   └── index.wxss
│   ├── nursingHomeList/      # 养老院列表页
│   │   ├── nursingHomeList.js
│   │   ├── nursingHomeList.json
│   │   ├── nursingHomeList.wxml
│   │   └── nursingHomeList.wxss
│   ├── nursingHomeDetail/    # 养老院详情页
│   │   ├── nursingHomeDetail.js
│   │   ├── nursingHomeDetail.json
│   │   ├── nursingHomeDetail.wxml
│   │   └── nursingHomeDetail.wxss
│   ├── homeCareList/         # 居家服务列表页
│   │   ├── homeCareList.js
│   │   ├── homeCareList.json
│   │   ├── homeCareList.wxml
│   │   └── homeCareList.wxss
│   ├── homeCareDetail/       # 居家服务详情页
│   │   ├── homeCareDetail.js
│   │   ├── homeCareDetail.json
│   │   ├── homeCareDetail.wxml
│   │   └── homeCareDetail.wxss
│   ├── activityList/         # 活动列表页
│   │   ├── activityList.js
│   │   ├── activityList.json
│   │   ├── activityList.wxml
│   │   └── activityList.wxss
│   ├── activityDetail/       # 活动详情页
│   │   ├── activityDetail.js
│   │   ├── activityDetail.json
│   │   ├── activityDetail.wxml
│   │   └── activityDetail.wxss
│   ├── healthNewsList/       # 健康资讯列表页
│   │   ├── healthNewsList.js
│   │   ├── healthNewsList.json
│   │   ├── healthNewsList.wxml
│   │   └── healthNewsList.wxss
│   ├── healthNewsDetail/     # 健康资讯详情页
│   │   ├── healthNewsDetail.js
│   │   ├── healthNewsDetail.json
│   │   ├── healthNewsDetail.wxml
│   │   └── healthNewsDetail.wxss
│   ├── my/                   # 我的页面
│   │   ├── my.js
│   │   ├── my.json
│   │   ├── my.wxml
│   │   └── my.wxss
│   ├── myAppointments/       # 我的预约页
│   │   ├── myAppointments.js
│   │   ├── myAppointments.json
│   │   ├── myAppointments.wxml
│   │   └── myAppointments.wxss
│   ├── myCollections/        # 我的收藏页
│   │   ├── myCollections.js
│   │   ├── myCollections.json
│   │   ├── myCollections.wxml
│   │   └── myCollections.wxss
│   └── about/                # 关于我们页
│       ├── about.js
│       ├── about.json
│       ├── about.wxml
│       └── about.wxss
└── utils/                    # 工具类目录
    ├── mockData.js           # Mock数据文件
    └── util.js               # 工具函数

数据模型

养老院数据 (nursingHomes)

{
  id: 'nh001',                    // 养老院ID
  name: '阳光敬老院',             // 名称
  address: '北京市朝阳区幸福路88号', // 地址
  phone: '010-88889999',          // 联系电话
  rating: 4.8,                    // 评分
  beds: 150,                      // 床位数
  features: ['医护全天候', '康复理疗', '花园环境'], // 特色服务
  coverImage: '/images/img/b_1.jpg', // 封面图
  description: '养老院简介...',   // 简介
  services: ['自理照护', '半自理照护', '失能照护'], // 服务项目
  facilities: ['康复中心', '娱乐室', '阅览室'], // 设施设备
  pricing: {                      // 价格区间
    min: 4000,
    max: 8000,
    unit: '元/月'
  },
  images: ['/images/img/room_2.jpg'], // 环境图片
  contact: {                      // 联系人信息
    person: '李院长',
    email: 'sunshine@example.com'
  },
  reviews: [                      // 用户评价
    { user: '用户A', score: 5, content: '环境优美，护理人员很专业！' }
  ]
}

居家服务数据 (homeCareServices)

{
  id: 'hcs001',                   // 服务ID
  name: '居家上门护理',           // 服务名称
  category: '医疗护理',           // 服务分类
  price: 150,                     // 价格
  priceUnit: '元/次',             // 价格单位
  duration: '2小时',              // 服务时长
  coverImage: '/images/img/home.jpg', // 封面图
  description: '服务简介...',     // 简介
  details: '服务详情...',         // 详细说明
  provider: '爱心护理团队',       // 服务提供方
  contact: '13812345678'          // 联系电话
}

社区活动数据 (communityActivities)

{
  id: 'ca001',                    // 活动ID
  title: '夕阳红广场舞大赛',      // 活动标题
  type: '文体娱乐',               // 活动类型
  date: '2025年7月15日',          // 活动日期
  time: '下午2:00 - 4:00',        // 活动时间
  location: '市中心公园广场',     // 活动地点
  organizer: '社区文化中心',      // 主办方
  image: '/images/img/a_1.jpg',   // 活动封面图
  description: '活动详情...',     // 活动介绍
  requirements: '参与要求...',    // 参与要求
  maxParticipants: 50,            // 最大参与人数
  currentParticipants: 35         // 当前报名人数
}

健康资讯数据 (healthNews)

{
  id: 'hn001',                    // 资讯ID
  title: '老年人如何科学补钙？',  // 标题
  date: '2025-06-01',             // 发布日期
  source: '健康时报',             // 来源
  summary: '摘要内容...',         // 摘要
  content: '正文内容...'          // 正文
}

用户预约数据 (userAppointments)

{
  id: 'app001',                   // 预约ID
  type: '居家服务',               // 预约类型
  serviceId: 'hcs001',            // 服务ID
  serviceName: '居家上门护理',    // 服务名称
  date: '2025-07-08',             // 预约日期
  time: '上午9:00',               // 预约时间
  status: '已预约',               // 预约状态
  provider: '爱心护理团队',       // 服务提供方
  contact: '13812345678'          // 联系电话
}

用户收藏数据 (userCollections)

[
  { type: 'nursingHome', id: 'nh001' }, // 收藏的养老院
  { type: 'homeCareService', id: 'hcs002' }, // 收藏的居家服务
  { type: 'communityActivity', id: 'ca002' }, // 收藏的活动
  { type: 'healthNews', id: 'hn001' }, // 收藏的资讯
];

当前用户数据 (currentUser)

{
  id: 'user001',                  // 用户ID
  nickname: '乐龄小助手',         // 昵称
  avatar: '/images/default-avatar.png' // 头像
}

核心业务逻辑

1. 养老院查询

// 获取推荐养老院
this.setData({
  recommendedNursingHomes: mockData.nursingHomes.slice(0, 2),
});

// 根据ID获取养老院详情
const foundHome = mockData.nursingHomes.find((h) => h.id === id);

2. 收藏功能

// 切换收藏状态
toggleCollect: function() {
  const homeId = this.data.homeId;
  let userCollections = mockData.userCollections;

  const index = userCollections.findIndex(
    c => c.type === 'nursingHome' && c.id === homeId
  );
  if (index > -1) {
    userCollections.splice(index, 1); // 取消收藏
  } else {
    userCollections.push({ type: 'nursingHome', id: homeId }); // 添加收藏
  }
}

3. 电话拨打

// 一键拨打电话
makePhoneCall: function(e) {
  const phoneNumber = e.currentTarget.dataset.phone;
  wx.makePhoneCall({
    phoneNumber: phoneNumber
  });
}

4. 分享功能

// 分享到好友
onShareAppMessage: function() {
  return {
    title: `推荐一个不错的养老院：${this.data.home.name}`,
    path: `/pages/nursingHomeDetail/nursingHomeDetail?id=${this.data.homeId}`,
    imageUrl: this.data.home.coverImage
  };
}

// 分享到朋友圈
onShareTimeline: function() {
  return {
    title: `推荐一个不错的养老院：${this.data.home.name}`,
    query: `id=${this.data.homeId}`,
    imageUrl: this.data.home.coverImage
  };
}

页面路由配置

{
  "pages": [
    "pages/index/index", // 首页（默认启动页）
    "pages/nursingHomeList/nursingHomeList", // 养老院列表
    "pages/nursingHomeDetail/nursingHomeDetail", // 养老院详情
    "pages/homeCareList/homeCareList", // 居家服务列表
    "pages/homeCareDetail/homeCareDetail", // 居家服务详情
    "pages/activityList/activityList", // 活动列表
    "pages/activityDetail/activityDetail", // 活动详情
    "pages/healthNewsList/healthNewsList", // 健康资讯列表
    "pages/healthNewsDetail/healthNewsDetail", // 健康资讯详情
    "pages/my/my", // 我的
    "pages/myAppointments/myAppointments", // 我的预约
    "pages/myCollections/myCollections", // 我的收藏
    "pages/about/about" // 关于我们
  ]
}

TabBar配置

{
  "tabBar": {
    "color": "#7A7E83",
    "selectedColor": "#2196F3",
    "borderStyle": "black",
    "backgroundColor": "#F8F8F8",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页"
      },
      {
        "pagePath": "pages/homeCareList/homeCareList",
        "text": "服务"
      },
      {
        "pagePath": "pages/activityList/activityList",
        "text": "活动"
      },
      {
        "pagePath": "pages/my/my",
        "text": "我的"
      }
    ]
  }
}

运行环境要求

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

快速开始

1. 克隆/下载项目

将项目文件夹下载到本地

2. 导入项目

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

3. 运行项目

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

4. 真机调试

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

预置测试数据

养老院

名称	地址	评分	床位	价格区间
阳光敬老院	北京市朝阳区幸福路88号	4.8	150	4000-8000元/月
康宁养老中心	上海市浦东新区健康路100号	4.5	120	3500-7000元/月

居家服务

服务名称	分类	价格	服务时长
居家上门护理	医疗护理	150元/次	2小时
营养送餐服务	生活照料	30元/餐	-
家政保洁服务	生活照料	80元/小时	3小时起

社区活动

活动名称	类型	时间	地点
夕阳红广场舞大赛	文体娱乐	2025年7月15日	市中心公园广场
老年健康讲座：糖尿病预防与管理	健康讲座	2025年7月20日	社区活动室
书法绘画兴趣班	兴趣培训	2025年8月每周二	社区书画室

健康资讯

标题	来源	日期
老年人如何科学补钙？	健康时报	2025-06-01
预防老年痴呆的5个小妙招	医学科普	2025-05-20

界面预览

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

扩展建议

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

1. 接入真实后端：将Mock数据替换为真实API接口
2. 用户登录系统：接入微信登录，实现真实用户体系
3. 在线支付：接入微信支付，实现服务预约付款
4. 地图功能：养老院地图定位和导航
5. 搜索功能：实现养老院、服务、活动的全局搜索
6. 评价功能：用户对养老院和服务进行评价
7. 消息通知：预约提醒、活动开始提醒等推送通知
8. 在线咨询：接入客服系统，在线咨询养老问题
9. 健康档案：老人健康信息管理和记录
10. 紧急呼叫：一键紧急呼叫功能

注意事项

1. 本项目为学习演示项目，所有数据均为模拟数据
2. 预约功能为模拟实现，不涉及真实预约
3. 电话拨打功能需要在真机上测试
4. 如需发布上线，请替换为自己的AppID并完善相关资质

许可证

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