小程序商城项目一

项目预览

项目的技术选型

项目搭建步骤1

项目搭建步骤2

项目搭建步骤3

项目搭建步骤4

首页-搜索框

首页-获取轮播图数据

首页-轮播图-动态渲染

将原生的请求修改为promise的方式

小程序商城项目二

首页-分类导航

首页-楼层1

首页-楼层2

分类页面-接口数据和页面效果的关系

获取分类页面接口数据

分类-页面布局1

分类-页面布局2

分类-点击菜单切换商品内容

分类-使用缓存技术

分类-点击菜单-右侧列表置顶

小程序商城项目三

优化接口代码-提取公共接口路径

优化接口-简化返回值和使用es7的async

商品列表-获取分类id

商品列表-实现搜索框和tabs组件

商品列表-静态样式

商品列表-动态渲染

商品列表-加载下一页数据

商品列表-下拉刷新

添加全局的正在加载中图标效果

商品详情获取数据

小程序商城项目四

商品详情-接口数据和页面分析

商品详情-轮播图动态渲染

商品详情-价格&amp;名称&amp;图文详情

商品详情-优化动态渲染

商品详情-放大预览图片

商品详情-底部工具栏

商品详情-加入购物车

购物车-购物车分析&amp;收货按钮样式

购物车-收货地址分析

购物车-完整的获取收货地址流程

小程序商城项目五

购物车-优化获取收货地址的代码

购物车-收货地址和按钮切换显示

购物车-购物车列表-静态样式

购物车-底部工具栏-静态结构

购物车-数据动态渲染

购物车-全选-数据展示

购物车-总价格和总数量

购物车-商品选中

购物车-全选-反选

购物车-商品数量编辑

小程序商城项目六

购物车-商品删除

购物车-没有商品的状态提示

购物车-结算按钮功能

支付页面-数据展示

支付-支付权限的分析

支付-订单创建分析

支付-获取用户token

支付-创建订单

支付-完成微信支付

支付-移除购物车已经支付的数据

小程序商城项目七

封装统一的请求头到request方法中

登录-获取用户信息

个人中心-背景展示

个人中心-历史足迹&amp;我的订单-静态结构

个人中心-其他的静态结构

订单查询-引入tabs组件

订单查询-获取订单接口数据

订单查询-动态修改订单标题

订单查询-页面动态渲染

商品详情-页面加载获取收藏数据

小程序商城项目八

商品详情-点击图标切换收藏

个人中心-显示收藏的商品数量

商品收藏-引入自定义tabs组件

商品收藏-页面动态渲染

搜索中心-静态页面

搜索中心-渲染搜索结果

搜索中心-防抖的实现

搜索中心-页面痕迹重置

意见反馈-引入tabs组件

意见反馈-静态结构

小程序商城项目九

意见反馈-自定义图片组件

意见反馈-选择并显示图片

意见反馈-删除图片

意见反馈-提交功能

首页-添加商品的跳转链接

项目发布

传智播客广州校区

小程序之玩转商城项目【黑马程序员】（配源码笔记）

微信小程序是不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开的应用，在微信小程序的使用过程中，用户只增不减，很多的公司都开始研发属于自己的小程序，那么小程序该如何去制作并实现功能呢？本套视频教你一天打造企业级微信小程序的开发与应用。

小程序之玩转商城项目【黑马程序员】（配源码笔记）

你将获得

教学服务

讲师介绍

课程详情