更新记录

1.1（2026-03-10） 下载此版本

新增模拟数据

1.0（2026-03-09） 下载此版本

智慧家园 · 业主端小程序

项目概述

智慧家园业主端（***OwnerService）是 小区物业管理系统的移动端客户端，基于 uni-app 框架开发，支持微信小程序、微信公众号（H5）和 APP 三端同包发布。项目面向住宅小区业主，提供从缴费、报修到智能门禁、社区互动的全场景物业服务。

技术栈

类别 技术
跨平台框架 uni-app（Vue.js 语法）
编译目标 微信小程序 / H5 公众号 / APP
UI 组件库 vant-weapp v0.5.27
微信能力 jweixin-module v1.6.0（JSAPI、支付、授权）
样式 Less + CSS（WeUI / colorUI 风格）
后端通信 uni.request + Bearer Token + MD5 签名
本地存储 uni.getStorageSync / setStorageSync
支付通道 微信支付（小程序 + JSAPI）、支付宝 H5

功能模块

1. 缴费中心

支持多种费用类型的在线缴纳，全流程闭环：

  • 物业费：按房屋展示账单、欠费汇总、一键缴清
  • 车位月租费：月卡购买与续费
  • 临时停车费：访客无需登录即可缴费
  • 合同费用：商铺/租赁合同的周期账单
  • 水电充值：智能电表充值
  • 收款台：普通收款与二维码扫码支付两种方式
  • 电子发票：缴费后申请开票，支持多抬头管理

2. 报修工单

  • 在线提交报修（支持图片上传、故障分类）
  • 工单进度全程追踪（待派单 → 处理中 → 已完成）
  • 完工后评价打分，形成服务质量闭环

3. 投诉建议

  • 多类型投诉分类提交
  • 物业审核处理后业主可查看回复意见
  • 支持对处理结果进行满意度评价

4. 智能门禁与 IoT 设备

  • 一键开门：远程调用门禁控制器
  • 二维码开门：生成动态二维码供扫描通行
  • 视频门铃：可视对讲，查看入口实时视频
  • 人脸识别：人脸信息录入与门禁关联
  • 智能充电桩：启动/停止充电、查看充电订单
  • 监控摄像头：调取绑定摄像头实时画面

5. 房屋与业主管理

  • 业主实名认证与房屋绑定
  • 家庭成员管理（共同居住人）
  • 装修申请（含装修进度跟踪）
  • 空置房托管申请

6. 车辆管理

  • 业主车辆信息维护
  • 临时访客车牌手动录入

7. 访客通行

  • 邀请访客、生成临时通行凭证
  • 访客到访记录查询

8. 社区服务

  • 公告通知：物业发布的小区公告
  • 投票问卷：社区议题投票与问卷调查
  • 场馆预订：小区公共场馆（健身房、活动室等）预约与付费
  • 家政服务：保洁、维修等上门服务预约
  • 预约就餐：食堂/餐饮预约

9. 商圈与市场

  • 商圈：内嵌独立商城 H5 子系统（mallApp），通过 WebView + postMessage 通信
  • 跳蚤市场：业主发布/浏览闲置二手物品

10. 优惠券

  • 物业费优惠券、停车券、充电优惠券、商品券
  • 支持赠送停车券给访客

说明

本项目支持二次开发、定制开发，详细可联系V：Jul_54088

后台管理地址

https://demo.homecommunity.cn/#/pages/reserve/reserveCatalogManage

业主端地址

http://owner.homecommunity.cn/#/pages/my/my

安全与认证

请求签名

每个 HTTP 请求在 Header 中携带：

app-id:         三端固定 AppId（区分小程序/H5/APP）
transaction-id: 每次请求唯一的 UUID 流水号
req-time:       请求时间戳（yyyyMMddHHmmss）
sign:           MD5(transactionId + reqTime + appId + params + "whoisyoudad!!!")
Authorization:  Bearer <JWT Token>

登录与 Session

  • 微信小程序：wx.login() 获取 code → 后端换取 openId
  • 微信公众号：jweixin-module JSAPI 网页授权
  • 手机号：短信验证码登录
  • Token 有效期 1小时，过期自动跳转登录页
  • 部分页面（首页、公告、商圈、临时缴费等）无需登录可访问

项目结构

***OwnerService/
├── conf/config.js          # 全局配置（服务器地址、默认小区等）
├── constant/url.js         # 所有后端接口 URL 常量（150+ 个接口）
├── lib/java110/            # 自研核心框架（请求封装、三端 Page 生命周期）
│   ├── Java110Context.js   # 全局上下文对象
│   ├── java110Request.js   # HTTP 请求封装（含签名、登录拦截）
│   └── page/               # H5 / Mini / App 三端 Page 封装
├── api/                    # 按业务模块封装的接口调用层（30+ 模块）
├── factory/                # 微信支付、支付宝、文件上传等工厂类
├── pages/                  # 100+ 业务页面
├── components/             # 66 个公共 Vue 组件
├── style/                  # 全局样式
└── static/                 # 静态资源

