收藏

微信小程序电商实战(前后端分离架构)

教你打造iOS、Android,Web多端适配的服务端标准API

微信小程序电商实战 从前端到后端的全流程精讲

难度 中级 时长 43小时35分钟 学习人数 4569 综合评分 9.98

微信小程序电商实战 从前端到后端的全流程精讲

  • 第1章 不同的时代,不同的Web( 累计解决3900+疑难问题) 试看 13 节 | 112分钟

    我们说,做一个产品,真的只是做一个产品吗?恐怕不是。现代的Web产品是一个产品矩阵,需要有良好的服务器端架构来支撑整个产品体系。本小节,我们将对现代Web体系做一个介绍,并对课程所需要学习的知识点有一个初步的了解。...

    收起列表

    • 视频: 1-1 前言与导语 (04:56) 试看
    • 视频: 1-2 产品所使用的技术 (10:14)
    • 视频: 1-3 课程流程与体系 (09:47)
    • 视频: 1-4 扩展课程:<三端分离> (04:44)
    • 视频: 1-5 项目特点 (11:20)
    • 视频: 1-6 TP5技术点简介 (07:59)
    • 视频: 1-7 微信技术点简介 (12:55)
    • 视频: 1-8 MySQL技术点简介 (04:40)
    • 视频: 1-9 学习方式 (05:26)
    • 视频: 1-10 前置知识需求 (07:18)
    • 视频: 1-11 扩展课程《理解Web与前端》 (16:50)
    • 视频: 1-12 扩展课程《第三方组件应该合理选择,特别是在学习阶段》 (13:09)
    • 视频: 1-13 维护与提问 (02:17)
  • 第2章 环境、工具与准备工作 10 节 | 116分钟

    工欲善其事必先利器。我们要做一个全栈项目,那么就必须先将环境搭建好。此小节中,我们将搭建产品开发、运行所需要的必须环境,并对常见工具的使用技巧进行详细的介绍。

    收起列表

    • 视频: 2-1 福利!新增38万字CMS专栏教程 (11:09)
    • 视频: 2-2 环境与开发工具 (09:47)
    • 视频: 2-3 安装xampp (14:23)
    • 视频: 2-4 下载ThinkPHP 5 (07:55)
    • 视频: 2-5 三端命名与运行ThinkPHP 5 (05:09)
    • 视频: 2-6 PHPStorm安装及常见使用技巧 (19:10)
    • 视频: 2-7 TP5层次结构 (18:01)
    • 视频: 2-8 扩展:TP5自带的Web Server (05:45)
    • 视频: 2-9 在PHPStorm下断点调试代码 (13:15)
    • 视频: 2-10 PATH_INFO URL路径模式解析 (11:10)
  • 第3章 模块、路由与获取请求参数 8 节 | 101分钟

    本小节中我们将对TP5的入口文件、三种URL访问模式、虚拟域名配置、路由定义等知识做详细的讲解。

    收起列表

    • 视频: 3-1 来编写一个简单的模块(多模块与模块命名空间) (11:16)
    • 视频: 3-2 配置虚拟域名简化URL路径 (10:21)
    • 视频: 3-3 安装PostMan (03:53)
    • 视频: 3-4 三种URL访问模式 (07:58)
    • 视频: 3-5 定义路由 (07:57)
    • 视频: 3-6 获取请求参数 (18:38)
    • 视频: 3-7 产品功能讲解与分析 (23:06)
    • 视频: 3-8 Navicat安装以及数据库设计初步分析 (17:01)
  • 第4章 构建验证层 7 节 | 85分钟

    客户端的输入永远是不可信的,我们将在此小节中使用TP5的Validate验证器来构建面向对象的验证层。

    收起列表

    • 视频: 4-1 Banner数据表设计分析 (09:40)
    • 视频: 4-2 Banner接口定义及自定义控制器多级目录 (07:14)
    • 视频: 4-3 Validate:独立验证 (12:49)
    • 视频: 4-4 Validate 验证器 (03:49)
    • 视频: 4-5 零食商贩结构体系详解 (13:31)
    • 视频: 4-6 自定义验证规则 (17:19)
    • 视频: 4-7 工欲善其事必先利器:构建接口参数校验层 (20:21)
  • 第5章 REST与RESTFul 4 节 | 37分钟

    REST的流行距今为止已经差不多有10年了。不管你是否选择使用RESTFul API,但至少我们需要了解它。本小节,我们将对REST与RESTFul API的最佳实践做详细的讲解。

    收起列表

    • 视频: 5-1 介绍下REST之前的重要协议:SOAP (07:00)
    • 视频: 5-2 RESTFul API 的特点解析 (08:44)
    • 视频: 5-3 RESTFul API的最佳实践 (12:29)
    • 视频: 5-4 如何学习RESTFul API设计 (08:31)
  • 第6章 AOP与全局异常处理 试看 11 节 | 146分钟

    我们经常在写代码时会遇到异常、抛出异常,处理异常。可异常究竟怎么处理更加合适?异常怎么表示更加标准和规范?本小节,我们将使用TP5的特性和AOP的思想来构建一个全局异常处理层。

    收起列表

    • 视频: 6-1 正确理解异常处理流程 (13:23)
    • 视频: 6-2 固有的处理异常的思维模式与流程 (14:23)
    • 视频: 6-3 理清思路,总结异常的分类_ (06:33)
    • 视频: 6-4 实现自定义全局异常处理 上 (17:04)
    • 视频: 6-5 实现自定义全局异常处理 下 (16:04)
    • 视频: 6-6 ThinkPHP5中的日志系统 (14:34)
    • 视频: 6-7 在全局异常处理中加入日志记录 (09:13)
    • 视频: 6-8 全局异常处理的应用 上 (25:23) 试看
    • 视频: 6-9 全局异常处理的应用 中 (12:04)
    • 视频: 6-10 全局异常处理的应用 下 (04:16)
    • 视频: 6-11 本章小结与AOP思想 (12:56)
  • 第7章 数据库访问与ORM 12 节 | 174分钟

    服务器代码很大一部分都是对数据的整理、操作、运算,数据库作为数据的来源必然是整个服务器端的重中之重。我们将在本小节中,详细学习TP5的数据库访问知识以及说明是ORM,如何使用ORM的思想来对数据库进行增删改查。

    收起列表

    • 视频: 7-1 数据库操作三种方式之原生SQL (19:09)
    • 视频: 7-2 从一个错误了解Exception的继承关系 (13:23)
    • 视频: 7-3 TP5数据库中间层架构解析 (23:06)
    • 视频: 7-4 查询构造器 一 (13:28)
    • 视频: 7-5 查询构造器 二 (13:20)
    • 视频: 7-6 查询构造器 三 (11:12)
    • 视频: 7-7 开启SQL日志记录 (16:07)
    • 视频: 7-8 ORM与模型 (10:19)
    • 视频: 7-9 初识模型 (17:47)
    • 视频: 7-10 模型定义总结 (08:33)
    • 视频: 7-11 静态调用还是实例对象调用 (09:59)
    • 视频: 7-12 几种查询动词的总结与ORM性能问题的探讨 (16:47)
  • 第8章 专题、分类、商品详情接口编写 22 节 | 305分钟

    本小节我们将综合使用之前学习的知识,编写专题、分类和商品等模块的接口,加深对知识的理解。

    收起列表

    • 视频: 8-1 Banner相关表分析(数据表关系分析) (14:37)
    • 视频: 8-2 模型关联----定于关联与查询关联 (16:25)
    • 视频: 8-3 模型关联----嵌套关联查询 (12:00)
    • 视频: 8-4 隐藏模型字段 (19:06)
    • 视频: 8-5 在模型内部隐藏字段 (13:05)
    • 视频: 8-6 图片资源URL配置 (16:54)
    • 视频: 8-7 读取器的巧妙应用 (14:40)
    • 视频: 8-8 自定义模型基类 (12:27)
    • 视频: 8-9 定义API版本号 (14:48)
    • 视频: 8-10 专题接口模型分析 (18:08)
    • 视频: 8-11 一对一关系解析 (09:26)
    • 视频: 8-12 Theme接口验证与重构 (22:19)
    • 视频: 8-13 完成Theme简要信息接口 (11:35)
    • 视频: 8-14 开启路由完整匹配模式 (08:30)
    • 视频: 8-15 编写Theme详情接口 (10:00)
    • 视频: 8-16 数据库字段冗余的合理利用 (12:45)
    • 视频: 8-17 REST的合理利用 (10:53)
    • 视频: 8-18 最近新品接口编写 (22:56)
    • 视频: 8-19 使用数据集还是数组? (15:30)
    • 视频: 8-20 分类列表接口编写 (09:18)
    • 视频: 8-21 扩展:接口粒度与接口分层 (08:13)
    • 视频: 8-22 分类商品接口编写 (10:31)
  • 第9章 微信登录与令牌 16 节 | 257分钟

    用户登录、权限分级与接口保护对于API来说是非常重要的。我们将使用微信的身份认证体系来实现免密登陆、使用Token令牌来替代我们传统Web开发中的Cookie进行用户身份验证与权限分级。在有了Token令牌后,我们就可以对用户相关接口:收货地址进行编写了。...

    收起列表

    • 视频: 9-1 初识Token---意义与作用 (10:01)
    • 视频: 9-2 微信身份体系设计 (14:18)
    • 视频: 9-3 实现Token身份权限体系 (13:11)
    • 视频: 9-4 实现Token身份权限体系二---获取openid (20:48)
    • 视频: 9-5 实现Token身份权限体系三 (19:17)
    • 视频: 9-6 实现Token身份权限体系四 (14:50)
    • 视频: 9-7 实现Token身份权限体系五 (21:30)
    • 视频: 9-8 API小程序测试工具 (19:14)
    • 视频: 9-9 商品详情接口分析与初步编写 (16:51)
    • 视频: 9-10 路由变量规则与分组 (12:16)
    • 视频: 9-11 闭包函数构建查询器 (16:46)
    • 视频: 9-12 用户收货地址-----通过令牌获取用户标识 (18:35)
    • 视频: 9-13 用户收货地址-----面向对象的方式封装获取UID方法 (18:33)
    • 视频: 9-14 用户收货地址-----模型新增和更新 (18:08)
    • 视频: 9-15 用户收货地址-----参数过滤 (12:44)
    • 视频: 9-16 用户收货地址-----接口测试 (09:08)
  • 第10章 微信支付 37 节 | 537分钟

    微信支付我们经常使用,但我们了解微信支付的整个流程吗?本小节,我们将详细介绍微信支付的整个流程并编写产品的下单、支付与处理支付结果的相关接口。

    收起列表

    • 视频: 10-1 Scope权限作用域的应用 (14:19)
    • 视频: 10-2 前置方法 (08:12)
    • 视频: 10-3 对Address接口做权限控制 (13:50)
    • 视频: 10-4 下单与支付的业务流程(库存量检测) (17:44)
    • 视频: 10-5 下单与支付详细流程 (06:11)
    • 视频: 10-6 重构权限控制前置方法 (24:28)
    • 视频: 10-7 编写一个复杂的验证器 (17:39)
    • 视频: 10-8 下单接口业务模型 一 (15:42)
    • 视频: 10-9 下单接口业务模型 二 (30:49)
    • 视频: 10-10 订单快照 (22:41)
    • 视频: 10-11 订单快照的实现 (21:01)
    • 视频: 10-12 订单创建 (26:26)
    • 视频: 10-13 一对多关系的新增操作 (07:48)
    • 视频: 10-14 测试订单接口 (14:03)
    • 视频: 10-15 TP5自动写入时间戳 (07:23)
    • 视频: 10-16 在TP5中使用事务 (08:23)
    • 视频: 10-17 关于微信支付 (03:57)
    • 视频: 10-18 支付的服务器端编写 一 (16:31)
    • 视频: 10-19 支付的服务器端编写 二 (08:41)
    • 视频: 10-20 支付的服务器端编写 三 (24:16)
    • 视频: 10-21 支付的服务器端编写 四 (22:40)
    • 视频: 10-22 支付的服务器端编写 五 (11:47)
    • 视频: 10-23 支付的服务器端编写 六 (14:19)
    • 视频: 10-24 支付的服务器端编写 七 (07:01)
    • 视频: 10-25 支付的小程序端讲解(含签名的作用讲解) 八 (13:46)
    • 视频: 10-26 支付的服务器端编写 九 (12:09)
    • 视频: 10-27 统一测试订单与支付接口 十 (07:16)
    • 视频: 10-28 支付的服务器端编写(支付结果回调机制) 十一 (08:47)
    • 视频: 10-29 支付回调通知处理 一 (14:56)
    • 视频: 10-30 支付回调通知处理 二 (23:44)
    • 视频: 10-31 事务与锁防止多次减库存 (08:30)
    • 视频: 10-32 接收微信回调 (15:02)
    • 视频: 10-33 测试支付全流程 (13:44)
    • 视频: 10-34 可以断点调试微信支付的回调吗? (12:30)
    • 视频: 10-35 TP5中的分页查询与获取用户历史订单数据 (22:36)
    • 视频: 10-36 测试与验证历史订单数据接口 (07:39)
    • 视频: 10-37 订单详情接口 (09:19)
  • 第11章 前端部分:前端框架构建与令牌管理,首页、专题、分类等模块编写 26 节 | 391分钟

    本章我们将开始前端代码的编写。我们在本小节中将介绍前端编码的一些规范并动手实现一些基础框架功能。此外,我们还将编写产品的首页、专题以及分类等模块。

    收起列表

    • 视频: 11-1 小程序部分开场白与新建小程序项目 (07:35)
    • 视频: 11-2 新建首页页面与小程序中的MVC (09:50)
    • 视频: 11-3 使用ES6构建面向对象的JS代码及访问服务器API获取数据 (22:25)
    • 视频: 11-4 异步回调与箭头函数 (11:17)
    • 视频: 11-5 构建请求基类(重要) (19:31)
    • 视频: 11-6 请求基类的应用 (12:34)
    • 视频: 11-7 使用数据绑定将数据显示在UI上 (10:00)
    • 视频: 11-8 商品主题UI与数据加载 (20:55)
    • 视频: 11-9 wxif 的应用 (06:53)
    • 视频: 11-10 小程序模板的分析与应用 (26:00)
    • 视频: 11-11 全局样式与复用思想 (13:43)
    • 视频: 11-12 页面跳转11-12 (09:43)
    • 视频: 11-13 页面间传递与接收参数 (18:54)
    • 视频: 11-14 window与tarbar的配置 (10:07)
    • 视频: 11-15 主题页面与数据 (23:12)
    • 视频: 11-16 动态设置导航栏标题. (07:58)
    • 视频: 11-17 商品详情页面 一 (19:21)
    • 视频: 11-18 商品详情页面 二 Picker组件详解 (18:11)
    • 视频: 11-19 商品详情页面 三 自定义选项卡切换思路 (24:37)
    • 视频: 11-20 商品详情页面 四 (09:21)
    • 视频: 11-21 商品分类页面 一 (17:51)
    • 视频: 11-22 商品分类页面 二 (17:52)
    • 视频: 11-23 数据从服务器到前端交互的流程总结(重要) (10:56)
    • 视频: 11-24 商品分类切换 三 (19:16)
    • 视频: 11-25 拒绝频繁向服务器发送请求 (17:57)
    • 视频: 11-26 分类商品跳转到商品详情 (03:57)
  • 第12章 购物车 11 节 | 141分钟

    购物车的操作是整个前端中最为复杂,本章节中我们将实现客户端的购物车功能。

    收起列表

    • 视频: 12-1 以面向对象的方式编写购物车操作代码 (20:12)
    • 视频: 12-2 商品详情页面加载时显示购物车商品数量 (23:49)
    • 视频: 12-3 商品详情页面动态响应用户加入购物车操作 (04:37)
    • 视频: 12-4 购物车页面开发 一 (23:43)
    • 视频: 12-5 购物车页面开发 二 (16:47)
    • 视频: 12-6 购物车页面开发 三 自定义checkbox及状态控制_x264 (13:50)
    • 视频: 12-7 购物车页面开发 四 (07:17)
    • 视频: 12-8 购物车页面开发 五 (11:42)
    • 视频: 12-9 购物车页面开发 六 (03:23)
    • 视频: 12-10 购物车页面开发 七 (04:25)
    • 视频: 12-11 这个问题你发现了吗 (10:15)
  • 第13章 实现微信支付、购买商品流程与用户历史订单 试看 24 节 | 270分钟

    微信支付必须是服务器与客户端一起配合完成的。本章中,我们将来实现商品的完整购买流程。

    收起列表

    • 视频: 13-1 订单详情页面 (15:03)
    • 视频: 13-2 添加用户收货地址 (23:27)
    • 视频: 13-3 保存用户收货地址 (06:42)
    • 视频: 13-4 客户端令牌管理机制 (重要) (09:59) 试看
    • 视频: 13-5 新增API令牌验证接口 (06:34)
    • 视频: 13-6 客户端Token类实现 (07:07)
    • 视频: 13-7 重构Base下的Request方法 (21:05)
    • 视频: 13-8 解决无限未授权重试的问题 (06:44)
    • 视频: 13-9 测试未授权重试机制 (09:43)
    • 视频: 13-10 在Order页面加载和显示用户地址 (04:10)
    • 视频: 13-11 服务器API新增获取用户地址信息接口 (03:05)
    • 视频: 13-12 下单与支付 (26:38)
    • 视频: 13-13 支付后刷新订单详情页面 (23:37)
    • 视频: 13-14 修复订单快照下商品图片的问题 (07:02)
    • 视频: 13-15 订单状态未成功修改的原因 (07:31)
    • 视频: 13-16 点击按钮返回订单详情页面 (05:40)
    • 视频: 13-17 获取用户信息 (13:21)
    • 视频: 13-18 显示用户收货地址 (08:01)
    • 视频: 13-19 初步显示历史订单 (06:58)
    • 视频: 13-20 分页加载历史订单数据 (13:16)
    • 视频: 13-21 重构订单详情页面 (18:25)
    • 视频: 13-22 在我的订单里进行支付 (09:43)
    • 视频: 13-23 避免重复刷新订单列表 (10:56)
    • 视频: 13-24 弹出用户收货地址授权界面 (04:39)
  • 第14章 CMS与CORS跨域 9 节 | 126分钟

    不用开源的CMS管理系统,我们自己动手来编写一个小型的CMS框架,并实现微信模板消息的发送。

    收起列表

    • 视频: 14-1 如何理解CMS在架构中的位置 (14:01)
    • 视频: 14-2 访问CMS (08:42)
    • 视频: 14-3 应用令牌获取接口与应用令牌的理解 (18:29)
    • 视频: 14-4 获取所有订单(分页) (07:39)
    • 视频: 14-5 微信模板消息介绍 (10:32)
    • 视频: 14-6 实现发送模板消息 (19:08)
    • 视频: 14-7 测试发送模板消息 (20:12)
    • 视频: 14-8 分离CMS (07:38)
    • 视频: 14-9 CORS跨域的概念与TP5的解决方案 (19:02)
  • 第15章 小程序部署流程与TP5在生产环境中的优化 2 节 | 24分钟

    本章节将对产品做一个整体的回顾,并讲解小程序从开发到发布再到部署的全部流程以及一些服务器的基本优化措施。

    收起列表

    • 视频: 15-1 生成数据库表字段与路由缓存提升性能 (11:06)
    • 视频: 15-2 另一种思路处理库存量的问题 (12:51)
本课程已完结

试看

全部试看小节



讲师

7七月 全栈工程师

十年研发及团队管理经验,对程序员面临的各种问题深有体会;精通Python、Java、Node.js、JavaScript等语言,对Web的基础研发、高并发处理与分布式有非常深入的理解。课程讲解深入浅出,极为擅长培养学生的编程思维。

讲师其他课程

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题