我们已经利用一定篇幅实现了店铺信息展示的功能,本篇我们来实现一下点餐的逻辑。点餐的逻辑有以下:
- 用户打开点餐页面,利用侧边栏导航来切换菜品
- 初始状态用户未点餐,显示一个加号的图标
- 点击加号显示数量,需要将菜品加入购物车,购物车显示选购菜品的数量和总价
- 点击减号可以减少所点菜品的数量,如果减到0就将菜品移除购物车
- 点击购物车可以看到所点菜品,可以修改菜品的数量
- 点击清空购物车将所有菜品移除
为了实现上述的需求,我们需要设计两个数据源,一个是菜品的分类,一个是菜品信息
1 菜品分类
菜品分类比较简单,我们只需要两个字段,分类名称和序号。打开控制台,点击新建数据模型
输入数据源的名称,菜品分类
点击编辑按钮进入添加字段视图
点击添加字段,添加我们的两个字段,第一个字段我们选择文本类型,第二个我们选择数字类型