参加 WorkBuddy「1024 造物挑战」程序员节应用创作大赛的作品记录。
为什么做它
1024 程序员节,WorkBuddy 办了个「造物挑战」——用自然语言描述想法,就能做出可体验的应用。我手上正好有一份 Java 写的订单管理系统源码(客户 / 合同 / 开票那一套),但它是要装环境才能跑的后台系统,别人很难直接体验。
于是我换了个思路:把它重做成一个纯网页应用,打开链接就能用、不用登录、数据存在自己的浏览器里。这样既能保留原系统的业务逻辑价值,又能让任何人随手体验。
它是什么
这是一款面向中小企业销售运营场景的 「订单管理中台」网页应用,把三件最琐碎的事整合到一起:
- 客户管理:客户入网申请与审批,状态流转(草稿 → 待审批 → 已通过 / 已驳回),支持新建、编辑、搜索、分页。
- 合同管理:起草合同、关联已通过客户,保存时按合同类型自动编号(比如产品销售合同生成 C202610001),同样有审批流转。
- 开票管理:按合同金额校验开票(不能超总额、累计也不能超),并展示每张合同的欠票进度条,应收情况一目了然。
- 工作台:首页用统计卡 + 两张图表(开票进度环形图、合同金额分布柱状图)+ 业务流程图,整体经营状况一眼看清。
几个我挺满意的设计点 - 紫色系中台风:毛玻璃质感、卡片化布局,整体偏现代 SaaS 观感。
- 左侧悬浮功能中枢:鼠标移到窗口左缘,菜单滑出、移开淡出;手机上自动变常驻抽屉,评审用手机打开也不会「找不到功能」。
- 零依赖、离线可用:图表用纯 SVG 手绘,没有任何外部库,断网也能跑。
- 全程脱敏:示例数据全是虚构公司(星河云计算、云启互联……),符合比赛「使用脱敏材料」的要求。
怎么体验
直接打开下面的链接即可,不用安装、不用注册:
👉 https://order-management-hub.app.workbuddy.host/?sharecode=TC4EPHH2HC
打开后建议先点一下左侧「功能」胶囊展开菜单,再试试新建客户、看合同自动编号、在开票里故意填一个超过合同总额的金额看红色校验提示——这些交互是这件作品的核心。
写在最后
从拿到源码、分析业务,到界面设计、交互打磨、规则校验、测试发布,整个过程都在 WorkBuddy 里完成。对我来说,这不只是一个参赛作品,更是一次「把想法变成可体验应用」的真实练习。
如果你也在参加 1024 造物挑战,或者想快速把自己脑子里的系统做出来,真心推荐试试 WorkBuddy。
浙公网安备 33010602011771号