【标签】学习工作
【标题】 【学习工作赛道】SpaceCost-solo · 职场空间与资产综合管理工具
【正文】 至少包含以下 4 个部分，可以增加额外的部分（比如自我介绍、经验总结、踩坑复盘等）
0. 先和大家打个招呼吧 
-
我是谁：一名证券公司的行政管理人员，一个因为没有合适的专业软件一直靠excel、work、ppt处理日常管理工作的行政打杂人 ；
-
你是怎么用 TRAE 把 Demo 做出来的： 我一直想做一个职场看板工具，在接触到Trae 后，我的想法得到了实现的机会，早期Trae CN solo模式，我对一些细节功能，原型进行了搭建测试，Trae Solo发布后，更是如虎添翼，直接让Trae Solo了解我的需求，读取原来的项目源文件功能，然后重新规划、重新构建，整出了全新的SpaceCost-solo；用Trae的自然语言编程功能，让我一个行政找到了IT开发的快乐，那种 “言出法随，指哪改哪的快乐”，特别是Trae Solo的截图，然后分析查找问题的功能，让Bug解决、功能完善沟通更加方便。
1. Demo 简介
-
SpaceCost-solo 是一款面向中小企业（特别是券商/金融行业）的职场空间与资产综合管理工具。
在企业日常运营中，职场租金、工位分配、固定资产管理往往分散在行政、财务、HR 多个部门，数据割裂、手工统计耗时耗力。SpaceCost-solo 将这些痛点整合到一个轻量级本地系统，实现：
职场空间管理：3地职场、多楼层平面图、170个工位的可视化管理和员工分配
成本自动分摊：租金/物业/水电等成本按人头或面积自动计算分摊到部门
资产全生命周期：20+类固定资产的采购登记、折旧计算、盘点管理
数据一键同步：JSON格式导入导出、差异预览确认，Excel批量导入
风险预警看板：工位闲置率、折旧到期、员工未分配工位等实时预警
技术栈：FastAPI + SQLite + 纯前端 HTML/CSS/JS + ECharts，零外部依赖，本地部署即用。（这戏我也不懂，Trae 说是啥就是啥吧，我的开发我只管前端功能实现和操作体验）
2. Demo 创作思路
-
-
需求来源 在券商行业工作多年，亲历行政和财务每月手工统计职场成本、工位分配、资产折旧的痛苦——一份月度成本分摊报告需要 3 个部门协作 2 天才能完成。这个痛点在中小企业普遍存在，却没有任何轻量级工具能解决。
-
核心设计理念
零门槛部署：SQLite 本地数据库，双击 bat 文件即可运行，无需安装数据库/配置服务器
数据可视化优先：ECharts 图表 + SVG 工位平面图，让数据一目了然
业务闭环：从工位分配→成本录入→自动分摊→资产盘点，形成完整管理闭环
渐进式功能：基础数据→工位管理→成本分摊→资产盘点，按需启用
3. 技术选型后端 FastAPI：Python 生态最轻量的高性能 API 框架
前端纯 HTML/JS：无构建工具依赖，TRAE 可直接生成和调试
ECharts：国内最成熟的图表库，CDN 引入零配置
SQLite WAL 模式：单文件数据库 + 读写不互斥，完美适配单机部署
4. 开发过程 整个项目使用 TRAE Work（Code 模式）+ TRAE CN + Claude Code CLI 三端协同开发：TRAE Work：负责主要功能模块的 0→1 生成和前端 UI 调试
TRAE CN：负责后端 API 细节调整、数据模型优化、Bug 修复
Claude Code：负责跨模块重构、架构设计、复杂问题排查
三端通过 ai-brain-memory MCP 共享记忆库实现任务接力 -
3. Demo 体验地址（三选一）
-
方式一：在线体验（推荐） 下载附件 ZIP 文件，解压后双击 SpaceCost-solo_Demo.html 即可在浏览器中体验完整功能。
Demo 包含 7 个功能模块：
首页看板 - 成本趋势图/构成环形图/职场排行/风险预警
职场管理 - 3地职场信息、楼层管理
工位管理 - SVG 交互式平面图、工位分配
资产管理 - 20条固定资产、折旧计算
成本分摊 - 自动分摊计算、部门分配
盘点管理 - 盘点任务发起与执行
数据同步 - 导入导出、模板下载
方式二：本地完整部署 项目源码已包含完整后端，可通过以下方式运行完整系统：安装 Python 3.10+
双击 SpaceCost-solo.bat 启动
访问 http://127.0.0.1:2026
4. TRAE 实践过程
-
Step 1：项目初始化与数据模型设计 使用 TRAE Work Code 模式，通过自然语言描述业务需求，AI 自动生成了包含 10 张表的 SQLAlchemy 数据模型（成本中心、员工、职场、楼层、工位、工位使用记录、职场成本、固定资产、盘点单、盘点明细）。
-
977914801166844:b32f77226286c55e37aaa928ee59c5db_6a31eaf07d1dce16c7e2e537.6a31f1a87d1dce16c7e2e5ce.6a31f1a87d1dce16c7e2e5cc:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/6/17 09:00:24)
-
977914801166844:ebf372fd253b25f37cf9c07b67753b51_6a31eaf07d1dce16c7e2e537.6a32253a39c31e396480bd13.6a32253a39c31e396480bd11:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/6/17 12:40:26)
-
977914801166844:e185a4943e57c322a9cc62926b064104_6a31eaf07d1dce16c7e2e537.6a322e1339c31e396480bd54.6a322e1339c31e396480bd52:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/6/17 13:18:11)
Step 2：前后端 API + 首页看板 TRAE Work 一次性生成了 FastAPI 后端（15+ API 接口）和前端 SPA 页面，包括部门/员工/职场 CRUD、Excel 批量导入、ECharts 图表集成。
-
977914801166844:de7062e8f03601847c798eb134375e58_6a31eaf07d1dce16c7e2e537.6a323a2939c31e396480beaf.6a323a2939c31e396480bead:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/6/17 14:09:45)
Step 3：工位管理 - SVG 平面图 使用 TRAE CN 实现了 SVG 交互式工位平面图，支持点击工位弹出操作菜单（编辑/分配员工/删除）、缩放工具栏（放大/缩小/框选放大/重置）、区域类型着色。
-
977914801166844:0ff57e6161b6c3038046af69d0c6e192_6a31eaf07d1dce16c7e2e537.6a323cbb39c31e396480bf12.6a323cbb39c31e396480bf10:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/6/17 14:20:43)
-
977914801166844:c90de40319cb1eaeae92b1aaea878254_6a421bb2af57a962f50bfacb.6a421bb2af57a962f50bface.6a421bb2af57a962f50bfacc:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/6/29 15:16:02)
Step 4：成本分摊与资产管理 TRAE Work 实现了成本项目录入（租金/物业/水电/其他）、按人头/面积自动分摊计算、固定资产折旧计算（直线法）、盘点管理全流程。
Step 5：批量删除性能优化 发现 ORM 级联删除 + SQLite 单写锁导致批量删除工位时性能雪崩，使用 TRAE CN 重写了批量删除接口（手动级联 + 分批提交 + synchronize_session=False），问题解决。
-
977914801166844:6992a211175a72c87a6eca46c8daa752_6a41bcd1af57a962f50bf88f.6a41c71faf57a962f50bfa38.6a41c71faf57a962f50bfa36:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/6/29 09:15:11)
Step 6：数据同步增强 实现了 JSON 数据导入差异预览功能（对比新增/更新/删除），确认后才执行导入，避免误操作。
-
977914801166844:97780750a8d7797fd043b4db4a5ebca0_6a422865730138588e6f0f0b.6a422899730138588e6f0f20.6a422899730138588e6f0f1e:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/6/29 16:11:05)
Step 7：Demo 打包与优化 生成独立 HTML Demo 文件（内嵌模拟数据），打包为 ZIP 供社区上传。
-
977914801166844:64e3001698a2d105e69494b499fc55a8_6a4a108b049b87c7058e5411.6a4a108b049b87c7058e5414.6a4a108b049b87c7058e5412:TRAE Work CN.0.1.29.no_sid.no_ppe.T(2026/7/5 16:06:35)
5. 对应的报名审核通过的帖子链接
通过上传对应职场的平面图，然后在图上标记工位点，实现直观查看员工工位位置，及该工位关联资产的目的。
SpaceCost-solo_Demo_Full.html (89.9 KB)
SpaceCost-solo_Demo_20260705.zip (21.8 KB)
专业，感谢指点！