CodeBuddy可在10分钟内零代码生成可交互销售看板：上传Excel/CSV后自动识别字段，通过自然语言指令定义KPI、图表及交互逻辑，支持Next.js、React组件或微信小程序导出，并可连通MySQL实现实时数据更新。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要在10分钟内把Excel里的销售数据变成可交互的网页看板，不写一行代码、不装依赖、不配服务器——CodeBuddy能直接从原始表格生成带图表、筛选器和响应式布局的完整前端项目。
上传并解析你的数据源
打开CodeBuddy IDE（或VS Code中已安装插件），点击左侧「Data Studio」图标 → 选择「Upload File」→ 拖入你的CSV/Excel文件（如sales_q2_2026.xlsx）。
等待3～5秒，界面右下角会弹出绿色提示：“✅ 已识别872行×14列，检测到时间字段‘order_date’、数值字段‘revenue’、分类字段‘region’和‘product_category’”。【若未自动识别字段类型，请手动点击字段名旁的齿轮图标修正为date/number/text】
这一步跳过会导致后续图表无法按时间聚合或数值计算错误。
用自然语言定义看板需求
在顶部AI对话框输入完整指令，例如：
“基于当前数据，生成一个销售数据看板：顶部显示总营收、订单数、平均客单价三个KPI卡片；中间用折线图展示近6个月营收趋势（X轴为月份，Y轴为revenue求和）；下方用堆叠柱状图对比华东/华南/华北三区各产品类别的销售额；所有图表支持点击区域筛选联动；页面使用浅色主题，适配手机横屏。”
按下回车后，AI会先输出执行计划（Plan模式），列出将创建的组件、数据处理逻辑和依赖库。确认无误后输入yes，系统开始生成。
选择导出方式与框架
生成完成后，右侧预览区自动加载可交互看板。此时有三种导出路径：
CodeBuddy Code CLI 的安装、配置与使用指南。CodeBuddy Code 是腾讯推出的 AI 驱动 CLI 编程助手，支持自然语言驱动开发。 - 必备触发词：CodeBuddy, codebuddy, AI CLI, Tencent AI coding, @tencent-ai/codebuddy-code, terminal AI assistant - 适用场景：安装 CodeBuddy CLI、配置 CodeBuddy、使用 CodeBuddy 命令、排查 CodeBuddy 问题
方法一：Next.js Web应用模式（推荐生产部署）
点击右上角「Export」→ 选择「Next.js App Router」→ 勾选「包含mock数据服务」→ 点击「Download ZIP」。解压后运行npm install && npm run dev即可本地启动，build产物可直接丢进Nginx。
方法二：独立React组件代码（嵌入现有系统）
在任意图表右上角点击「⋯」→ 「Export as Component」→ 选择框架为React + 图表库为Recharts → 选「Full Component with Props」→ 复制代码粘贴至你项目的src/components/SalesDashboard.tsx。
方法三：微信小程序版（需已配置Claw协议）
点击「Export」→ 切换目标平台为「WeChat MiniProgram」→ 系统自动转换WXML结构、WXSS样式及JS逻辑 → 下载后的project.config.json已预置腾讯云开发环境ID，用微信开发者工具打开即运行。
连通真实数据库（可选增强）
如果数据需要实时更新而非静态Excel，执行以下操作：
第一步：在左侧「Integrations」面板点击「Add Database」→ 选择MySQL → 输入腾讯云TDSQL实例地址、用户名、密码及库名。
第二步：回到AI对话框输入：“把看板数据源切换为tencentcloud_tdsql.sales_orders表，按created_at字段自动转为月度分组，保留原有图表结构和交互逻辑。”
第三步：AI会重新生成带useQuery hook的数据获取逻辑，并在导出代码中注入@tencent-cloud/db-client依赖。【注意：此步骤需确保TDSQL白名单已添加CodeBuddy服务IP】
点击「Re-export」，新ZIP包里app/api/sales/route.ts已包含安全的GET接口，可被前端直调。
