码上飞AI制作侧边导航需明确输入“侧边导航栏”等关键词，按5～7项精简模块、用“｜”分组、“→”声明子菜单，并指定线性图标风格，AI自动生成带高亮与响应式的左侧固定菜单。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
码上飞AI怎么制作侧边导航
在码上飞CodeFlying中自动生成带侧边导航栏的应用，不需要手动写HTML或CSS，关键在于向AI准确表达“左侧固定菜单+点击切换页面”这一结构意图。如果你只说“做个管理系统”，AI可能默认生成顶部Tab或单页滚动布局，侧边栏不会自动出现。
第一步：进入码上飞官网或App，点击首页中间的对话框，输入明确需求语句。【必须包含“侧边导航栏”或“左侧菜单栏”字眼，不能只说“后台系统”“管理界面”】
第二步：当AI返回方案建议时，注意查看它是否在描述中提及“左侧导航菜单”“可折叠侧栏”“多级菜单结构”。如果没提，直接回复：“请改用带左侧固定导航栏的布局模板。”
第三步：AI确认采用侧边导航方案后，会主动询问功能模块划分。此时按实际业务列出页面名称，例如：“首页、商品管理、订单管理、客户列表、数据看板”。【每个名称必须是名词短语，不能带动词如“查看商品”“添加订单”，否则AI可能误判为按钮而非导航项】
第四步：点击“下一步”后，AI将自动生成完整导航结构，包括图标匹配、选中高亮、响应式收起逻辑。无需额外配置，预览时即可看到左侧常驻栏和点击跳转效果。
码上飞AI侧栏导航规划技巧
侧边栏不是越满越好，AI会根据你给的模块数量自动适配单列/分组/带子菜单三种形态。规划不当会导致导航拥挤、层级混乱或首屏信息被遮挡。
方法一：控制主菜单项在5～7个以内
超过7个，AI会强制分组（如“基础资料”下拉展开供应商/客户/商品），但分组名是你没提过的，容易偏离本意。所以提前精简，把高频操作放顶层，低频归入“更多设置”。
方法二：用“｜”符号显式声明分组
在输入功能列表时写成：“首页｜商品管理｜订单管理｜客户列表｜数据看板｜系统设置→权限管理｜系统设置→日志查询”。AI识别到“→”会自动生成二级菜单，且父级名称统一为“系统设置”。
方法三：指定图标风格提升专业感
在需求末尾加一句：“导航图标用线性风格，首页用house，商品用box，订单用clipboard，客户用users，看板用bar-chart-4”。AI会调用内置图标库精准匹配，避免随机分配齿轮、文档等不贴切图标。
这一步操作起来很简单，直接把整理好的带符号菜单列表粘贴进对话框就行。
