用码上飞AI可零代码快速制作可交互网站原型：注册登录后新建“空白网页”项目，拖拽标题、轮播图（需上传本地图）、按钮并设锚点链接；新增“关于我们”“联系我们”页面，配置导航跳转；在联系页添加必填表单并设置提交提示；最后发布生成可外链的演示地址。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
想用码上飞AI快速做出一个能点、能看、能演示的网站原型，不写代码、不配服务器、不等设计师排期，直接把想法变成可交互的网页链接发给客户或团队看。
注册登录并创建新项目
打开浏览器访问 https://www.mashangfei.com → 点击右上角「立即体验」→ 使用手机号+验证码登录（无需微信或邮箱绑定）→ 登录后自动跳转至工作台 → 点击「新建项目」→ 在弹窗中输入项目名称（如“企业官网演示版”），选择模板类型为「空白网页」。
这一步不能选「移动端H5」或「小程序」模板，【只有「空白网页」模板才支持后续添加导航栏、表单、轮播图等完整网站组件】。
拖拽搭建首页结构
进入编辑器后，左侧是组件库，中间是画布，右侧是属性面板。
从左侧「基础组件」中拖入「标题」到画布顶部 → 双击修改文字为“欢迎来到XX品牌”；再拖入「图片轮播」组件 → 点击组件右上角「上传图片」，一次性上传3张JPG/PNG格式的高清图（尺寸建议1920×800）；接着拖入「按钮」放在轮播图下方 → 修改文字为“立即咨询”，并点击右侧属性面板中的「链接」→ 选择「页面内锚点」→ 输入#contact。
注意：轮播图必须上传本地图片，不能直接粘贴网络图片链接，否则生成后无法显示。
添加二级页面与导航菜单
第一步：点击左上角「页面管理」→ 「+新增页面」→ 命名为“关于我们”，保持默认布局；第二步：回到首页，在顶部区域拖入「导航菜单」组件；第三步：双击菜单项，将默认的“首页”“产品”“案例”分别改为“首页”“关于我们”“联系我们”；第四步：选中“关于我们”菜单项 → 右侧属性面板中「跳转目标」选择刚建的“关于我们”页面；第五步：同理设置“联系我们”跳转到新建的“联系我们”页面（同样通过「+新增页面」创建）。
这一步做完后，顶部导航就能真实点击跳转，不再是静态文字。
配置联系表单并启用演示链接
切换到“联系我们”页面 → 从左侧拖入「表单」组件 → 点击组件内“姓名”字段右侧的「…」→ 选择「设为必填」；对“手机”和“留言”字段做同样操作；然后在右侧属性面板底部找到「提交后动作」→ 选择「弹出成功提示」→ 输入提示文字“感谢您的留言，我们会尽快回复！”。
全部配置完成后，点击右上角「发布」→ 选择「生成演示链接」→ 勾选「允许外部访问」→ 点击「确认生成」→ 复制弹出的短链接（形如 https://msf.ai/abc123）。
