必须在自然语言中明确表达“跳转意图”和“目标对象”,否则AI仅生成静态按钮;基础写法为“按钮名+动作动词+目标页面”;多级跳转可用“→”串联或分句定义;外链需带协议头,小程序跳转须提供真实AppID和合法路径。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

要在码上飞AI中实现按钮点击后跳转到指定页面或执行特定操作,必须在自然语言需求描述中明确表达“跳转意图”和“目标对象”,否则AI无法自动生成带导航逻辑的按钮。
基础跳转写法:一句话说清动作与目标
在首页输入框中直接写出:“为‘提交订单’按钮添加跳转功能,点击后进入订单确认页面。”
这一步操作起来很简单,直接把跳转动作+目标页面名称写进同一句话即可。AI会自动识别“按钮名”“动作动词(跳转/进入/打开)”和“目标页面”三要素,并生成可交互的导航逻辑。
若只写“有个提交订单按钮”,AI默认仅渲染静态按钮,【不会自动生成任何跳转行为】;若写成“点击按钮后弹窗提示”,则生成的是提示逻辑而非页面跳转——语义偏差会导致结果完全不符。
多级页面跳转:用路径式描述建立导航链
方法一:用“→”串联跳转路径
输入:“用户点击首页‘立即报名’按钮→跳转至报名表单页→填写完成后点击‘提交’→跳转至成功页并显示订单号。”
AI将据此生成三级页面结构及对应按钮的完整导航流,包括表单提交后的状态反馈。
方法二:分句明确各环节目标
第一句定义入口按钮:“在首页添加‘立即报名’按钮,点击后跳转到新页面。”
第二句定义新页面内容:“该新页面包含姓名、电话输入框和‘提交’按钮。”
第三句绑定后续动作:“‘提交’按钮点击后跳转至‘报名成功’页面,并在页面中央显示‘订单号:{auto_id}’。”
这种写法适合需要在跳转后动态插入数据的场景,AI会自动为成功页预留变量占位符。
跳转到外部链接或小程序页面
写明协议头与平台约束:
“为‘查看官网’按钮添加跳转,点击后在新标签页打开 https://www.codeflying.net”
“为‘加入社群’按钮添加微信小程序跳转,目标小程序AppID为wx1234567890abcdef,页面路径为/pages/group/join”
注意:小程序跳转需提供真实AppID和合法页面路径,【无效AppID将导致预览时跳转失败且无报错提示】。网页跳转若未加https://前缀,AI可能默认补全为站内相对路径。











