被几十张 Excel 逼疯后，我用飞算 JavaAI 花了一个下午，搭了个经销商渠道管理系统。
一、那个下午，Excel 又崩了
上个月底，我正对着屏幕上的 Excel 发呆。
屏幕右下角弹出了第 N 次"Microsoft Excel 无响应"的提示，而我的桌面上并排开着六个文件：
- 「2026 经销商名录（已更新）」.xlsx
- 「7月进货订单明细」.xlsx
- 「Q2 经销商达成率统计」.xlsx
- 「违规记录台账」.xlsx
- 「经销商等级划分表」.xlsx
- 「月度目标配置（勿动）」.xlsx
不只是多，关键是——经销商之间是有层级关系的——谁是谁的上级代理、哪个区域归谁管、该扶持谁、该淘汰谁。我在表格里对着 VLOOKUP 折腾了半天，发现某个经销商的达成率分母用的是上个月的目标。对不上。
我靠在椅背上，叹了口气。这不是第一次了。每次月底汇总渠道数据，都要经历一次"对账地狱"。渠道经理陈峰上周还在群里抱怨：万胜实业那边冲货的问题拖了两周没人管，因为表格里的违规记录没及时更新。
痛点不复杂：数据散、关系乱、更新滞后。我需要一个系统，能把经销商层级、进货订单、达成率、违规预警全部串在一起，不需要多高端，但要让我双击就能看到全貌。
于是我打开了飞算 JavaAI，决定自己搭一个。
二、我的需求——一张图说清楚
聊天模式下我对飞算 JavaAI 输入的 Prompt 是：
帮我做一个经销商与渠道管理系统。前后端分离项目，后端采用 SpringBoot + Mysql，需要支持：多级经销商层级管理（全国总代→省级 → 市级 → 区级），每家经销商的进货订单记录、月度目标达成率仪表、违规预警管理。角色分为渠道经理、经销商、销售运营。频道经理可以看到全貌，经销商只能看自己的数据。
智能引导很快理解了需求，把整个业务流程拆成了文字，然后我让他生成 mermaid 流程图，他帮我总结了个成了这样：
系统的核心流转其实可以概括为一句话：经销商进来 → 定目标 → 下单 → 看达成 → 预警违规 → 闭环处理。每个环节之间都存在数据关联，这就是为什么 Excel 搞不定——订单金额要关联到月度目标才能算达成率，违规记录又要关联到经销商的等级决定处罚力度。
三、对话智能引导——从描述到模块
接着开启智能体引导模式，重新输入我的需求：
帮我做一个经销商与渠道管理系统。前后端分离项目，后端采用 SpringBoot + Mysql，需要支持：多级经销商层级管理（全国总代→省级 → 市级 → 区级），每家经销商的进货订单记录、月度目标达成率仪表、违规预警管理。角色分为渠道经理、经销商、销售运营。频道经理可以看到全貌，经销商只能看自己的数据。
第一步：确认需求
智能引导读了我的 Prompt 之后，自动拆解出了业务角色和核心功能模块：
系统识别出三个角色：渠道经理（看全貌+管理违规）、经销商（查看自己的订单和达成率）、销售运营（负责订单和数据分析）。每个角色的菜单权限也自动做了区分。
第二步：接口设计
经销商的等级体系设计是一个关键点。将四级代理关系做成了一张树形结构图——全国总代下面可以挂省级代理，省级下面挂市级，市级下面挂区级。这在 Excel 里几乎无法直观展示，但在系统里，一个简单的树形组件就能搞定。
第三步：DDL & 表结构
智能引导给出了完整的 MySQL 建表语句，主要表包括dealer、dealer_order、product、violation四张核心表，并通过外键关联。
经销商表里有一个parent_id字段，指向自己的上级——正是这个字段，支撑了后面层级树的递归查询。
第四步：生成计划
智能引导列出了完整的生成计划，包括前端页面路由、组件结构、数据层和状态管理：
规划了 8 个菜单页面：工作台、经销商名录、层级树、进货订单、达成率仪表、违规预警、数据统计、渠道配置。
第五步：源码生成
点击生成后，进度条跑到了 100%：
四、成品页面——从层级树到达成率仪表
整个系统的视觉非常优秀，主色 #1E40AF（商务蓝）+ #EA580C（活力橙），给人一种专业但不沉闷的感觉。
工作台总览
登录后的第一屏是工作台，展示了四个核心指标——合作经销商数、年度累计销售额、待处理订单、违规预警数。底下是两个模块：月度销售额趋势柱状图和达成率排行 Top5。
左下角的趋势图展示了近半年的进货曲线，右侧的达成率排行能看到哪些经销商做得好、哪些需要关注。点击排行可以跳转到达成率详情页。
经销商名录
「经销商名录」以卡片网格展示所有经销商，每张卡片包含名称、等级标签、区域、联系人等信息。点击卡片会弹出一个右侧抽屉面板，展示该经销商的完整信息和业绩摘要。
这里最有价值的是抽屉面板里的"违规记录"行——如果某经销商有未处理的违规，会以红色高亮显示，渠道经理一目了然。
渠道层级树——独有组件
这是整个系统最有特色的页面。左侧上方展示了各级经销商的统计数据，下方是一个可展开/折叠的渠道层级树。
树形结构把复杂的代理关系可视化出来——全国总代 → 省级代理 → 市级代理 → 区级经销，每一级都有不同的图标颜色。你可以展开任意节点查看下属经销商。这在 Excel 里根本做不到。
这个层级树组件的核心实现是通过parent_id字段做递归渲染，每个节点可以嵌套展开子节点。为了突出不同等级，我用了从深蓝到浅蓝的渐变图标色。
达成率仪表
「达成率仪表」是这个系统的另一个核心独有组件。页面上方是达成率分布统计（达标/良好/预警/危险），中间是全经销商达成率排行条，底部是一个SVG 仪表盘网格——每张仪表盘都用圆环图直观展示单个经销商的达成率。
圆环的颜色根据达成率自动变化：
- 绿色（≥100%）：超额完成
- 蓝色（70-99%）：正常
- 黄色（40-69%）：预警
- 红色（<40%）：危险
排序条上的经销商名字和数字之间还有个细节——点击可以弹出仪表盘详情浮层，方便渠道经理快速查看某家经销商的具体数据。
违规预警
违规预警页面收录了所有违规记录，用不同颜色的标签区分严重程度和状态。待处理和调查中的记录会醒目地标红。
违规类型主要覆盖了四种场景：跨区域销售（冲货）、价格违规、虚假宣传、拖欠货款。每条违规记录都关联了对应的经销商和负责人，点击"详情"可以看到完整的违规描述和处理记录。
数据统计
数据统计页面上半部分是区域销售分布和等级销售分布的二维表格，下半部分是月度销售趋势柱状图。通过这些图表，渠道经理可以一眼看出：
- 华东区的销售额最高，但华南区的经销商数量也在快速增长
- 全国总代贡献了最多的销售额，但市级代理的增长率更高
- 最近三个月进货量在稳步上升
这些分析全部来自 内部数据的自动聚合，不需要手动做任何事情。
五、技术与设计思考
这个项目虽然只是一个前端 Demo，但有几个设计意图我想特别聊一下：
为什么用层级树代替表格？
经销商之间天然存在代理关系，如果用一个二维表格去展示，每一行都显示父级名称字段，视觉上非常零碎且不直观。树形组件通过缩进和折叠机制，让用户能自由选择"看全局"还是"钻入某个分支"。这是后端系统的常见模式（组织架构、分类目录等），但在经销商场景下格外适用。
达成率仪表的设计逻辑
我选择了 SVG 圆环图而不是传统的进度条，原因有二：一是圆环图在视觉上更聚焦于"达成比例"本身，数字在中间一目了然；二是多个圆环排布在一起时，色彩分布本身也构成了一种"健康度热力图"——一眼扫过去就知道哪些经销商亮了红灯。
违规预警的闭环
违规记录不是一个简单的列表。每一条违规都有状态流转：待处理 → 调查中 → 已整改 → 已关闭。渠道经理可以跟踪每一条违规的处理进展，而不是群里说一句"那个谁违规了"然后就没了下文。这种闭环设计是渠道管理中最容易被忽略的细节。
六、我的真实感受
整个项目从构思到跑起来，大约花了两个多小时。飞算 JavaAI 帮我做了几件事：
- 架构骨架：路由、Store、数据层，这些重复性的结构代码完全是 AI 生成的
- GUI 组件：各级页面布局、表格、卡片、弹窗，AI 提供了基础模板
- 数据关联：经销商 → 订单 → 达成率 → 违规，这些关联逻辑的初始代码也是 AI 生成的
但也有一些事必须自己来：
- 视觉效果调优：AI 生成的初始页面配色比较平淡，我把 Channel Map 的商务蓝橙风调了三次才达到理想效果（特别是侧边栏和按钮的 hover 反馈）
- 层级树的自定义渲染：递归组件的展开/折叠逻辑、不同等级的颜色区分、图标选择，这些细节需要人工打磨
- 数据合理性：内部数据中的经销商层级关系、订单金额范围、达成率分布——我需要手动调整这些数据，让它们看起来像一个真实的渠道体系，而不是随机数
我的结论是：AI 帮我省掉了 80% 的"搬砖"时间（搭架子、写路由、写 CRUD），但我真正花功夫的地方是剩下的 20%——也就是决定"这个页面为什么这么设计"。
本文是飞算 JavaAI 炫技赛参赛作品。飞算 JavaAI 提供 9.9 元包月体验，支持智能引导对话式编程与多 Agent 专家协作。无论你是想快速搭建企业内部工具，还是学习全栈开发，都能在这里找到合适的切入点。
#飞算JavaAI炫技赛 #AI编程 #Java开发 #渠道管理 #经销商管理 #程序员日常 #技术分享
