Background
项目背景
平台解决的是数据使用权怎么申请、怎么审批、怎么签名、怎么最终确权，以及异常流程怎么进入仲裁。 它不是一个普通后台，而是一个多角色、多状态、强约束的业务系统。前端页面必须把任务申请、审核、签名、确权和仲裁状态转成清晰的操作反馈。 项目源码使用 Spring Boot 2.5.6、Oracle、MyBatis-Plus、JWT、ECDH 和请求签名。前端负责把后端能力组织成业务页面。
Responsibility
我的职责
负责前端页面开发、接口联调和兼容性处理。 - 完成签名生成、签名进度和最终确权页面 - 完成授权方在线身份校验 - 完成高风险操作二次确认 - 整理任务申请、审核、签名、确权和仲裁状态 - 处理登录态、请求签名、业务错误码和接口联调 - 修复重复提交、状态不同步和兼容性问题
Workflow
业务流程
- 01
发起数据使用与签名申请
- 02
业务人员审核申请
- 03
审核通过后创建任务
- 04
参与方按顺序生成签名
- 05
授权方完成在线身份校验
- 06
相关方完成最终确权
- 07
异常结果进入仲裁
- 08
仲裁结果写回任务状态
Architecture
技术架构
前端使用 Vue 3、Vite、Pinia 和 Element Plus，通过 Axios 对接 Spring Boot 和 Oracle。 后端按 Controller、Service、Mapper、Model 分层。认证使用 JWT，关键通信链路使用 ECDH 和请求签名，前端页面按业务状态拆分组件。 签名、确认和高风险操作使用二次确认和提交中状态，避免重复提交。接口异常、登录态和业务错误码统一处理。
Engineering
工程亮点
- 完成签名生成、签名进度和最终确权交互
- 完成授权方在线身份校验
- 高风险操作二次确认
- 统一任务申请、审核、签名、确权和仲裁反馈
- 处理不同浏览器兼容性
- 修复接口异常、状态不同步和重复提交
- 统一加载和错误组件
- 联调登录态、请求签名和业务错误码
Retrospective
项目复盘
流程型 B 端页面最重要的不是视觉复杂，而是角色、状态和操作顺序是否清楚。 前端隐藏按钮只能减少误操作，真正权限校验必须由后端完成。联调时也要把登录态、请求签名和业务错误码放在同一套流程测试，否则单页正常，组合流程仍会出问题。