案例 04 / 06
全部项目
全栈
2026
在线演示
全栈开发

As-a

支持阿拉伯语与英语的专业服务平台,包含需求沟通与订单管理。

双语界面
AR / EN
从右向左布局
RTL

01 / 06平台首页

截图为演示界面,其中的服务数据、评分、认证标识和金额不代表真实资质或交易业绩。

01概览

As-a 连接服务需求方与专业服务商。买家可以按分类浏览服务、查看交付范围,并与服务商沟通和下单。服务商后台支持管理上架内容、订单与收益。界面提供阿拉伯语、英语和从右向左的阅读布局。

02项目背景

专业服务交易需要明确服务范围、价格和交付条件。As-a 将会话与订单关联,便于买家和服务商查看约定并跟进进度。

03实现方案

应用使用 Next.js 和 TypeScript,账户、PostgreSQL 数据、文件存储与消息订阅交给 Supabase。服务商可以在会话里创建订单,买家也能从服务页直接下单。Tap 支付接入在服务端核对交易结果,并处理重复回调;哪些记录能看、哪些状态能改,由数据库权限和事务约束。

04当前成果

当前产品演示包含服务目录、服务商入驻、站内会话、订单交付确认和管理员审核,仓库包含针对权限与支付逻辑的本地测试。真实支付联调、旧数据库迁移,以及退款和争议处理,仍需在开放交易前完成验收。

05实践收获

重点学习了重复支付回调处理、浏览器传入价格的校验,以及买家和服务商对同一订单的权限划分。业务规则应由服务端和数据库约束,并通过测试检查各角色的操作范围。

06项目细节

  • 阿拉伯语与英语服务内容、搜索和分类筛选,以及 RTL 布局
  • 会话中展示订单卡片,服务商交付与买家确认分开处理
  • 服务端核对支付、防止重复处理,并记录人工提现转账凭据
  • 服务上架审核、数据库访问权限与管理员操作记录
AI05 / 06
Conuo

对照原文向 AI 提问,将学习内容整理为笔记与知识页。

查看项目