添加和配置页面

页面是应用的核心单元，每个页面都可独立设计、配置数据和行为。

• 在 Zion 中，页面是服务端数据获取的最小单元。添加页面数据源后，可为页面内各组件提供数据。
• 每个应用可设置一个页面为主页，作为用户打开后的默认首页。
• 每个页面均可配置页面加载/卸载行为和定时任务。

添加和管理页面

点击下方图标可在项目中添加新页面。

页面分组

如需为页面分组，点击下方图标即可。

页面操作

右键页面可打开菜单进行管理，支持：

1. 复制：复制页面（含全部组件）
2. 修改名称：修改页面名称（可双击直接修改）
3. 设为主页：设置为应用/网站默认首页
4. 添加到分组：将页面加入指定分组
5. 删除：删除页面及全部内容

快速预览所有页面：可开启页面平铺模式（⌘P / Ctrl+P）

配置页面 - 设计

小程序页面

选中小程序页面后，可在右侧栏配置页面属性。尺寸、布局、样式与组件配置一致。

1. 导航栏：默认开启，使用微信原生顶部导航栏（含返回、分享等功能）。如需自定义顶部导航可关闭。

2. 分享信息：默认关闭。开启后，点击页面右上角【…】可将小程序转发给好友（暂不支持分享到朋友圈）。

   • 标题：转发界面显示的文本
   • 图片：转发界面显示的图片（仅支持绑定页面数据源）

   

3. 底部导航栏：微信原生底部导航栏，最多支持 5 个页面导航。

网页端页面

选中网页页面后，可在右侧栏「设计」中配置：

• 是否为初始屏幕
• 网页路径：浏览器地址栏路径
• 网页标题：标签栏显示标题
• SEO 设置：可配置 TDK（标题、描述、关键词）及分享缩略图
• 其余设计与组件配置一致

配置页面 - 数据

1. 页面数据源：页面级远程数据，添加后可从数据库获取数据供组件引用。如需展示账户昵称，需新建页面数据源获取账户表数据，再在组件上绑定。
2. 页面变量：用于临时存储页面上的数据，其他组件可通过行为设置其值。
3. 页面入参：页面间数据传递方式，分为：
   • 查询参数：如博客详情页用博客名作为入参，或用于记录用户渠道
   • 路径参数：改变页面地址，适用于需优化 SEO 的页面 详见：参数

配置页面 - 行为

页面加载与卸载行为

页面活跃期内可配置“页面加载时”和“页面卸载时”行为。

常见用法：

• 页面加载时弹开屏广告（如倒计时广告）
• 页面加载时设置页面数据（如初始化数据）

定时任务

• 定义：按设定时间间隔自动触发行为，直至手动暂停或页面关闭
• 触发间隔：以毫秒为单位
• 立即触发：开启后页面进入即自动启动定时任务

手动控制定时任务：可为组件添加“控制定时任务”行为，手动开始/暂停任务。

开始定时任务	暂停定时任务

页面数据与行为的加载顺序

页面加载顺序如下（自上而下）：

1. 接收链接数据（如有）
2. 创建页面变量（初始为空）
3. 执行“页面加载时”行为
4. 读取页面数据源内容
5. 显示各组件本地数据或默认值