必须在需求描述阶段明确字段名称、类型和展示优先级,否则AI会用通用字段填充导致前后端不匹配;需用中文全称统一命名并自然语言描述,区分主列表与详情页字段,最后通过数据模型和预览图逐项验证。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

要在码上飞AI中让生成的应用正确展示列表内容,必须在需求描述阶段就明确字段名称、类型和展示优先级,否则AI会默认用通用字段(如“标题”“描述”)填充,导致后台数据结构与前端列表不匹配。
先确认列表要呈现哪些字段
打开码上飞官网(http://www.codeflying.net),登录后进入对话输入框。不要直接写“做一个商品列表”,而是先列出你真正要在页面上看到的列:比如“商品名称、单价、库存数、上架时间、状态”。
这一步漏掉任一字段,后续生成的列表页就不会显示它——AI不会凭空猜出你要“状态”列,也不会自动把“price”渲染成“单价”字样。
用自然语言绑定字段与含义
在输入框中完整描述,例如:“列表页要展示所有商品,每行显示【商品名称】(文本)、【销售价格】(数字,保留两位小数)、【剩余库存】(整数)、【上架日期】(日期格式 YYYY-MM-DD)、【当前状态】(下拉选项:上架/下架)。”
注意字段名必须用中文全称且前后一致,不能一会儿写“库存”,一会儿写“库存数量”;【字段名一旦在首次描述中出现,后续所有环节都必须严格沿用该名称】,否则AI会当作两个不同字段处理。
如果字段需参与筛选或排序(如按“上架日期”倒序),在这句话末尾追加说明:“默认按上架日期从新到旧排列”。
区分主列表与详情页字段
方法一:主列表只放高频查看项
只把用户扫一眼就要获取的信息放进列表,例如“订单号、客户名、金额、日期、状态”。其他如“收货地址”“备注”“物流单号”等字段,留到点击行后打开的详情页再展示。
方法二:用括号标注展示权重
在字段名后加括号说明,例如:“【客户电话】(列表隐藏,详情必显)”“【订单来源】(列表右对齐,字号缩小10%)”。AI能识别这类排版提示并落实到前端CSS中。
方法三:主动排除不展示字段
明确写:“以下字段不显示在列表中:内部编码、创建人ID、审核日志”。这比不提更可靠——AI有时会把关联字段默认带出来。
验证字段是否被AI准确捕获
第一步:提交需求后,等待AI返回数据模型表格。
第二步:核对表格中每一行的“字段名称”列是否与你描述的完全一致,特别是中文顿号、空格、括号是否原样保留。
第三步:检查“类型”列是否匹配,例如“上架日期”对应“日期”而非“文本”。【若发现类型错误,必须立刻在对话中纠正,不可跳过】
第四步:点击“下一步”前,滚动到模型下方看AI自动生成的列表页预览图——确认字段顺序、文字标签、对齐方式是否符合预期。

















