电商小程序（二）

21.商品分类动态显示实现

• 编写页面

• 初始化baseUrl

22.商品分类wxss样式实现

• 左边样式

• 修改图片继承父元素的大小而不压缩

• 右边样式

23.左右侧菜单点击切换实现：设置一个参数，根据点击传参

• 在js页面添加参数，添加点击事件

24.右侧内容置顶设置

• 设置scrol-top，将其设为0

25.首页商品大类跳转商品页面实现

• 设置全局参数

• 在首页添加点击事件和index标识，在js页面编写函数

• 在category页面编写首页跳转过来的函数（不用注释的内容的原因:cate是异步函数，此时cates里面可能没有值，因此要重新写一个函数去查询）

 

26.商品详情后端接口

• 编写实体类和其他
• 在product里加上该属性

• 编写controller函数

27.商品详情轮播图动态显示

• 在app.json里添加页面

• 修改编译页面，修改跳转页面

• 修改标题

• 去其他页面复制数据

• 复制首页的轮播图数据，修改wxml页面和less页面

28.商品详情属性内容显示

• 编写价格，名字，简介等样式

• 编写点击不同tab显示不同内容的样式

29.商品介绍和规格参数图片映射

• 修改数据库地址

• 修改springboot映射文件

• 编写sql代码，对数据库的字段进行替换

30.商品信息底部工具类实现

• 编写底部菜单栏

• 编写样式

• 编写跳转页面

• 解决点击客服页面样式问题

在tool-item下加入这段代码

• 在父元素加上相对，一个设置成客服的时候不会影响到其他

• 编写购物车的跳转页面

31.模拟网络延迟加载，显示正在加载

• 定义请求次数

• 在requestutil方法里调用

• 编写轮播图的跳转页面

• 编写热卖商品的跳转页面

32.商品加入购物车逻辑实现

• 编写绑定事件

• 在data外添加一个空对象

• 在获取商品详情里获得商品信息

• 编写加入购物车函数

• 抽取出来，方便将来可能的调用

33.购物车页面收货地址实现

• 修改页面名字

• 编写获取收获地址的按钮

• 地址不经常改，修改数据从缓存中获取地址，获取地址是微信自己的方法

• 用onshow进行页面显示， （每当页面变化，就会调用onshow）

• 展示收货地址

34.购物车商品列表显示实现

• 获取购物车数据

• 讲其他页面该复制的数据复制进来

• 编写wxml页面

• 编写样式

35.购物车底部工具栏实现

• 编写wxml

• 编写less样式

36.购物车底部工具栏全选及总价

• 在js页面添加check属性

• 在购物车样式中引入check属性，用于显示有没有选中

• 全选：当数组为空时不选/遍历每个的check

• 设置购物车和商品数量

37.购物车选中动态业务处理

• 在页面显示处加入代码和函数

• 商品属性的改变

• 将购物车，合计等封装

，在onshow中将复制来的给删掉

• 在setcart中对缓存修改

38.购物车全选框复选选中处理

• 在页面的全选框中加入事件

• 编写函数

39.购物车商品数量编辑实现

• 在页面设置点击事件，传参

• 编写函数

  

40.购物车商品数量为0判断是否删除

• 在函数中修改代码

41.商品空的页面显示

• 在页面添加if-else的判断语句

42.立即购买页面实现

• 在点击的地方绑定一个事件

• 编写页面跳转的函数

43.点击结算跳转支付页面

• 在页面加上点击处理事件

• 在js判断收货地址和购物车是否为0，若为0发出提示

• 添加跳转页面

• 若上面都不为0则跳转

• 修改跳转后的页面名称