我是谁,以及我遇到了什么问题
我是一名景观专业的博士生,平时一直做花境方案设计和植物配置。日常工作里有个特别烦人的事:每次给客户出方案,都要手动查植物表、翻图片、算造价、调搭配,一套下来大半天就没了。而且客户经常改需求——“预算砍一半”“再多加两棵开花的”“我家是北向院子”——每改一次就要重算一遍。
我一直想做个工具:输入区域、面积、预算、颜色偏好,直接出植物配置方案。但我不会写代码,之前找过开发朋友聊,报价好几万,做出来还不一定好用。这事就一直搁着。
直到接触了 TraeCode,我想试试自己能不能把这个工具做出来。目标很明确:做一个网页应用,用户填几个参数,就能智能匹配出一套完整的植物花境方案,包含乔木、灌木、草本各层的植物选择、数量、造价估算。
我是怎么用 TraeCode 解决这件事的
我主要用的是 SOLO 模式。整个过程大致分了这么几步:
第一步:搭项目骨架,先跑起来再说。
我先跟 TraeCode 说"帮我用 React + TypeScript + Tailwind 建一个园林植物设计的网页项目"。它直接生成了项目结构、组件目录、样式配置,一条命令就能启动。我当时的想法是先不管功能全不全,先有个能点开看的东西。
大概花了半小时,项目就跑起来了,首页有个 Hero 区域和一个设计表单的雏形。
第二步:灌数据,建植物数据库。
这是最核心的部分——没有植物数据,什么匹配都是空谈。我多年景观经验积累的植物资料,格式很杂,有 Excel、有 PDF、有文本笔记。
我让 TraeCode 帮我做了几件事:
-
把各种格式的植物数据清洗成统一的 JSON 结构(名称、科属、区域、株高、冠幅、花色、花期、光照需求、价格……)
-
给每株植物计算"造价星级"和"养护难度星级"(5星最贵最难养,0星最便宜最好养)
-
写了个颜色归一化逻辑,把"玫红"“粉红”"淡粉"都归到"粉"色系,方便后续匹配
最后整理出了 1500+ 种园林植物 的结构化数据库。
第三步:写匹配逻辑,核心算法。
这步是产品的灵魂。我跟 TraeCode 描述了我的设计思路:
-
先按区域筛选适生植物
-
再按用户选的色系、造价偏好、养护难度偏好缩小范围
-
然后分乔木层、灌木层、草本层分别匹配,每层控制数量和尺寸
-
最后算总价,跟预算比对,超了就替换更便宜的品种
TraeCode 把我这套思路翻译成了 TypeScript 函数,还加了一些我没想到的细节,比如"常见性评分"——越常见的植物越优先推荐,降低实际采购难度。
我不会写代码,但我能看懂逻辑对不对。每次它生成完,我就说"这里不对,应该先按区域筛再按颜色筛"或者"造价匹配不用那么精确,±1星范围就行",它就改。来回几轮,算法就靠谱了。
第四步:做植物库页面,加筛选排序。
用户反馈说想看到所有植物的完整信息,方便自己查。我就让 TraeCode 加了个"植物库"页面,做了一张大表格:14列(名称、类型、科属、区域、造价、养护难度、花期、花色、叶色、株高、光照、水分、耐寒、参考价),点击表头能排序,还有搜索框和四个筛选下拉框(类型/花色/花期/区域)。
它直接写了个通用的列定义系统,我后来想加列减列都很方便。
第五步:补全功能,部署上线。
后面的迭代都是用户提了需求我就加:
-
有人说面积想输 5㎡(之前最小 10㎡),我就改最小值
-
有人说预算想输 500 块(之前最小 1000),我也改
-
加了 PWA 功能,可以装到手机桌面像 App 一样用
-
加了设计师栏、供应商栏,留着以后扩展
-
换了 Logo、调了样式细节
最后用 Netlify 部署上线,公开访问地址:plantplot.netlify.app。部署也是 TraeCode 一步步带着我做的,从构建到生成访问令牌再到发布,全程没踩坑。
整个过程中我还生成了一段演示录屏,展示从填写参数到生成方案再到植物库筛选的完整流程,用来给朋友试用和收集反馈。
成果展示
最终交付的是一个完整可用的园林植物智能设计网页应用,名字叫"花境智绘"。
核心功能:
-
智能植物匹配:输入区域、面积、预算、色系偏好、造价偏好、养护难度偏好、各层植物数量,一键生成完整花境方案
-
分层展示:乔木层、灌木层、草本层、草被层,每层有植物图片、名称、数量、单价、总价
-
方案概览:总造价、植物总数、色系分布一目了然
-
植物数据库:1500+ 种植物的完整信息表,支持搜索、筛选、排序
-
PWA 安装:可以添加到手机主屏幕,像原生 App 一样使用
-
响应式设计:手机电脑都能用
这个产品解决了我自己(以及身边很多同行)的痛点:不用再手动翻植物手册、不用再一个个查价格、不用再反复调整搭配。输入条件,几秒钟出方案。
目前已经上线,公开免费使用,我发给了一些朋友试用,正在收集反馈迭代中。
效率对比
说个具体的例子:之前有个私宅花园的单子,客户来回改了三次预算和色系偏好,我每次都要重排方案,三天才定下来。用这个工具的话,客户提一次修改,我当场就能出新版方案,半天搞定。
而且这个工具不只是省时间——它把我脑子里的经验变成了可复用的算法,新手也能用它配出基本合理的方案,降低了行业门槛。
经验和技巧总结
1. 先让它跑起来,再慢慢迭代。
我一开始没追求完美,先做了个最简版本(只有表单 + 结果列表),能跑通就行。然后每一轮加一点功能:加图片、加造价星级、加植物库、加 PWA……这样每一步都有成就感,也不会因为目标太大而卡住。
2. 描述需求时,用"你是一个XX设计师"的方式给身份,比直接说功能更好用。
比如写匹配算法的时候,我不说"写一个按区域筛选的函数",而是说"你是一个资深园林植物设计师,给你这些参数,你会怎么选植物?把你的思路写成代码"。这样出来的结果更贴近真实设计逻辑,不会只是个死板的过滤器。
3. SOLO 模式适合从零到一搭项目,IDE 模式适合改细节。
前期搭骨架、写核心算法、建新页面,我都用 SOLO 模式,交给它自己折腾,出了结果我来验收。后期调样式、改 bug、加小功能,我就切回 IDE 模式,自己盯着改,改一个验证一个,节奏更快。