(可在线体验!)【社会服务赛道】【社会公益标签】「共益出行」——零佣金透明出行平台:乘客·司机·社区三方共治,门禁桩 + APP GPS 三方交叉验证
-–
##
先体验,再阅读
**
点击下载 Demo(无需安装,浏览器双击打开):**
共益出行-Demo-Sprint2.html (90.4 KB)
> **演示验证码:888888**(任意11位手机号即可登录体验)
###
Demo 界面速览(5 张,≥5 要求
)
| 三端一体总览 | 手机号登录 + 跨角色强制重登 | 全流程:叫车→接单→出发→GPS→完成→账单→司机看板 |
| [01-全页总览-三端一体](参赛截图/demo-01-overview-three-ports.png
| [02-登录注册](参赛截图/demo-02-phone-login-role-switch.png)
| [03-FullFlow](参赛截图/demo-03-fullflow-order-bill-driver.png) |
| **社区管理端 · APP GPS 交叉验证 + AI 仪表盘** | **无障碍功能 · 三档字号 + 高对比模式** |
[04-社区管理](参赛截图/demo-04-admin-gps-ai-dashboard.png) |
[05-无障碍](参赛截图/demo-05-a11y-font-contrast-fix.png) |
-–
我爷爷跑了八年出租车。去年他告诉我:“现在跑网约车,平台抽走快三成,一天流水三百,到手不到两百。”
我查了一下数据——这不是个例。全国748万网约车司机,大多数时薪只有10-20元,无社保、无保障。
而我作为一个每天打车的乘客,也发现:同一个路线,老账号比新账号贵。平台用算法"杀熟",我却连证据都拿不出。
**乘客付的越多,司机拿的越少,平台赚的越多——这个三方博弈,没有人能赢。**
所以我想做一件事:如果有一个平台,没有人被抽成,每一分钱都透明可查,社区门禁桩 + 乘客司机端 APP GPS + 订单系统三方交叉验证每一次行程——会不会不一样?
这就是「共益出行」。
1. Demo 简介
是什么: 纯前端的三端公益出行平台 Demo(单文件 HTML,88.6KB,浏览器直接打开)
面向谁:
-
被大数据杀熟困扰的乘客
-
被高抽成压榨的网约车司机
-
希望参与社区治理的居民
核心功能(三端 + 六大亮点):
| 模块 | 功能 |
|---|---|
| 叫车、实时状态追踪、透明账单(乘客支付 = 司机到手,抽成0%)、碳积分、一键报警(110)、行程分享、适老化一键叫车 | |
| 接单/跳过/取消、行程管理、收入看板(收入/订单数/碳减排/评分)、保障基金概览 | |
| 实时订单监控、APP GPS 交叉验证区、仲裁中心(证据面板含时间线+三元里程对比表+偏差阈值可视化条+可信度评分)、AI安全守护仪表盘、竞品对比面板、自造血模型仪表盘 | |
| 三档字号(A/A⁺/A⁺⁺最大70px+)、高对比模式(黑底黄字200+规则)、localStorage持久化 | |
| 验证码登录/注册、跨角色切换强制重登、同角色直接切换、24h会话过期 | |
| 象牙白背景+琥珀主色、Canvas地图(罗盘+比例尺+社区POI)、碳积分三层可视化 |
技术栈: HTML5 + CSS3 + 原生 JavaScript(单文件,零外部依赖,零后端)
2. 创作思路:不是一开始就想清楚的
v1.0:比价工具(被打回)
最开始我只是想做"一个能对比滴滴/高德/美团价格的工具"。 朋友看了一眼说:“这跟高德内置的比价功能有什么区别?” → 比价只是信息整合,没有解决"信任"问题。
v2.0:区块链存证(过于技术化)
既然要透明,那就上区块链!每笔订单上链,不可篡改。 但另一个朋友说:“区块链对司机和乘客有什么实际好处?他们不懂技术,只关心钱到没到。” → 透明不是给技术人员看的,是给普通人用的。
v3.0:门禁桩 + APP GPS 交叉验证(找到方向)
我注意到社区门口的道闸本来就在记录车辆进出——如果把门禁桩的进出时间里程和乘客司机端的成熟 APP GPS 数据、以及订单系统预估里程做三方交叉验证,是不是更接地气? 但新的挑战:三种数据口径不同,怎么设计公平的判定规则? → 复用 APP 内成熟 GPS + 已有门禁基础设施,无需新增任何车载硬件。
v4.0:三方共治(解决信任问题)
如果只让平台验证,那不还是平台说了算?所以引入三方共治——乘客委员会、司机合作社、社区理事会各占1/3席位。 门禁桩进出记录 + APP GPS 轨迹 + 订单系统数据共同构成"第三方公证人",任何一方都无法单方面篡改里程或账单。 → 用户终于说:“这个方向有差异化。”
v5.0:零佣金 + 自造血(解决可持续问题)
最后的关键问题:平台怎么活?如果抽成,就回到老路。如果不抽成,怎么运营? 参考昆明95128公益约车平台和印度Bharat Taxi合作社,我发现:公益平台可以通过透明成本分摊 + 增值服务 + 碳交易实现可持续运营——不靠抽成。 这才有了现在的「共益出行」。
3. 核心功能展示
乘客端:零佣金透明出行
叫车 → 状态自动流转 → 透明账单 → 碳积分
透明账单展示(5km行程):
| 成本项 | 金额 | 说明 |
|---|---|---|
| 地图API | ¥0.02 | 路径规划调用 |
| 短信验证 | ¥0.03 | 验证码发送 |
| 支付通道 | ¥0.05 | 微信/支付宝 |
| 云服务器 | ¥0.04 | 按单均摊 |
| 安全保险 | ¥0.15 | 乘客意外险 |
| 客服均摊 | ¥0.06 | 人机协作 |
| 平台总成本 | ¥0.35 | 占订单2.2% |
| 乘客支付 | ¥16.17 | 车费+保险+分摊 |
| 司机到手 | ¥15.85 | 车费-分摊 |
| 平台留存 | ¥0.00 | 零利润 |
与滴滴对比:同5km行程,乘客少付¥3.83(↓19%),司机多赚¥1.25(↑8.6%)
一键报警(110):
-
乘客端红色
按钮,二次确认防误触 -
误报提示法律风险
-
模拟接警中心联动(5项响应)
适老化:
-
一键叫车(无需输入地址,自动填充社区→服务中心)
-
无障碍工具栏:三档字号 + 高对比模式
-
按钮最小点击区56px,远超移动端40px标准
司机端:全额到手 + 保障基金
司机统计面板:
-
累计收入:实时更新
-
完成订单:按单统计
-
碳减排:按kg累计
-
服务评分:动态计算
订单管理:
-
待接订单列表(支持跳过/接单)
-
进行中订单(开始行程/结束行程)
-
取消订单(状态-1,乘客端灰显删除线)
社区管理后台:门禁桩 + APP GPS 三方交叉验证 + AI 安全守护
核心创新:三方交叉验证引擎(门禁桩 + 乘客/司机端 APP GPS + 订单系统)
不是平台说多少就是多少——社区出入口的门禁桩进出记录 + 乘客司机端成熟 APP GPS 轨迹 + 订单系统预估里程,三方数据交叉验证每一次行程:
-
门禁桩:记录车辆进出社区的时间与对应里程,作为物理锚点
-
APP GPS:乘客端与司机端 APP 上传的实时 GPS 轨迹与累计里程,无需新增硬件
-
三方数据交叉校验:取门禁桩里程、APP GPS 里程、订单预估里程三者最大偏差,与动态阈值比较 → 超阈值自动触发社区仲裁
交叉验证算法(直接读取订单对象 gpsVerification 字段):
function crossVerify(order) {
const gateDist = order.gpsVerification.gateDistance;
const gpsDist = order.gpsVerification.appGpsDistance;
const orderDist = order.dist;
// 三元里程最大偏差
const deviation = Math.max(
Math.abs(gateDist - gpsDist),
Math.abs(gateDist - orderDist),
Math.abs(gpsDist - orderDist)
);
// 动态阈值:短单用绝对值(1km),长单用比例(15%)
const THRESHOLD = Math.max(orderDist * 0.15, 1.0);
order.gpsStatus = deviation <= THRESHOLD ? 'verified' : 'disputed';
order.gpsVerification.deviation = deviation;
order.gpsVerification.threshold = THRESHOLD;
return order.gpsStatus;
}
争议证据面板(仲裁中心):
-
时间线:驶入社区→APP GPS异常→驶出社区→触发交叉验证→仲裁
-
小地图:Canvas绘制起终点路线与关键节点
-
三元里程对比表:门禁桩里程 vs APP GPS里程 vs 订单预估里程
-
偏差阈值可视化条:实际偏差 vs 动态阈值,直观展示超限
-
可信度评分:基于偏差率、GPS匹配率综合计算(≥85%自动判定通过)
AI 安全守护仪表盘:
-
规则引擎 vs AI模型双轨对比表
-
3条Mock预警事件(绕路检测、疲劳驾驶、异常取消)
-
实时状态指示器
竞品对比面板(7维度):
| 维度 | 滴滴/高德 | 昆明95128 | 印度Bharat Taxi | 共益出行 |
|---|---|---|---|---|
| 平台抽成 | 20%-27% | 0% | 0% | 0% |
| 定价机制 | 算法动态溢价 | 政府指导价 | 合作社公议 | 三方公议+APP GPS交叉验证 |
| 数据透明度 | 平台黑箱 | 政府监管可查 | 合作社内部 | 门禁桩+APP GPS三方签名可查 |
| 治理结构 | 公司股东控制 | 政府/行业协会 | 司机合作社 | 乘客·司机·社区三方共治 |
| 司机保障 | 无社保 | 传统出租车体系 | 健康保险+养老储蓄 | 保障基金+社保补贴+意外险 |
| 技术基础 | 自有GPS+算法 | 传统调度 | 传统调度 | 社区门禁桩+APP GPS验证网络 |
| 覆盖范围 | 全国性 | 区域性(适老) | 区域性 | 社区渐进式扩张 |
4. 技术实现:用 TRAE 控制的5个核心算法
4.1 订单状态机(5步状态流转 + 非法跳转拦截)
const ORDER_STATE = {
CREATED: 0, // 已下单
MATCHING: 1, // 寻找司机
ACCEPTED: 2, // 已接单
ONGOING: 3, // 行程中
COMPLETED:4, // 已完成
CANCELLED:-1, // 已取消
};
const VALID_TRANSITIONS = {
[0]: [1, 2, -1], // CREATED → MATCHING/ACCEPTED/CANCELLED
[1]: [2, -1], // MATCHING → ACCEPTED/CANCELLED
[2]: [3, -1], // ACCEPTED → ONGOING/CANCELLED
[3]: [4], // ONGOING → COMPLETED
[4]: [], // COMPLETED → 终态
[-1]: [], // CANCELLED → 终态
};
function transitionOrder(order, newState) {
if (!VALID_TRANSITIONS[order.status].includes(newState)) {
console.error(`非法状态跳转: ${order.status} → ${newState}`);
return false;
}
order.status = newState;
return true;
}
控制点:状态机由 TRAE 根据需求描述自动生成,防止任何非法跳转(如已接单→已完成跳过行程中)。
4.2 门禁桩 + APP GPS 三方交叉验证引擎(见上文第3节)
4.3 碳积分三层计算模型
function calculateCarbon(distance, isShared = false) {
const BASELINE = 180; // 私家车每公里排放 180g CO₂
const TAXI_EMISSION = 120; // 网约车每公里排放 120g CO₂
const SHARED_EMISSION = 70; // 合乘人均排放 70g CO₂
const emission = isShared ? SHARED_EMISSION : TAXI_EMISSION;
const saved = (BASELINE - emission) * distance;
return {
carbonSaved: Math.round(saved), // 减排量(克)
carbonPoints: Math.round(saved / 10), // 碳积分(10g = 1分)
treeEquivalent: (saved / 1000).toFixed(3) // 等效植树(1000g = 1棵)
};
}
4.4 零佣金定价公式
function calculateFare(distance) {
const BASE_FARE = 3.00; // 起步价
const RATE_PER_KM = 2.60; // 每公里单价(公益定价,低于市场均价)
const PEAK_MULTIPLIER = 1.0; // 高峰期不加价(区别于商业平台动态溢价)
const fare = BASE_FARE + (distance * RATE_PER_KM * PEAK_MULTIPLIER);
return {
passengerPays: fare.toFixed(2),
platformCommission: '0.00',
driverEarns: fare.toFixed(2)
};
}
控制点:高峰期不加价(PEAK_MULTIPLIER=1.0),这是与滴滴等商业平台的核心差异。
4.5 跨角色安全登录控制
function switchRole(role) {
// 测试豁免
if (typeof isAutoTestRunning !== 'undefined' && isAutoTestRunning) {
doSwitchRole(role); return;
}
// 未登录 → 弹登录窗
if (!state.auth.isLoggedIn) {
state.pendingRole = role; showLoginModal(role); return;
}
// 跨角色 → 强制重新登录
if (state.auth.role !== role) {
state.pendingRole = role; showLoginModal(role); return;
}
// 同角色 → 直接切换
doSwitchRole(role);
}
控制点:跨角色切换强制重新登录,防止权限提升;同角色切换无需重登,避免打扰;测试模式自动豁免。
5. Demo 体验指南
打开方式: 下载附件中的
共益出行-Demo-Sprint2.html (90.4 KB)
,用浏览器双击打开(无需联网、无需服务器)。
演示验证码:888888(任意11位手机号即可登录)
路径1:乘客体验(约30秒)
-
页面加载后出现登录弹窗 → 输入手机号
13800001111→ 验证码888888→ 点击登录 -
首次使用会出现引导弹窗 → 选择"乘客体验路径"或点击"稍后体验"
-
在乘客端点击「呼叫共益出行」(可用默认地址)
-
观察订单状态流转:已下单 → 寻找司机 → 已接单 → 行程中 → 已完成
-
查看「透明账单」——6项成本精确到分,平台留存 ¥0.00
路径2:司机体验(约20秒)
-
点击顶部「
司机端」标签 → 跨角色切换,弹出重登弹窗 -
输入新手机号
13800002222→ 验证码888888→ 登录为司机 -
在「待接订单」中点击「接单」
-
点击「开始行程」→「结束行程」
-
查看收入明细实时更新(收入/订单数/碳减排/评分)
路径3:社区APP GPS三方交叉验证(约20秒)
-
点击顶部「
社区管理端」标签 → 再次弹出重登弹窗 -
输入新手机号
13800003333→ 验证码888888→ 登录为社区管理 -
查看「APP GPS交叉验证区」→ 依次点击「驶入社区」→「GPS轨迹异常」→「驶出社区」
-
观察触发交叉验证,订单监控列表中
gpsStatus标记为disputed -
进入「仲裁中心」打开证据面板,查看时间线、三元里程对比表、偏差阈值条
-
查看「AI安全守护仪表盘」中的3条预警事件
-
查看「竞品对比面板」中的7维度对比
6. TRAE 实践过程
开发流程
| 阶段 | 内容 | 工具 |
|---|---|---|
| Step 1:社会洞察 | 全网搜索调研,分析打车平台信任危机四方视角,产出《打车平台"黑良心"争议全景分析报告》 | TRAE Work |
| Step 2:方案设计 | 参考昆明95128、印度Bharat Taxi、滴滴×天津公交三个案例,设计三方共治架构与门禁桩+APP GPS三方交叉验证方案 | TRAE Work |
| Step 3:核心平台开发 | 三端UI框架 + 订单状态机 + 透明账单 + APP GPS交叉验证引擎 + 碳积分系统 | TRAE IDE |
| Step 4:优化迭代 | 暖色调UI + 地图可视化 + 无障碍工具栏 + 手机号登录 + AI安全仪表盘 + 竞品对比面板 + 首次使用引导 + GPS证据面板(含时间线/三元对比/偏差阈值条) | TRAE IDE |
关键 Session ID(≥3 个要求 · 发帖前必须填写)
![]()
发布前待办:请将下方 4 个
【待填写·替换为你的Session ID】替换为 TRAE IDE 中的真实会话 ID。 获取方式:在 TRAE IDE 里双击会话头像 → 复制 Session ID → 粘贴到表格对应行。
| Session ID | 对应开发内容 |
|---|---|
【.1347358144600407:b5365f13195c011d50b68ec8e8d29e56_6a484754dc21aa89f4a23261.6a501b47e323de707111cbc6.6a501b477b426f63117560cf:Trae CN.T(2026/7/10 06:05:59) ID·1】 |
Step 3:出行轨迹改为当前APP内成熟GPS数据, |
【.1347358144600407:be9936b9f7b7b28107422d44ba4732ac_6a3cfaf904566e3f4bab6603.6a4ebbd8314fe8f392a51dff.6a4ebbd7f9061030bbb0f38e:Trae CN.T(2026/7/9 05:06:32)ID·2】 |
Step 4-1:暖色调UI + 地图可视化 + 无障碍工具栏 |
【.1347358144600407:bcb00af5ae5dac971a36ea3068001412_6a3cfaf904566e3f4bab6603.6a4e5234d3ec3b765d5a2619.6a4e5234234b76a70dcfbc1a:Trae CN.T(2026/7/8 21:35:48) ID·3】 |
Step 4-2:手机号登录/注册 + 跨角色重登 + AI安全仪表盘 |
【.1347358144600407:f8c211879f9e95a03fd414a3b6a3fb5e_6a3cfaf904566e3f4bab6603.6a4e1ed6641342a317a02208.6a4e1ed5a7c5a62aa3862438:Trae CN.T(2026/7/8 17:56:38)ID·4】 |
Step 4-3:竞品对比面板 + 首次使用引导 + GPS争议证据面板(含三元里程对比/偏差阈值条/可信度) |
开发过程截图(4 张,≥3 要求
)
| ① 跨角色权限安全流(乘客→司机:取消 / 确认切换 / 重登为司机 / 管理员登录) |
|---|
| ↑ 从左到右:A01 乘客登录 → B01 取消切换 → C01 确认切换 → E01 管理员登录。展示 TRAE 生成的跨角色强制重登完整链路。 |
| undefined |
| ② 无障碍工具栏 TDD 迭代(默认字号 → 大字号 → 重置 → 高对比 → 持久化 → 自动化测试通过) |
|---|
| ↑ T01→T02→T04→T05→T06:三档字号 + 高对比 + localStorage 持久化 + 自动化断言全通过。 |
| undefined |
| ③ 账号注册与隐私合规(手机号脱敏 + Demo免责 + 24h会话过期 + 验证码验证) |
|---|
| ↑ 左:Demo免责声明面板;中:24小时后自动会话过期;右:手机号中间4位脱敏+验证码校验。 |
| undefined |
| ④ 乘客端安全出行能力(一键报警 + 行程分享 + 登录 Toast) |
|---|
| ↑ 左:登录后审计 Toast;右:乘客端 |
| undefined |
7. 社会价值
-
技术向善:让门禁桩 + APP GPS 成为信任的基础设施,而非监控的工具
-
社区共治:把出行平台的所有权还给使用它的人——乘客·司机·社区三方治理,门禁桩与 APP GPS 数据三方签名可查
-
出行公平:零佣金模式下,乘客和司机之间不再是对立的博弈关系
-
可持续公益:不靠抽成盈利,通过透明成本分摊 + 增值服务 + 碳交易实现约70%自造血覆盖
-
无障碍设计:三档字号 + 高对比模式,覆盖老年人及低视力用户群体
-
安全合规:对标滴滴80亿罚款教训,从设计阶段即融入双证审核、数据加密、一键报警等安全机制
8. 报名帖链接
报名帖链接(已自动填入): (可在线体验!)【社会服务赛道】【社会公益标签】「共益出行」——零佣金透明出行平台:乘客·司机·社区三方共治,接入社区物联网卫士
话题标签(请在 TRAE 社区发帖面板手动勾选)
-
#社会服务 -
#社会公益
创作工具:TRAE IDE(全部代码由 AI 对话生成) Demo文件:共益出行-Demo-Sprint2.html(88.6KB,单文件,零外部依赖) 开发周期:Sprint 1(7月1日)+ Sprint 2(7月4-8日)
总字符:10,885选中:0光标:1
行数:408行:1列:1
文件大小:19.67KB视图:100%



















