# 使用详情列表展示数据详细信息
在实际的业务中,您可以使用详情页来展示数据的详细信息,增加用户的体验感。
# 示例1
# 功能场景
# 操作详解
创建Staff员工实体表,实体如下。
名称 标题 数据类型 name 员工姓名 String 字符串 gender 性别 String 字符串 age 年龄 Integer 整数 phone 电话 String 字符串 department 部门 String 字符串 position 职位 String 字符串 joiningDate 入职时间 Date 日期 在IDE中进入指定页面后,将此实体表拖入,选择列表(全)。
创建子页面,添加输入参数,将其数据类型修改为Long长整数。
在员工页面中的数据表格操作表格列添加链接组件,命名为详情。
为详情链接绑定链接地址,地址选择为详情页,将入参设为当前行的id。
在详情页面进入时添加事件,调用Staff实体下的get逻辑,入参为页面入参id,创建一个staff实体变量承接。
在详情页面拖入详情列表。
使用staffDetail实体变量展示所希望展示的数据。
# 实现效果
# 说明
发布后直接访问详情页面会因为获取不到入参而报错,因此通过详情链接进入详情页传入参数可正常使用。
# 示例2
# 功能场景
# 操作详解
创建Supplier和Product实体表,字段分别信息如下。
Supplier(供应商)
名称 标题 数据类型 name 供应商名称 String 字符串 phone 联系电话 String 字符串 area 所在地 String 字符串 email 邮件 String 字符串 Product(产品)
名称 标题 数据类型 name 产品名称 String 字符串 serialNumber 编号 String 字符串 price 产品单价 Double 小数 specification 规格 String 字符串 describe 描述 Text 长文本 supplierid 关联供应商 Long 长整数 因供应商和产品之间是一对多关系,那么在产品表需要关联上供应商的id。
创建详情页,创建入参id,数据类型为Long长整数。
在指定IDE页面拖拽生成两张数据表格,并在产品数据表格操作列上添加详情链接组件,并且跳转页设为你所希望的详情页,将传入id设为当前行记录的product.id。
在详情页面进入时添加逻辑,使用product实体承接获得到的产品记录,并用获得到的product.supplier作为传参id获得supplier信息,用一个supplier实体变量承接。
在详情页面使用详情列表组件,搭建所预期展示的数据即可。
# 实现效果
← 使用表格类组件展示数据 使用弹窗展示信息 →