本地生活小程序

微信小程序原生 O2O 本地生活平台，Skyline 渲染引擎，含餐厅推荐与地图定位、招聘、48 项生活服务分类与近期活动收藏，适合小程序开发类毕业设计。

评分:4.8/5.0

销量:69

发布:11/30/2025

难度:L2 进阶级

获取完整源码

演示视频仅作效果参考。完整源码、项目说明与运行答疑，请私聊沟通（适合毕业设计 / 课程设计 / 课设参考）。

获取完整源码观看演示视频

✓含项目说明文档，便于对照学习

✓可本地运行，适合课设演示

✓沟通获取后可咨询运行问题

项目封面

项目概览

本项目基于微信小程序原生开发，采用 Skyline（glass-easel）渲染引擎与本地 Storage + Mock 数据，实现本地生活 O2O 服务平台。首页含轮播 Banner、餐厅/生活服务/招聘三大入口与近期活动列表；餐厅模块支持列表浏览、微信地图定位、菜单展示与收藏；招聘模块展示本地职位信息；生活服务分类涵盖住房、生活、医疗、生意等 48 项服务；个人中心支持头像昵称编辑与收藏管理，适合作为毕业设计中微信小程序原生开发、O2O 本地服务与 Skyline 渲染方向。

项目说明

本地生活小程序

项目简介

本项目是一个基于微信小程序原生开发的本地生活服务平台，提供餐厅推荐、招聘信息、生活服务分类、近期活动展示等功能，是一个典型的O2O本地生活服务类小程序。

技术栈

技术	版本/说明
开发框架	微信小程序原生开发
基础库版本	3.3.0
渲染引擎	Skyline (glass-easel组件框架)
数据存储	本地 Storage + Mock数据
UI框架	原生WXML + WXSS

项目结构

localLife-min/
├── api.js                    # API接口与Mock数据
├── app.js                    # 小程序入口文件
├── app.json                  # 小程序全局配置
├── app.wxss                  # 全局样式
├── project.config.json       # 项目配置文件
├── sitemap.json              # 站点地图配置
├── imgs/                     # 图片资源目录
│   ├── tabBar/               # 底部导航栏图标
│   ├── index/                # 首页相关图片
│   ├── hotel/                # 餐厅相关图片
│   └── ...
├── pages/                    # 页面目录
│   ├── index/                # 首页
│   ├── my/                   # 我的页面
│   ├── detail/               # 活动详情页
│   ├── hotel/                # 餐厅列表页
│   ├── hotelDetail/          # 餐厅详情页
│   ├── job/                  # 招聘信息页
│   ├── more/                 # 生活服务分类页
│   ├── info/                 # 个人信息编辑页
│   └── collect/              # 我的收藏页
└── utils/                    # 工具函数目录
    └── util.js

功能模块

1. 首页模块 (pages/index)

轮播图展示：自动轮播的Banner广告位
功能入口：餐厅、生活服务、招聘三大入口
近期活动：展示本地近期活动列表，支持点击查看详情

2. 餐厅模块 (pages/hotel)

餐厅列表：展示本地餐厅信息（名称、地址、封面图）
餐厅详情：
- 餐厅基本信息展示
- 地图定位显示（使用微信地图组件）
- 菜单列表展示
- 收藏/取消收藏功能

3. 招聘模块 (pages/job)

展示本地招聘信息列表
包含职位名称、联系人、薪资等信息

4. 生活服务模块 (pages/more)

住房相关：房产中介、水管维修、家电维修、搬家等12项服务
生活服务：超市、教育培训、美容理发、宠物等22项服务
医疗保健：中医诊所、牙科、心理咨询等9项服务
生意服务：招租招商、快递服务、印刷复印等5项服务

5. 个人中心模块 (pages/my)

用户头像和昵称展示
个人信息编辑入口
我的收藏入口

6. 个人信息编辑 (pages/info)

修改头像（使用微信头像选择能力）
修改昵称
信息保存到本地Storage

7. 我的收藏 (pages/collect)

展示已收藏的餐厅列表
支持点击进入餐厅详情

数据说明

本项目采用纯前端Mock数据方式，无需后端服务：

活动数据：fetchIndex() - 返回轮播图和活动列表
餐厅数据：fetchHotelList() - 返回餐厅列表（含经纬度坐标）
招聘数据：fetchJobList() - 返回招聘信息列表
用户数据：使用 wx.getStorageSync/setStorageSync 本地存储
收藏数据：使用本地Storage存储收藏的餐厅ID

页面路由

页面	路径	类型
首页	pages/index/index	TabBar页面
我的	pages/my/my	TabBar页面
活动详情	pages/detail/detail	普通页面
餐厅列表	pages/hotel/hotel	普通页面
餐厅详情	pages/hotelDetail/hotelDetail	普通页面
招聘信息	pages/job/job	普通页面
生活服务	pages/more/more	普通页面
个人信息	pages/info/info	普通页面
我的收藏	pages/collect/collect	普通页面