跳到主要内容

第五课-综合练习:商品管理

知识点

1、左树右表及各类常见布局;

【观看视频】

  • 纵向&横向排列

  • 自由布局,绝对定位

  • 左树右表

2、简化场景复杂度---拆解模块;【观看视频】

  • 模块基础介绍

  • 商品列表为例,抽象商品卡片

3、数据共享及数据驱动开发---变量的使用;【观看视频】

  • 变量基础介绍

  • 数据驱动搭建方式,驱动表格展示

4、通过 Fx 实现交互逻辑复用;

【观看视频】

  • fx 基础介绍

  • 通过 FX 来复用请求商品列表逻辑

  • 封装接口业务状态码逻辑处理

练习题

通过左树右表,管理商品,可根据商品类目进行搜索,可导入、导出、新增、查询商品,以及在列表中查看、编辑、删除商品;

  • 使用布局、树、表单容器、数据表格等组件完成列表页搭建
  • 使用多场景对话框、表单容器等组件完成编辑、新增对话框搭建
  • 使用多场景对话框、描述列表等组件完成查看对话框搭建
  • 使用服务接口组件 以及 FX 完成查询逻辑搭建
  • 完成新增、编辑逻辑搭建
  • 完成删除逻辑搭建
  • 完成导入
  • 完成导出