只需自然语言描述即可自动补全小程序商品页分类逻辑、UI及后台归属关系,无需写代码;未生成商品模块则无法启用分类功能,必须先完成基础模块生成。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

想给小程序商品页加分类但不会写代码,又不想手动改每个页面结构,用码上飞AI只需自然语言描述就能自动补全分类逻辑和UI,连后台商品归属关系都一并配好。
确认当前小程序是否已启用分类功能
登录码上飞平台(codeflying.net),进入项目管理页,找到目标小程序,点击「编辑」→ 查看左侧导航栏是否有「商品分类」或「类目管理」入口。没有该入口说明尚未激活分类能力,需先完成基础商品模块生成。
这一步不能跳过——【未生成商品模块的小程序无法直接添加分类】,否则后续所有操作都会报“数据模型不匹配”错误。
用一句话触发分类结构生成
在对话框中输入明确指令,例如:“给商品页增加一级分类,包括‘水果’‘虚拟服务’‘图书资料’三个类目,点击分类后只显示对应商品。”
系统会自动调用AI产品经理Agent,解析出分类维度、路由跳转逻辑、商品标签绑定规则,并生成带分类筛选栏的首页UI草图。
注意:分类名称必须用中文顿号或逗号分隔,英文或符号混用会导致识别失败。
调整分类展示样式与交互逻辑
方法一:直接追加描述优化
在已有对话中输入:“把顶部分类栏改成横向滚动tabs,选中状态用绿色下划线,未选中文字变浅灰色。”
方法二:指定技术参数
输入:“分类栏高度设为48px,字体大小14px,禁用左右滑动惯性,点击后平滑滚动到对应商品区块。”
方法三:上传参考图微调
拖入一张带分类tab的竞品截图→ 输入:“按这张图的间距和圆角做,但文字颜色换成#333。”
关联商品与分类(关键步骤)
第一步:进入运营后台 → 点击「商品管理」→ 找到任意一条商品记录 → 点击「编辑」;
第二步:在「所属分类」字段右侧点击「+新增分类」→ 从下拉列表中勾选已定义的类目;
第三步:保存后,该商品即出现在对应分类页,无需额外配置数据库或API。
这一步操作不可逆——【删除分类时,归属该分类的所有商品将自动移入“未分类”组,不会丢失】。
发布带分类功能的小程序
点击右上角「发布」→ 选择「微信小程序」→ 勾选「同步更新分类数据」→ 扫码预览验证分类跳转与商品加载效果。
若发现某分类下无商品,返回后台检查该分类是否被误设为「隐藏」状态。

















