更新记录

1.0.0（2026-10-28） 下载此版本

本项目仅开源 uni-app 用户端，基于 Vue2，适配网页和微信公众号。用 HBuilderX 导入本目录即可运行，供学习研究。

平台兼容性

uni-app(3.8.7)

其他

灵活用工用户端

开源说明

本项目仅开源 uni-app 用户端，基于 Vue2，适配网页和微信公众号。用 HBuilderX 导入本目录即可运行，供学习研究。

能在哪些地方使用

想找工作的人、想招人的人可以在电脑或手机的网页里使用，也可以在微信里打开网页使用。招人的人也可以在同一套用户端里认证、发布招聘。

底部有五个主入口：首页、求职、发布、黑老板、我的。

对接了哪些第三方

下面这些是用户日常能直接感受到的外部服务，不是技术名词堆砌：

• 腾讯地图：自动识别当前城市，也可以自己选城市；职位详情里可看工作地点。
• 手机短信验证码：登录、注册、找回密码时，会往手机号发验证码（由服务端发送）。
• 企业微信客服：后台若配好了，可跳到企业微信和客服聊天。
• 电话：招聘和求职信息里可拨打电话联系对方。查看电话可能需要消耗积分。
• 手机系统能力：获取定位、拨打电话、把招聘、求职或黑老板信息分享给好友。

找工作的人能做什么

打开软件先看到什么

• 自动定位当前城市，也可以自己选城市。
• 顶部能搜索职位。
• 可开关「工作提醒」。
• 有轮播广告，点进去可跳到对应内容。
• 可按岗位分类、用工方式筛选。
• 下面是招聘列表，能看到置顶、企业、用工方式、岗位名称、城市、招聘内容和发布时间。
• 可分享给好友，可电话联系。
• 下拉可刷新首页。

看求职信息

• 「求职」里按城市查看别人发出的求职。
• 顶部能搜索求职信息。
• 有轮播广告。
• 可按岗位分类、用工方式筛选。
• 能看到头像、姓名、置顶、岗位、城市和求职内容。
• 可分享给好友，可电话联系。
• 点进去可看求职详情。

看一条招聘或求职

• 看岗位或求职说明、所在城市。
• 用地图看工作地点，可打开地图导航。
• 可分享给好友，可电话联系。

查黑老板

• 输入手机号搜索。
• 能看到被举报人、举报类型、原因、城市、时间和手机号。
• 可把这条信息分享给好友。
• 在「我的」里可举报黑老板。

账号和设置

• 手机号 + 短信验证码登录（没注册过会去注册）。
• 手机号 + 密码登录。
• 单独注册、忘记密码并重置。
• 从分享链接进来会带上邀请关系。
• 登录前需同意用户协议、隐私政策。
• 微信小程序里可授权登录，并授权手机号。

我的、客服、帮助

• 登录后可看到头像、昵称和手机号，可做实名认证。
• 可看个人积分，积分可用于查看***。
• 可看我的招聘，状态包括：待审核、进行中、已找到、已拒绝。
• 可填写、查看我的简历。
• 可分享好友、看我的团队。
• 客服中心、消息中心、帮助中心、意见反馈、设置中心。
• 未登录时，「我的」里会显示「登录」。

招人的人能做什么

• 在底部「发布」里选择「我要招人」。
• 发布前需先登录，并完成个人认证或企业认证。
• 填写招聘岗位后发布。
• 在「我的招聘」里查看自己发出的招聘。

想找工作的人也可以在「发布」里选择「我要找工作」，填写求职信息后发布。

体验

体验地址：https://daxiang.xianmaxiong.com

技术栈

运行

这份代码已经接到线上体验环境，不用改任何配置，打开后直接运行即可。

开始前请准备

1. 一台 Windows 电脑（苹果电脑也可以，步骤差不多）。
2. 下载并安装 HBuilderX（官方用来打开这类项目的软件）：
   打开浏览器，搜索「HBuilderX 官网」，进入 https://www.dcloud.io/hbuilderx.html，下载「正式版」，安装后打开。
3. 建议再装一个 Chrome 浏览器，用来打开运行后的页面。

第一步：拿到文件夹

1. 如果你收到的是压缩包（例如 zip），先右键「解压到当前文件夹」或「解压到指定文件夹」。
2. 解压后，请找到名字叫 灵活用工 的文件夹。里面应该能看到 pages.json、App.vue、common 等文件。
3. 记住这个文件夹在电脑上的位置，后面要选中它。不要只打开里面某一个文件。

第二步：用 HBuilderX 打开整个项目

1. 打开已经安装好的 HBuilderX。
2. 点左上角 「文件」→「打开目录」（有的版本也叫「从本地打开」）。
3. 选中刚才的 灵活用工 文件夹，确定。
4. 左侧出现一长串文件名，就说明打开对了。如果左侧是空的，说明选错了文件夹，请重新选带 pages.json 的那一层。

第三步：用浏览器运行

1. 在 HBuilderX 顶部菜单点 「运行」→「运行到浏览器」→「Chrome」。
2. 第一次可能会提示安装浏览器运行插件，点允许或安装，等它装完再重新点一次运行。
3. 电脑会自动弹出一个网页。出现首页、底部「首页 / 求职 / 发布 / 黑老板 / 我的」，就说明运行成功了。
4. 如果浏览器问能不能获取位置，点「允许」，首页才能显示当前城市。
5. 不要关 HBuilderX，关了网页可能会断开。

常见情况说明

• 点了运行没反应：确认打开的是整个 灵活用工 文件夹，不是只打开了一个页面文件。
• 浏览器打开了但是花屏、一直转圈：等十几秒；仍不行就关掉网页，在 HBuilderX 里再点一次运行。
• 页面是空的、提示加载失败：检查电脑能否打开体验地址 https://daxiang.xianmaxiong.com ；如果这个网页本身打不开，用户端也会没数据。
• 地图不显示或定位失败：需要腾讯地图的钥匙（项目里已预填，有过期或额度用完的可能）。学习看页面时可以先忽略地图。
• 微信支付、支付宝点了没反应：需要商家自己的支付账号，这份开源代码一般只能看到支付按钮，不能真的完成收款。
• 客服、短信验证码收不到：这些依赖服务端和第三方账号，界面可以点，功能不一定通。

第一次建议怎么验收

1. 按第三步在 Chrome 打开。
2. 能看到首页招聘列表、底部五个按钮。
3. 点「我的」，能看到登录入口。
4. 再点「求职」，能进入求职页。
   做到这里，就说明「这份用户端代码已经在你电脑上跑起来了」。