第三方集成

集成方 用途
微信小程序 登录授权、小程序支付、地理定位、分享卡片
微信公众号 JSAPI 授权、JSAPI 支付、网页鉴权
支付宝 H5 支付、获取 openId
短信平台 手机验证码登录（由后端代理）
IoT 设备 门禁控制器、充电桩、摄像头、智能电表
商城子系统 WebView 内嵌独立商城 H5，Token 通过 URL 参数传递

快速开始

1. 修改配置

仅需编辑 conf/config.js：

// 后端服务地址
const baseUrl = 'http://your-server-address/';
// 默认展示小区 ID
let DEFAULT_COMMUNITY_ID = "your_community_id";
// 微信公众号 AppId（H5 场景）
const wAppId = "your_***_app_id";

2. 安装依赖

npm install

3. 运行发行

使用 HBuilderX 打开项目，选择目标平台运行或发行：

  • 微信小程序：运行 → 运行到小程序模拟器 → 微信开发者工具
  • H5 公众号：发行 → 网站-H5
  • APP：发行 → 原生 APP

核心业务实体

实体 主要字段（推断自接口）
业主（Owner） ownerId、communityId、ownerTel
用户（User） userId、userName、token
房屋（Room） roomId、communityId、楼栋/单元/房号
费用（Fee） feeName、feeTotalPrice、endTime、payOnline
车辆（Car） carNum、parkingSpaceId、montardInfo
报修单（OwnerRepair） repairId、repairType、roomId
投诉（Complaint） complaintId、complaintType、communityId
优惠券（Coupon） couponId、couponType、discountAmount
发票（Invoice） invoiceId、invoiceTitle、taxNo
小区（Community） communityId、communityName、communityTel
门禁设备（Machine） machineId、machineCode、machineName

适用场景

适合中小型住宅小区、商业园区、公寓楼盘等物业管理场景，可作为物业公司自有 APP 或微信小程序快速落地，支持二次开发定制。

平台兼容性

uni-app(5.01)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
√ √ - - √ √ √ √ √
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 小红书小程序 快应用-华为 快应用-联盟
√ √ √ √ √ √ √ √ √ √ √ √

其他

多语言 暗黑模式 宽屏模式
√ √ √

智慧家园 · 业主端小程序

项目概述

智慧家园业主端（***OwnerService）是 小区物业管理系统的移动端客户端，基于 uni-app 框架开发，支持微信小程序、微信公众号（H5）和 APP 三端同包发布。项目面向住宅小区业主，提供从缴费、报修到智能门禁、社区互动的全场景物业服务。

技术栈

类别 技术
跨平台框架 uni-app（Vue.js 语法）
编译目标 微信小程序 / H5 公众号 / APP
UI 组件库 vant-weapp v0.5.27
微信能力 jweixin-module v1.6.0（JSAPI、支付、授权）
样式 Less + CSS（WeUI / colorUI 风格）
后端通信 uni.request + Bearer Token + MD5 签名
本地存储 uni.getStorageSync / setStorageSync
支付通道 微信支付（小程序 + JSAPI）、支付宝 H5

功能模块

1. 缴费中心

支持多种费用类型的在线缴纳，全流程闭环：

  • 物业费：按房屋展示账单、欠费汇总、一键缴清
  • 车位月租费：月卡购买与续费
  • 临时停车费：访客无需登录即可缴费
  • 合同费用：商铺/租赁合同的周期账单
  • 水电充值：智能电表充值
  • 收款台：普通收款与二维码扫码支付两种方式
  • 电子发票：缴费后申请开票，支持多抬头管理

2. 报修工单

  • 在线提交报修（支持图片上传、故障分类）
  • 工单进度全程追踪（待派单 → 处理中 → 已完成）
  • 完工后评价打分，形成服务质量闭环

3. 投诉建议

  • 多类型投诉分类提交
  • 物业审核处理后业主可查看回复意见
  • 支持对处理结果进行满意度评价

4. 智能门禁与 IoT 设备

  • 一键开门：远程调用门禁控制器
  • 二维码开门：生成动态二维码供扫描通行
  • 视频门铃：可视对讲，查看入口实时视频
  • 人脸识别：人脸信息录入与门禁关联
  • 智能充电桩：启动/停止充电、查看充电订单
  • 监控摄像头：调取绑定摄像头实时画面

