大儿童乐园产品系统

我要开发同款
安河桥北2026年11月12日
7阅读

技术信息

作品详情

行业场景

【行业背景】
随着城镇养宠家庭数量持续增长,猫狗在多数家庭中的角色已从"看家"转变为"家庭成员"。宠物走失是高频且高焦虑的突发场景:门窗未关、受惊逃窜、遛狗时挣脱牵引绳,都可能在几分钟内发生。失主当下的核心诉求不是社交互动,而是"让附近的人尽快看到这条信息"。

【现有方式的痛点】
一是渠道分散。失主通常同时发朋友圈、业主群、贴吧、短视频平台,信息格式不统一,宠物特征、走失时间、地点、联系方式等关键内容常被淹没在聊天记录里。二是触达不精准。朋友圈只能在熟人圈层扩散,隔两条街的目击者很难看到;短视频平台流量虽大,但推荐机制与地理位置无关。三是线索回流难。即使有人看到疑似目标,也缺少低门槛且不暴露隐私的提交入口,多数人嫌麻烦直接划走。四是信息时效性差。宠物找回后旧信息仍在传播,消耗公众善意,也让真正有效的求助被稀释。

【目标用户与典型场景】
核心用户是走失宠物的失主,其次是同城热心居民、社区物业、宠物店与救助志愿者。典型流程为:失主在丢失后一小时内完成发布,生成带小程序码的海报转发到小区群;周边居民打开小程序,按所在区县浏览,看到疑似目标后提交线索;失主收到通知后电话核实,确认找回并标记状态,信息自动下沉。

【产品定位与差异化】
本产品不做宠物交易、不做领养中介、不做公开社区,只做"本地化寻宠信息的分发与线索对接"。以省/市/区三级行政区划为信息组织主轴,用户既能只看本区县,也能聚合查看整个地市,解决"同城但不同区看不到"的断层问题。相比通用社交平台,本产品信息结构统一、可按区域筛选、线索直达失主,更贴合寻宠这一特定场景。

【商业延展】
面向本地生活服务,后续可延展至宠物医院、宠物店、救助站的本地曝光,以及"附近新寻宠提醒"的订阅推送;广告位与激励视频入口已在架构中预留,不影响当前使用体验。

功能介绍

【一、区域选择与信息筛选】
内置 31 省 / 342 市 / 3056 区县的三级行政区划数据,选区过程不依赖网络。首次进入小程序自动获取 GPS 定位并逆地理到区县,默认展示所在区域的寻宠启事;用户拒绝授权或定位失败时,自动降级为手动逐级选择(省→市→区),也可直接选择"全国""全省""全市"。列表顶部固定显示当前区域,点击即可快速切换。支持"只看本区"与"看整个市"两级聚合视图,并实时显示各范围条数。列表按发布时间倒序,已找回与已停止的启事自动置灰下沉并叠加水印。同时提供品种、毛色、地标关键词搜索与猫/狗/其他物种筛选。

【二、结构化发布】
发布表单包含宠物类型、品种(含常用品种快捷选项)、毛色、性别、是否绝育、是否有芯片、明显特征,走失时间精确到小时,走失地点支持地图选点并自动识别所属区县,也可手动调整。联系方式需手机号加验证码校验,酬金为可选项并提供常见金额快捷选择。照片最多上传 12 张,需指定一张正面清晰照作为首图,可随时更换或删除。提交前进行完整校验,未通过时定位到具体问题项。

【三、一键生成寻宠海报】
发布成功后自动合成海报,尺寸固定为 1080×1620,包含标题(按宠物类型显示"寻狗/寻猫/寻宠启事")、悬赏金额、主图相框、宠物昵称与品种性别毛色、走失时间地点与明显特征、联系电话,底部为携带启事 ID 的小程序码,扫码可直达详情页。已找回的启事会叠加印章。海报支持长按保存到相册,便于转发朋友圈、微信群或打印张贴。

【四、线索提交通道】
详情页底部设置醒目的"我发现了线索"按钮,点击弹出半屏表单,填写发现时间、发现地点(地图选点)、现场照片(最多 3 张,选填)、联系电话(必填)与补充说明。提交后通过微信订阅消息通知失主,失主可在"我的发布 → 收到的线索"中查看线索详情、拨打电话或在地图上定位。线索提供者的手机号仅失主可见,不对公众展示。

【五

项目实现

【整体架构】
采用前后端分离架构:微信小程序客户端 + Node.js 自建后端 + SQLite 数据库。客户端支持三种运行模式并自动切换——配置云开发环境时走微信云函数,配置接口地址时走自建 HTTPS 服务,两者都没有时进入本地演示模式(数据存于本机 Storage),便于无后端环境下完整预览与验收。

【前端实现】
使用微信原生小程序开发(WXML / WXSS / JavaScript),共 8 个页面与 3 个公共组件(自定义导航栏、三级区域选择器、线索半屏表单),配合自定义 tabBar 与 rpx 单位完成多机型适配。区域选择器支持面包屑导航、搜索与"全国/全省/全市"快捷选项,数据本地化后选区无网络等待。

【关键技术处理】
一是行政区划以 6 位区县 code 作为主键,并用本地区划库反查补齐省、市 code,规避第三方接口返回市级编码不一致导致聚合查询失效的问题。二是定位链路做了三级降级:GPS 定位 → 后端逆地理编码 → 手动选择区域,任一环节失败都不阻断使用。三是列表查询先按状态与时间在内存中排序,避免多条件排序对复合索引的依赖。四是海报使用 Canvas 2D 合成,逻辑尺寸 540×810、2 倍缩放输出 1080×1620,保证不同机型成图质量一致;小程序码通过 getUnlimited 生成并携带启事 ID 的 scene 参数,base64 写入临时文件后绘制。

【后端实现】
基于 Node.js + Express 提供 REST 接口,涵盖登录、启事列表与详情、发布、状态更新、我的发布、线索提交与已读、统计、验证码、逆地理编码、小程序码生成与图片上传。用户体系通过 wx.login 换取身份并签发 JWT,客户端 401 时自动重新登录;手机号验证码设 60 秒节流与 5 分钟有效期;图片经 multipart 上传后由 Ngin

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论