Zion实现用户登录无需编码,三步完成:1. 创建账户表(必选);2. 拖拽登录组件或自定义表单绑定账户表;3. 配置登录跳转、模块可见性及用户信息绑定。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

在Zion里实现用户登录,不需要写任何代码,也不用对接OAuth2.0或维护JWT逻辑——平台已内置账户体系,只需三步配置,就能让访客完成注册、登录、身份识别全流程。
启用Zion默认账户系统
进入项目「数据」模块→点击左上角「+ 新建数据表」→在弹出窗口中选择「账户表」模板,直接创建。这一步不可跳过,【所有登录行为都依赖此表,删掉会导致整个登录流程失效】。
创建后自动带出标准字段:account_id(唯一标识)、nickname、email、phone、password(加密存储)、created_at等,无需手动添加或修改类型。
在页面上放置登录组件
方法一:拖拽式快速接入
进入任意页面编辑器→左侧组件库搜索“登录”→将「账户登录组件」拖入画布→自动绑定刚建好的账户表。
方法二:自定义表单组合(适合需品牌化UI的场景)
拖入文本输入框×2(分别绑定email和password字段)+ 按钮组件→选中按钮→右侧「行为设置」中选择「账户登录」→指定账户表→勾选「记住我」可选。
注意:若使用自定义表单,密码输入框必须设置为type="password",否则明文传输会触发Zion安全拦截,页面保存失败。
配置登录成功后的跳转与权限响应
第一步:设置登录成功动作
在登录组件或登录按钮的「行为设置」中,找到「登录成功后」选项→选择「跳转页面」,指定目标页(如首页、仪表盘),或选择「刷新当前页」。
第二步:控制未登录用户的可见性
选中某个需登录才显示的模块(如“我的订单”卡片)→右侧「可见性」设置→勾选「仅对已登录用户可见」→保存。这一步生效后,未登录用户将完全看不到该模块,不是隐藏而是不渲染。
第三步:获取当前用户信息用于个性化展示
在需要显示昵称或头像的位置,拖入「文本组件」→点击内容区右侧「{…}」数据绑定图标→选择「当前用户」→展开后选「nickname」字段;同理,头像可用「图像组件」绑定「avatar_url」字段(若账户表中存在该字段,或留空则显示默认头像)。











