更新记录
1.0.0(2026-10-27) 下载此版本
本项目仅开源 uni-app 用户端(基于 Vue3),可在电脑浏览器、手机浏览器、微信小程序、App 等多端运行。用 HBuilderX 导入本目录即可本地体验,供学习研究。
平台兼容性
uni-app(3.8.7)
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| - | √ | √ | - | - | - | √ | √ | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 小红书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| √ | - | - | - | - | - | - | - | - | - | - | - |
其他
| 多语言 | 暗黑模式 | 宽屏模式 | 蒸汽模式 |
|---|---|---|---|
| × | × | √ | × |
猪八戒任务接单 · 用户端
开源说明
本项目仅开源 uni-app 用户端(基于 Vue3),可在电脑浏览器、手机浏览器、微信小程序、App 等多端运行。用 HBuilderX 导入本目录即可本地体验,供学习研究。
这是什么软件
这是一个任务悬赏与技能服务交易平台,类似「猪八戒网」的轻量版:
- 有活要找人做(发需求、托管赏金)→ 你是雇主
- 有能力想接单赚钱(抢需求、卖服务)→ 你是服务商 / 企业
- 也可以直接购买别人上架的标准化服务(如设计、开发、文案等)
底部有五个主入口:首页、雇人、发布、消息、我的。
能在哪些地方使用
| 使用方式 | 说明 |
|---|---|
| 电脑浏览器 | 用 Chrome 等打开网页即可 |
| 手机浏览器 | 普通网页访问;在微信里打开时,部分功能(如微信支付)才可用 |
| 微信小程序 | 支持微信登录、微信支付、分享给好友 |
| 手机 App | 支持微信/支付宝 App 支付、本机号码登录入口(需打包后安装) |
对接了哪些第三方
下面列出的是用户能直接感受到的外部服务,用大白话说明「干什么用」:
地图与定位
| 第三方 | 干什么用 |
|---|---|
| 腾讯地图 | 自动识别当前城市;选择/切换城市;在地图上点选企业地址;搜索附近地点;把经纬度转成省市区文字。H5 端已配置腾讯地图密钥。 |
| 手机 GPS 定位 | 获取您当前位置,用于推荐同城任务、自动填充城市。浏览器或小程序会弹出「是否允许获取位置」的提示。 |
支付与资金
| 第三方 / 方式 | 干什么用 |
|---|---|
| 微信支付 | 发需求托管赏金、追加赏金、购买服务、钱包充值、开通会员、缴纳保证金时可用。在微信小程序、微信内打开的网页、App 里分别走对应收银台。 |
| 支付宝 | 与微信支付场景相同。在普通手机浏览器里,支付宝是主要在线支付方式之一。 |
| 平台零钱(余额) | 平台内置钱包,可直接扣款支付;余额不足时会提示改用微信或支付宝。充值、接单收入、保证金退款等也会进入零钱。 |
| 支付宝账户(提现绑定) | 提现前需绑定支付宝收款账号和真实姓名,钱会打到该支付宝。 |
登录与账号安全
| 第三方 / 方式 | 干什么用 |
|---|---|
| 手机短信验证码 | 注册、登录、找回密码时,向手机号发送验证码(由服务端短信通道发出)。 |
| 微信登录 | 微信小程序内可尝试微信一键登录;网页和 App 上的「微信登录」入口目前会引导到手机号登录。 |
| 微信小程序手机号授权 | 小程序登录页有「手机号快捷登录」按钮,需先勾选用户协议。 |
客服与沟通
| 第三方 / 方式 | 干什么用 |
|---|---|
| 电话客服 | 后台配置客服电话后,可一键拨打(调用手机拨号功能)。 |
| 个人微信客服 | 展示客服***,可扫码添加、长按保存。 |
| 企业微信客服 | 展示企业***或链接,可跳转企业微信会话。 |
| 平台在线客服 | 登录后可查看与平台客服的历史聊天记录(发送功能依赖服务端配置)。 |
| 用户即时聊天(WebSocket) | 雇主与服务商可一对一发文字、图片、语音、视频、表情,消息实时推送;也支持常用语快捷回复。 |
分享与推广
| 第三方 / 方式 | 干什么用 |
|---|---|
| 微信分享 | 小程序内可把邀请页分享给微信好友;邀请海报带二维码。 |
| 链接复制 | 生成带邀请码的分享链接,复制后发给朋友注册。 |
文件与设备能力
| 能力 | 干什么用 |
|---|---|
| 手机相册 / 相机 | 上传头像、身份证照片、营业执照、交稿作品、投诉证据、聊天图片等。 |
| 语音录制(H5) | 聊天时可录语音发送。 |
| 复制到剪贴板 | 复制订单号、分享链接、聊天内容等。 |
| App 版本更新 | App 启动时检查是否有新版本,可跳转下载。 |
说明:本用户端未接入 AI 助手、物流快递查询等能力;以当前代码为准。
普通用户能做什么
这里的「普通用户」包括:发需求的雇主、抢单/卖服务的个人、直接买服务的买家。
首页 · 逛任务、抢需求
- 自动或手动选择当前城市,顶部可切换城市。
- 顶部搜索框可搜任务关键词;消息图标有未读红点提示。
- 轮播广告图,由后台配置,可点击跳转。
- 任务分类快捷入口(如设计、开发、营销等,以后台配置为准)。
- 筛选:任务分类、区域要求、工资排序。
- 浏览需求列表:标题、赏金、是否加急/置顶、城市等。
- 点「抢需求」:需先登录;须完成实名认证且缴纳足够保证金才能抢。
- 下拉刷新、上拉加载更多。
需求详情 · 看明白再动手
- 查看赏金金额、是否已托管、标题、分类、截稿天数、区域、详细说明。
- 看发单人信息,可点「联系 TA」进入私聊。
- 未接单时:可抢需求;抢成功后进入「抢单成功」页。
- 已参与服务时:可看进度条(待交稿 → 待验收 → 已完成等)和剩余时间。
发布需求 · 雇主发活
- 底部「发布」入口:须登录 + 个人实名认证通过后才能填写。
- 填写标题、详细说明、悬赏金额(有最低限制)、截稿周期(天)、需求分类、区域要求、***(仅接单企业可见)。
- 可选增值服务:置顶曝光、加急标签(需额外付费)。
- 提交后进入支付:托管赏金到平台,支持零钱 / 微信 / 支付宝(视打开方式而定)。
- 支付成功后需求上架,等待服务商抢单。
我发布的订单 · 雇主管进度
订单状态大致包括:
| 状态 | 您能做什么 |
|---|---|
| 待付款 | 去支付赏金 |
| 待接单 | 等待服务商抢单;可修改需求、追加赏金 |
| 服务中 | 与接单方聊天;查看交稿进度 |
| 待验收 | 验收确认或发起结算 |
| 已完成 | 评价企业、查看评价列表 |
| 已关闭 / 已取消 | 查看详情 |
| 有纠纷 | 发起投诉仲裁、查看投诉详情 |
其他操作:复制订单号、联系对方、追加赏金、编辑需求、查看评价。
我服务的订单 · 接单方交稿
| 状态 | 您能做什么 |
|---|---|
| 待交稿 | 进入「需求交稿」:写设计理念、上传最多 9 张作品图,可选同步发雇主邮箱 |
| 待审核 | 等待雇主验收 |
| 已完成 | 查看结果 |
| 待评价 | 去评价 |
服务类订单还可「确认交付」;全程可与雇主私聊。
雇人 · 找服务、找企业
两个主 Tab:
① 服务列表
- 浏览企业上架的标准化服务:封面、标题、评分、销量、价格、城市、店铺名。
- 可按分类、城市、价格、销量等筛选排序。
- 进入服务详情:多图轮播、价格、标签、店铺信息、服务说明、用户评价。
- 可收藏服务、关注企业、进入企业主页、立即购买。
- 购买后生成服务订单,预付到平台,确认完成后再结算给卖家。
② 人才 / 企业列表
- 浏览认证企业:头像、名称、类型、城市、服务家数、成交额、擅长领域。
- 进入企业主页:简介、案例、服务列表、关注/取关。
搜索
- 统一搜索需求、服务、企业等内容。
- 展示热搜词(后台配置)。
消息
- 消息列表:系统通知、订单消息、私聊会话;未读数在底部 Tab 显示角标。
- 私聊:与雇主或服务商一对一聊天,支持文字、图片、语音、视频、表情、常用语;可查看聊天记录、进入对方主页关注。
- 消息中心 / 消息详情:平台推送的运营消息、公告类通知。
我的 · 个人中心
账号概览
- 头像、昵称、会员标识、实名认证状态提示。
- 关注数、粉丝数、收藏数、足迹数,分别进入对应列表。
会员
- 开通 / 续费 VIP:多档套餐,微信 / 支付宝 / 零钱支付。
- 权益包括:流量扶持、专属客服等(以后台配置为准)。
- 查看会员权益说明、会员订单记录。
钱包
- 账户余额、可提现金额、待结算金额(可隐藏数字)。
- 充值:微信 / 支付宝(零钱充值时不显示零钱选项)。
- 提现:绑定支付宝账号后申请提现,查看提现记录。
- 交易记录 / 资金明细 / 收入统计:每一笔进出可查。
- 支付密码:设置或修改用于敏感操作的密码。
- 保证金:接单前须缴纳(默认约 500 元,以后台为准);支持微信 / 支付宝 / 零钱;48 小时内无订单可申请退至余额。
订单快捷入口
- 「我发布的」:待接单、服务中、待验收、已完成。
- 「我服务的」:待交稿、待审核、已完成、待评价。
常用工具
- 企业管理(企业用户)
- 联系客服
- 我的团队(邀请推广)
- 保证金
- 帮助中心
- 账户安全
- 意见反馈
- 设置中心
社交与资产
- 我的关注:关注的企业列表,可取消关注。
- 我的粉丝:谁关注了我。
- 我的收藏:收藏的需求、服务、案例等。
- 我的足迹:最近浏览记录。
邀请好友 · 推广赚钱
- 查看专属邀请码、邀请海报(含二维码)。
- 复制推广文案、生成海报保存分享。
- 微信小程序内可分享给好友。
- 我的团队:查看我邀请的下级用户。
- 我的收益:查看分销佣金明细。
- 注册时可填邀请码;从分享链接进入会自动带上邀请关系。
登录、注册与账号
| 功能 | 说明 |
|---|---|
| 手机号 + 验证码登录 | 未注册过的手机号会自动注册 |
| 手机号 + 密码登录 | 账号密码方式 |
| 单独注册 | 设置密码并完成注册 |
| 忘记密码 | 短信验证码重置密码 |
| 用户协议 / 隐私政策 | 登录前须勾选同意 |
| 个人资料 | 修改头像、昵称等 |
| 账户安全 | 修改登录密码、支付密码 |
| 注销账号 | 提交注销申请,平台审核通过后不可再登录 |
| 关于我们 | 查看平台介绍 |
企业 / 服务商能做什么
完成企业实名认证后,可使用企业管理相关功能。
企业实名认证
- 填写法人姓名、身份证号、***。
- 填写企业名称、统一社会信用代码、地址(可地图选点)、企业简介、擅长领域。
- 上传法人身份证正反面、营业执照等证件照片。
- 提交后等待平台审核,可在「认证状态」页查看进度。
企业管理中心
- 查看企业资料(来自实名信息;Logo、简介等变更需联系平台客服)。
- 企业实名状态入口。
服务管理
- 发布新服务:标题、封面、价格、分类、详情等。
- 编辑、上架/下架已有服务。
- 查看出售中、已下架、待审核数量。
案例管理
- 发布案例作品展示实力。
- 编辑案例、上架/下架。
- 查看已上架、已下架、待审核数量。
企业主页(对外展示)
- 其他用户可看到企业简介、案例、服务列表。
- 可被关注、被收藏、收到服务订单。
接单与交付
- 在首页抢需求(须个人或企业实名 + 保证金)。
- 卖服务:买家下单后,在「我售出的」里处理交付。
- 需求类订单:交稿、等待验收。
- 服务类订单:确认交付、等待买家确认完成。
平台运营功能(内置管理页)
用户端内还包含一套运营/管理分包(通常仅运营账号使用),用于:
| 模块 | 做什么 |
|---|---|
| 轮播图管理 | 配置首页广告图 |
| 案例 / 服务 / 需求审核 | 审核用户提交的内容 |
| 企业管理 | 查看、管理入驻企业 |
| 订单管理 | 查询需求订单与服务订单 |
| 任务分类 / 开通城市 / 热搜词 | 基础数据配置 |
| 引导页 / 闪屏广告 / 升级配置 | App 启动与更新相关 |
| 运营消息 | 向用户推送消息 |
| 用户钱包 / 钱包流水 / 提现审核 | 资金与提现审批 |
| 实名认证审核 | 审核个人与企业实名 |
| App 用户管理 | 查看与管理注册用户 |
付钱怎么付(汇总)
不同场景,可选支付方式略有不同:
| 场景 | 常见支付方式 |
|---|---|
| 发需求托管赏金 | 零钱、微信支付、支付宝 |
| 追加赏金 | 同上 |
| 购买服务 | 同上 |
| 钱包充值 | 微信支付、支付宝(不用零钱充零钱) |
| 开通会员 | 零钱、微信、支付宝 |
| 缴纳保证金 | 零钱、微信、支付宝 |
按打开方式:
- 普通手机浏览器:零钱 + 支付宝
- 微信内打开的网页:微信公众号支付 + 零钱
- 微信小程序:微信小程序支付 + 零钱
- App:微信支付 + 支付宝 + 零钱
支付前会弹出确认框;支付成功后订单/会员/保证金状态会自动更新。
体验地址
线上体验:https://zbjrw.xianmxkj.com
技术栈
| 端 | 技术 |
|---|---|
| 用户端 | uni-app + Vue3 + uview-plus |
本地运行
这份代码已对接线上体验环境,默认不用改配置,打开后直接运行即可(API 地址见 common/config.js)。
开始前请准备
- 一台 Windows 或 Mac 电脑。
- 下载安装 HBuilderX(官方开发工具):
打开 https://www.dcloud.io/hbuilderx.html,下载「正式版」并安装。 - 建议安装 Chrome 浏览器,用于运行 H5 页面。
第一步:打开项目文件夹
- 找到本仓库里的
zhubajie-uniapp文件夹(里面有pages.json、App.vue、common等)。 - 记住文件夹路径,后面要在 HBuilderX 里选中这一层目录。
第二步:用 HBuilderX 导入
- 打开 HBuilderX → 文件 → 打开目录。
- 选中
zhubajie-uniapp文件夹,确定。 - 左侧出现文件树即表示成功。
第三步:运行到浏览器
- 菜单 运行 → 运行到浏览器 → Chrome。
- 首次可能提示安装插件,按提示安装后重试。
- 浏览器弹出页面,能看到首页和底部五个 Tab,即运行成功。
- 若提示获取位置,点「允许」,首页才能显示当前城市。
- 保持 HBuilderX 不要关闭,否则调试可能中断。
常见情况
| 现象 | 处理建议 |
|---|---|
| 点了运行没反应 | 确认打开的是整个 zhubajie-uniapp 文件夹,不是单个文件 |
| 页面一直转圈 | 等十几秒;检查能否打开 https://zbjrw.xianmxkj.com |
| 地图或定位失败 | 腾讯地图密钥可能过期或额度用完;学习时可先忽略 |
| 微信 / 支付宝点支付没反应 | 需配置商户号,开源代码一般只能看到支付流程 |
| 收不到短信验证码 | 依赖服务端短信账号,界面可点但不一定真发 |
第一次验收建议
- Chrome 打开后能看到首页任务列表和底部 Tab。
- 点「我的」能看到登录入口和钱包区域。
- 点「雇人」能进入服务列表。
- 点「发布」未登录会提示登录。
做到以上几点,说明用户端已在本地跑通。
许可证
见本目录下 LICENSE 文件。

收藏人数:
下载插件并导入HBuilderX
下载插件ZIP
赞赏(0)
下载 14
赞赏 0
下载 12718207
赞赏 1958
赞赏
京公网安备:11010802035340号