霍延波2026年09月15日
4阅读

技术信息

语言技术
JavaJavaScriptReactTypeScript前端
系统类型
WebHarmonyOS应用
行业分类
内容平台物联网

作品详情

行业场景

独⽴设计并上线的 Web + HarmonyOS 家庭资产资料中⼼,将建档、保修、附件和维修记录沉淀为可持续维护的资产时间线。
批量建档:分类、位置、保修期抽为共同字段,结合逐⾏校对、重复检查和部分成功提交,完整记录先⼊库、缺失项留作草稿;
跨端接续:Web 端集中整理、移动端随⼿补图查询,两端共⽤⽣产数据,账号草稿防抖上云、前台恢复后⾃动补拉;
上线闭环:独⽴完成产品设计、响应式 Web、Spring Cloud / PostgreSQL 与 Docker 部署,落地迁移备份、健康检查、回滚和⽣产验
收。

功能介绍

物迹是一套面向家庭用户的跨端资产资料中心,解决物品录入慢、资料分散和需要时找不到的问题。我独立完成了产品设计、React Web、HarmonyOS 客户端、Spring Cloud API 和生产部署。用户可以在 Web 批量整理资产,在 HarmonyOS 端补录照片、保修和维修记录,两端共享同一份云端数据。可恢复的跨端批量录入。用户只填一次分类、位置和保修期等共同字段,再逐行补充名称与序列号。草稿编辑后 500 毫秒防抖上传,可在 Web 和 HarmonyOS 接续处理;提交时使用幂等键和逐行结果,成功行移除,失败或未完成行继续保留。

项目实现

React、TypeScript、Vite 的 Web 端和 ArkTS、ArkUI 的 HarmonyOS 端;服务端使用 JDK 17、Spring Boot 和 Spring Cloud Gateway,用户与资产服务独立部署;数据使用 PostgreSQL,并由 Flyway 管理迁移。请求经 Nginx 和 HTTPS 进入 Gateway,再路由到业务服务,两端统一调用同一套 REST API。最有价值的是可恢复的跨端批量录入。用户只填一次分类、位置和保修期等共同字段,再逐行补充名称与序列号。草稿编辑后 500 毫秒防抖上传,可在 Web 和 HarmonyOS 接续处理;提交时使用幂等键和逐行结果,成功行移除,失败或未完成行继续保留。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论