前言
注: 本系列是本人自己在学习小程序开发记录的笔记,不喜勿喷,如果你学过这个项目了,别犹豫,关闭当前窗口!! 视频学习教程
1 | 小程序实战1之购物商场
2 | 小程序实战之项目搭建
3 | 小程序实战之首页设计(tabbar + 头部搜索框+ 轮播图 + 使用promise优化原生的请求 + 分类导航 + 楼层)
4 | 小程序实战之分类页面(点击菜单切换商品种类并且右侧菜单置顶 + 使用缓存技术)
5 | 小程序实战之使用es7的async语法优化接口
6 | 小程序实战之商品列表(搜索框 + tabs组件 + 启用上拉页面功能加载下一页 + 启用下拉刷新 + 添加全局的正在加载图标)
7 | 小程序实战之商品详情页面(轮播图&价格&名称&图文详情动态渲染 + 实现轮播图可放大预览图片 + 底部工具栏如购物车 + 收藏按钮状态)
8 | 小程序实战之购物车(收货地址授权 + 商品全选反选 + 总价格和总数量的计算 + 结算按钮功能)
9 | 小程序实战之支付(莫点,卑微的我还没有资格完成)
10 | 小程序实战之个人中心
11 | 小程序实战之商品收藏页面
12 | 小程序实战之搜索页面
13 | 小程序实战之意见反馈
项目介绍
这个小程序主要是电商类(购物商场),具体的实现效果如下
技术选型
小程序也有很多第三方的框架,如:
- 腾讯wepy 类似vue
- 美团 mpvue 类似vue
- 京东 taro 类似react
- 滴滴 chameleon
- uni-app 类似vue
以上都是大公司做小程序开发使用的框架,那么我们这次小程序使用哪个框架呢?
由于,我们刚学完基础,而且,原生的框架还存在快速地迭代中,也就是说原生的版本还不是太稳定,所以,我们先使用原生的框架 MINA,后期再上手第三方框架就更容易了。