人工精选尚硅谷最新版微信小程序基础与慕尚花坊项目
如果你在工作中被要求"做个微信小程序",或者想接私活、做自己的小工具,这套资料是冲着"能独立写出一个带交易流程的小程序"去的。它不讲空泛概念,从原生语法一路推到完整电商项目,中间没有跳步。下面按"解决什么问题、适合什么基础、怎么用"三块说清楚。 它解决的是"从会写页面到能交付"这一段 很多人卡在中间
会员可免费下载本篇月会员、年会员、永久会员可按日额度下载(每篇扣 1 次)。
开通会员 ›会员 A · 按档位折扣
会员 B
游客按标价购买,不享受上表折扣。
支付成功后自动发放网盘链接,链接失效可找客服免费补
如果你在工作中被要求"做个微信小程序",或者想接私活、做自己的小工具,这套资料是冲着"能独立写出一个带交易流程的小程序"去的。它不讲空泛概念,从原生语法一路推到完整电商项目,中间没有跳步。下面按"解决什么问题、适合什么基础、怎么用"三块说清楚。
它解决的是"从会写页面到能交付"这一段
很多人卡在中间:看得懂文档,能拼出静态页面,但一遇到登录、支付前的订单流程、分类联动、分包加载就不知道从哪下手。这套内容把微信小程序的原生能力拆成两条线——一条是基础线,覆盖配置、WXML 语法、列表与条件渲染、事件系统、生命周期、自定义组件(属性、插槽、组件通信)、分包加载、转发等开放能力;另一条是项目线,用"慕尚花坊"这个电商场景把前面的知识点串起来:商品分类的一级二级联动、商品详情、购物车、收货地址、token 登录、订单提交与参数校验。
换句话说,它解决的不是"小程序是什么",而是"一个能下单的小程序怎么一步步搭出来"。学完你至少能独立完成一个包含分类浏览、加购、登录、下单的完整前端流程,而不是只会做几个 demo 页面。
适合什么基础,不建议谁直接上手
需要你具备 HTML、CSS、JavaScript 的基础,尤其是 JS 里的数组方法、对象操作、异步请求(Promise、async/await)和模块化概念。如果这些还模糊,直接看自定义组件和项目部分会很吃力,建议先把 JS 补一补再回来。
如果你完全没写过前端,这套资料不是零基础入门课,它默认你能看懂标签和样式。另外,它偏原生小程序开发,不是 uni-app 或 Taro 那类跨端框架,想学跨端的话方向不对。
建议的观看顺序和练习方式
不要按编号从头到尾匀速刷。建议分三段:
- 第一段先看配置、WXML 语法、事件系统和生命周期这几块,边看边在开发者工具里敲一遍,重点是理解数据绑定和事件传参,这是后面所有内容的地基。
- 第二段集中攻自定义组件和分包加载。组件这块一定要自己动手封装一个可复用的列表项或弹窗,光看视频很容易"以为会了"。
- 第三段再进项目。项目部分不要照着抄,先看它要做什么功能,自己试着写,卡住了再回去看对应章节。分类联动、token 登录、订单参数校验这三处是项目里最容易出问题的地方,值得反复对照。
资料里的 PPT 适合当速查手册,遇到记不清的配置项或语法再翻,不适合当主线看。视频按功能模块划分得比较细,一个知识点一集,方便你定位到具体问题,但也意味着容易碎片化,最好带着"我要做某个功能"的目标去挑着看。
整体判断:这是一套偏实操的原生小程序资料,适合已经会前端、想补齐小程序开发能力并做出一个完整项目的人。如果你期待的是零基础手把手或者跨端方案,它并不对口;如果你正好卡在"能写页面但做不出完整业务"这一步,它的项目线值得认真跟一遍。
课程目录
课程目录202 集
- 📁 尚硅谷最新版微信小程序+项目【小程序基础与慕尚花坊项目】 📁 视频 📄 PPT.zip
- 📄 081-分包加载-配置分包以及打包和引用原则.mp4
- 📄 128-商品分类-获取并渲染二级分类数据.mp4
- 📄 040-wxml语法-列表渲染-基本使用.mp4
- 📄 097-项目初始化-创建项目与项目初始化.mp4
- 📄 192-商品结算-提交订单请求参数验证.mp4
- 📄 031-事件系统-事件绑定和事件对象.mp4
- 📄 127-商品分类-渲染一级分类并实现切换功能.mp4
- 📄 086-开放能力-转发功能.mp4
- 📄 187-商品结算-获取收货地址.mp4
- 📄 060-自定义组件-属性 properties.mp4
- 📄 075-自定义组件-完善复选框案例并总结自定义组件.mp4
- 📄 138-用户登录-什么是 token.mp4
- 📄 014-配置文件-全局配置-tabbar 配置.mp4
- 📄 062-自定义组件-组件样式和注意事项.mp4
- 📄 016-配置文件-项目配置文件和配置sass.mp4
- 📄 200-项目上线-演示上线流程.mp4
- 📄 070-自定义组件-组件所在页面的生命周期.mp4
- 📄 044--生命周期-小程序更新机制.mp4
- 📄 029-组件-组件案例-字体图标的使用.mp4
- 📄 177-购物车-获取并渲染购物车列表.mp4
- 📄 132-框架扩展-在页面中使用 Store 数据-方式1.mp4
- 📄 010-小程序基础-如何调试小程序代码.mp4
- 📄 186-订单结算-配置分包并跳转到结算页面+接口 API.mp4
- 📄 143-用户信息-使用数据渲染用户信息.mp4
- 📄 120-网络请求封装-接口调用方式说明.mp4
- 📄 167-商品管理-商品列表-节流阀进行列表节流.mp4
- 📄 084-开放能力-获取微信头像.mp4
- 📄 079-npm支持-Vant Weapp 组件样式覆盖.mp4
- 📄 076-npm支持-如何使用 npm 包.mp4
- 📄 153-收货地址-开通腾讯位置服务.mp4
- 📄 148-收货地址-定义新增参数以及封装接口 API.mp4
- 📄 099-项目初始化-集成项目页面文件和基础配置.mp4
- 📄 027-组件-组件案例-推荐商品区域-滚动效果.mp4
- 📄 107-网络请求封装-设置请求参数.mp4
- 📄 036-wxml语法-setData() 修改数据.mp4
- 📄 199-代码优化-代码优化与代码质量检测.mp4
- 📄 180-购物车-实现全选和全不选功能.mp4
- 📄 171-购物车-封装购物车接口 API.mp4
- 📄 041-wxml语法-列表渲染-进阶用法.mp4
- 📄 080-分包加载-介绍分包加载.mp4
- 📄 106-网络请求封装-request 实例方法.mp4
- 📄 165-商品管理-商品列表-实现上拉加载更多功能.mp4
- 📄 142-用户信息-获取用户信息并存储到 Store.mp4
- 📄 048-生命周期-生命周期两个细节补充.mp4
- 📄 130-框架扩展-mobx-miniprogram 创建 Store 对象.mp4
- 📄 008-小程序基础-创建小程序项目.mp4
- 📄 053-小程序API-本地存储.mp4
- 📄 068-自定义组件-组件通信-获取组件实例.mp4
- 📄 088-开放能力-手机号验证组件.mp4
- 📄 096-项目初始化-开发前置-申请开发权限.mp4
- 📄 094-小程序上线发布流程.mp4
- 📄 018-样式和组件-小程序的样式和组件介绍.mp4
- 📄 055-小程序API-页面处理函数-上拉加载.mp4
- 📄 144-分包处理-配置分包以及预下载.mp4
- 📄 193-小程序支付-梳理小程序支付流程.mp4
- 📄 183-购物车-更新商品购买数量防抖.mp4
- 📄 104-通用模块封装-封装本地存储 API.mp4
- 📄 011-配置文件-配置文件介绍.mp4
- 📄 066-自定义组件-组件通信-父往子传值.mp4
- 📄 125-项目首页-首页骨架屏组件.mp4
- 📄 194-小程序支付-创建平台订单.mp4
- 📄 147-更新用户信息-更新用户昵称.mp4
- 📄 135-框架扩展-绑定多个 store 以及命名空间.mp4
- 📄 114-网络请求封装-添加 loading.mp4
- 📄 038-wxml语法-拓展-setData修改数组类型数据.mp4
- 📄 033-事件系统-事件传参-data-自定义数据.mp4
- 📄 182-购物车-更新商品的购买数量.mp4
- 📄 050-小程序API-发起网络请求.mp4
- 📄 073-自定义组件-拓展-组件复用机制 behaviors.mp4
- 📄 181-购物车-更新商品购买数量思路分析.mp4
- 📄 021-组件-组件案例演示-划分页面结构.mp4
- 📄 168-商品管理-商品列表-实现下拉刷新功能.mp4
- 📄 092-补充-小程序组件通信-事件总线.mp4
- 📄 140-用户登录-实现小程序登录功能.mp4
- 📄 022-组件-组件案例-轮播图区域绘制.mp4
- 📄 184-购物车-购物车商品合计.mp4
- 📄 152-收货地址-拒绝授权和授权完整的流程.mp4
- 📄 083-分包加载-分包预下载.mp4
- 📄 009-文件和目录结构介绍+新建要么与调试基础库.mp4
- 📄 118-网络请求封装-使用 npm 包发送请求.mp4
- 📄 163-商品管理-商品列表-准备列表请求参数.mp4
- 📄 157-收货地址-实现新增收货地址.mp4
- 📄 090-补充-框架接口-getApp()-全局数据共享.mp4
- 📄 039-wxml语法-简易双向数据绑定.mp4
- 📄 178-购物车-更新商品的购买状态.mp4
- 📄 035-wxml语法-声明和绑定数据.mp4
- 📄 123-项目首页-实现轮播图和指示点的联动.mp4
- 📄 116-网络请求封装-控制 loading 显示.mp4
- 📄 117-网络请求封装-封装 uploadFile.mp4
- 📄 030-组件-背景图片的使用.mp4
- 📄 064-自定义组件-拓展-小程序修改checkbox样式.mp4
- 📄 043-生命周期-小程序运行机制.mp4
- 📄 131-框架扩展-在组件中使用 Store 数据.mp4
- 📄 025-组件-组件案例-商品导航区域.mp4
- 📄 151-收货地址-地理定位功能介绍.mp4
- 📄 134-框架扩展-fields、actions 对象写法.mp4
- 📄 126-商品分类-获取商品分类数据.mp4
- 📄 059-自定义组件-数据和方法(1).mp4
- 📄 190-商品结算-获取立即购买商品数据.mp4
- 📄 003-小程序基础-注册微信小程序账号.mp4
- 📄 119-环境变量-小程序设置环境变量.mp4
- 📄 137-框架扩展-拓展:Mobx 与 Computed 结合使用.mp4
- 📄 124-项目首页-商品导航+活动区域+猜你喜欢+人气推荐.mp4
- 📄 113-网络请求封装-请求封装-添加并发请求.mp4
- 📄 026-组件-组件案例-点击商品导航跳转到商品列表.mp4
- 📄 089-开放能力-客服功能.mp4
- 📄 164-商品管理-商品列表-获取商品列表数据并渲染.mp4
- 📄 057-小程序API-拓展-增强 scroll-view.mp4
- 📄 095-项目初始化-慕尚花坊项目介绍.mp4
- 📄 007-小程序基础-微信开发者工具下载.mp4
- 📄 129-框架扩展-mobx-miniprogram 介绍.mp4
- 📄 161-收货地址-拓展-删除滑块 SwipeCell 自动收起.mp4
- 📄 172-购物车-加入购物车-模板分析和渲染.mp4
- 📄 077-npm支持-自定义构建 npm.mp4
- 📄 023-组件-组件案例-轮播图图片添加.mp4
- 📄 189-商品结算-获取订单详情数据.mp4
- 📄 047-生命周期-页面生命周期.mp4
- 📄 006-小程序基础-小程序开发者 ID.mp4
- 📄 037-wxml语法-拓展-setData修改对象类型数据.mp4
- 📄 067-自定义组件-组件通信-子往父传值.mp4
- 📄 122-项目首页-分析轮播图区域并渲染.mp4
- 📄 085-开放能力-获取微信昵称.mp4
- 📄 141-用户信息-用户信息存储到 Store.mp4
- 📄 004-小程序基础-完善小程序账号信息.mp4
- 📄 170-商品管理-优化-小程序配置 @ 路径别名优化访问路径.mp4
- 📄 046-生命周期-应用生命周期.mp4
- 📄 162-商品管理-配置商品管理分包-封装商品模块接口 API.mp4
- 📄 159-收货地址-实现更新收货地址功能.mp4
- 📄 087-开放能力-分享到朋友圈.mp4
- 📄 012-配置文件-全局配置-pages 配置.mp4
- 📄 154-收货地址-腾讯位置服务逆地址解析获取地址.mp4
- 📄 056-小程序API-页面处理函数-下拉刷新.mp4
- 📄 169-商品管理-商品详情渲染+预览图片.mp4
- 📄 146-更新用户信息-更新用户头像.mp4
- 📄 188-商品结算-更新收货地址功能.mp4
- 📄 074-自定义组件-拓展-外部样式类.mp4
- 📄 072-自定义组件-拓展-使用 Component 构造页面.mp4
- 📄 166-商品管理-商品列表-判断数据是否加载完毕.mp4
- 📄 091-补充-eventChannel-页面间通信.mp4
- 📄 197-小程序支付-支付状态查询.mp4
- 📄 108-网络请求封装-封装请求快捷方法.mp4
- 📄 175-购物车-加入购物车-展示购物车购买数量.mp4
- 📄 145-更新用户信息-渲染用户信息.mp4
- 📄 155-收货地址-表单验证-async-validator 基本使用.mp4
- 📄 191-商品结算-收集送达时间.mp4
- 📄 110-网络请求封装-定义请求-响应拦截器.mp4
- 📄 196-小程序支付-发起微信支付.mp4
- 📄 054-小程序API-路由与通信-编程式导航.mp4
- 📄 005-小程序基础-项目成员和体验成员.mp4
- 📄 071-自定义组件-总结小程序生命周期.mp4
- 📄 112-网络请求封装-使用请求-响应拦截器.mp4
- 📄 103-通用模块封装-模态对话框封装.mp4
- 📄 105-网络请求封装-为什么要封装 wx.request.mp4
- 📄 098-项目初始化-自定义构建 npm以及集成Sass.mp4
- 📄 109-网络请求封装-wx.request 的注意事项.mp4
- 📄 052-小程序API-界面交互-模态对话框-消息提示框.mp4
- 📄 069-自定义组件-组件生命周期.mp4
- 📄 063-自定义组件-组件样式隔离.mp4
- 📄 045-生命周期-小程序生命周期介绍.mp4
- 📄 019-样式-尺寸单位rpx介绍.mp4
- 📄 158-收货地址-收货地址列表渲染.mp4
- 📄 032-事件系统-事件分类以及阻止事件冒泡.mp4
- 📄 059-自定义组件-数据和方法.mp4
- 📄 061-自定义组件-组件wxml的slot.mp4
- 📄 002-小程序基础-初识微信小程序.mp4
- 📄 160-收货地址-实现删除收货地址.mp4
- 📄 195-小程序支付-获取预付单信息.mp4
- 📄 017-配置文件-sitemap.json 文件.mp4
- 📄 020-样式-全局样式和局部样式.mp4
- 📄 049-小程序API-小程序API介绍.mp4
- 📄 139-用户登录-小程序登录流程介绍.mp4
- 📄 173-购物车-加入购物车-页面关联 Store 对象.mp4
- 📄 133-框架扩展-在页面中使用 Store 数据-方式2.mp4
- 📄 136-框架扩展-miniprogram-computed 计算属性和监听器.mp4
- 📄 150-收货地址-收集新增地址其他请求参数.mp4
- 📄 100-拓展-VsCode 开发小程序项目和代码格式化.mp4
- 📄 024-组件-组件案例-绘制公司信息区域.mp4
- 📄 058-自定义组件-创建-注册-使用组件.mp4
- 📄 179-购物车-控制全选按钮的选中状态.mp4
- 📄 111-网络请求封装-完善请求-响应拦截器.mp4
- 📄 156-收货地址-新增收货地址表单验证.mp4
- 📄 082-分包加载-独立分包的配置.mp4
- 📄 078-npm支持-vant组件库的使用.mp4
- 📄 174-购物车-加入购物车和立即购买区分处理.mp4
- 📄 051-小程序API-界面交互-loading 提示框.mp4
- 📄 176-购物车-购物车关联 Store 对象.mp4
- 📄 065-自定义组件-数据监听器observers.mp4
- 📄 093-补充-自定义导航栏.mp4
- 📄 101-通用模块封装-为什么进行模块封装.mp4
- 📄 149-收货地址-收集省市区数据.mp4
- 📄 001.教程简介.mp4
- 📄 185-购物车-删除购物车中的商品.mp4
- 📄 042-wxml语法-条件渲染.mp4
- 📄 034-事件系统-事件传参-mark 自定义数据.mp4
- 📄 115-网络请求封装-完善 loading.mp4
- 📄 028-组件-组件案例-推荐商品区域-实现结构样式.mp4
- 📄 015-配置文件-页面配置.mp4
- 📄 198-订单列表-梳理订单列表模块代码.mp4
- 📄 102-通用模块封装-消息提示模块封装.mp4
- 📄 013-配置文件-全局配置-window 配置.mp4
- 📄 121-项目首页-获取首页数据.mp4





