本篇是我们零基础入门课的第四篇,前三篇我们介绍了创建项目、列表功能、新增功能,本篇我们介绍一下查看详情功能的开发。
1 创建页面
打开Zion开发工具,点击已经创建好的项目
点击页面旁边的+号,创建一个新的页面
2 搭建页面
查看页面要根据我们的数据表的字段来进行搭建,商品数据表我们已经建立好了,可以点击顶部导航条的数据模型图标进行查看
我们已经创建了商品名称、描述、图片、价格、库存几个字段,按照字段类型搭建一下页面。首先拖入一个图片组件
然后依次拖入三个文字组件用来显示名称、描述、价格
3 创建数据
Zion中一共有三类数据,链接数据、本地数据和远程数据。链接数据可以接收从其他页面传入的参数,本地数据可以用来存储和显示内容,远程数据可以读取数据库的数据。
先定义一个链接数据,表示从列表页传入数据的ID
然后创建一个远程数据
选择我们的商品数据表,然后定义过滤条件
如果数据限额是1就表示只取一条数据,过滤条件的话,让我们数据表的ID等于我们的链接数据