5. 房屋与业主管理

  • 业主实名认证与房屋绑定
  • 家庭成员管理（共同居住人）
  • 装修申请（含装修进度跟踪）
  • 空置房托管申请

6. 车辆管理

  • 业主车辆信息维护
  • 临时访客车牌手动录入

7. 访客通行

  • 邀请访客、生成临时通行凭证
  • 访客到访记录查询

8. 社区服务

  • 公告通知：物业发布的小区公告
  • 投票问卷：社区议题投票与问卷调查
  • 场馆预订：小区公共场馆（健身房、活动室等）预约与付费
  • 家政服务：保洁、维修等上门服务预约
  • 预约就餐：食堂/餐饮预约

9. 商圈与市场

  • 商圈：内嵌独立商城 H5 子系统（mallApp），通过 WebView + postMessage 通信
  • 跳蚤市场：业主发布/浏览闲置二手物品

10. 优惠券

  • 物业费优惠券、停车券、充电优惠券、商品券
  • 支持赠送停车券给访客

说明

本项目支持二次开发、定制开发，详细可联系V：Jul_54088

后台管理地址

https://demo.homecommunity.cn/#/pages/reserve/reserveCatalogManage

业主端地址

http://owner.homecommunity.cn/#/pages/my/my

安全与认证

请求签名

每个 HTTP 请求在 Header 中携带：

app-id:         三端固定 AppId（区分小程序/H5/APP）
transaction-id: 每次请求唯一的 UUID 流水号
req-time:       请求时间戳（yyyyMMddHHmmss）
sign:           MD5(transactionId + reqTime + appId + params + "whoisyoudad!!!")
Authorization:  Bearer <JWT Token>

登录与 Session

  • 微信小程序：wx.login() 获取 code → 后端换取 openId
  • 微信公众号：jweixin-module JSAPI 网页授权
  • 手机号：短信验证码登录
  • Token 有效期 1小时，过期自动跳转登录页
  • 部分页面（首页、公告、商圈、临时缴费等）无需登录可访问

项目结构

***OwnerService/
├── conf/config.js          # 全局配置（服务器地址、默认小区等）
├── constant/url.js         # 所有后端接口 URL 常量（150+ 个接口）
├── lib/java110/            # 自研核心框架（请求封装、三端 Page 生命周期）
│   ├── Java110Context.js   # 全局上下文对象
│   ├── java110Request.js   # HTTP 请求封装（含签名、登录拦截）
│   └── page/               # H5 / Mini / App 三端 Page 封装
├── api/                    # 按业务模块封装的接口调用层（30+ 模块）
├── factory/                # 微信支付、支付宝、文件上传等工厂类
├── pages/                  # 100+ 业务页面
├── components/             # 66 个公共 Vue 组件
├── style/                  # 全局样式
└── static/                 # 静态资源

第三方集成

集成方 用途
微信小程序 登录授权、小程序支付、地理定位、分享卡片
微信公众号 JSAPI 授权、JSAPI 支付、网页鉴权
支付宝 H5 支付、获取 openId
短信平台 手机验证码登录（由后端代理）
IoT 设备 门禁控制器、充电桩、摄像头、智能电表
商城子系统 WebView 内嵌独立商城 H5，Token 通过 URL 参数传递

快速开始

1. 修改配置

仅需编辑 conf/config.js：

// 后端服务地址
const baseUrl = 'http://your-server-address/';
// 默认展示小区 ID
let DEFAULT_COMMUNITY_ID = "your_community_id";
// 微信公众号 AppId（H5 场景）
const wAppId = "your_***_app_id";

2. 安装依赖

npm install

3. 运行发行

使用 HBuilderX 打开项目，选择目标平台运行或发行：

  • 微信小程序：运行 → 运行到小程序模拟器 → 微信开发者工具
  • H5 公众号：发行 → 网站-H5
  • APP：发行 → 原生 APP

核心业务实体

实体 主要字段（推断自接口）
业主（Owner） ownerId、communityId、ownerTel
用户（User） userId、userName、token
房屋（Room） roomId、communityId、楼栋/单元/房号
费用（Fee） feeName、feeTotalPrice、endTime、payOnline
车辆（Car） carNum、parkingSpaceId、montardInfo
报修单（OwnerRepair） repairId、repairType、roomId
投诉（Complaint） complaintId、complaintType、communityId
优惠券（Coupon） couponId、couponType、discountAmount
发票（Invoice） invoiceId、invoiceTitle、taxNo
小区（Community） communityId、communityName、communityTel
门禁设备（Machine） machineId、machineCode、machineName

适用场景

适合中小型住宅小区、商业园区、公寓楼盘等物业管理场景，可作为物业公司自有 APP 或微信小程序快速落地，支持二次开发定制。

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉
加载更多...