尚硅谷Java培训

小程序基础与慕尚花坊项目

视频介绍

从入门到实战,基于微信小程序新版API规范,真正对标企业级项目开发。学习微信小程序开发,这一套教程就够了!

教程内容涵盖:基础概念、内置组件、内置 API、配置文件、事件处理、模板语法、自定义组件、组件通讯、插槽、NPM支持、分包加载、框架扩展、状态管理、计算属性、页面组件生命周期、小程序开放能力、上线发布流程等核心知识点。

项目基于原生小程序开发,包含首页、商品分类、商品列表、商品详情、微信登录、用户管理、获取用户的微信头像和昵称、收货地址管理、LBS逆地址解析、地理定位授权完整流程、购物车、订单管理、骨架屏等诸多业务功能。

涉及众多行业解决方案:手动封装网络请求模块获取数据、分包加载降低小程序启动时间、LBS逆解析选择收货地址、地址位置服务完整的实现流程、获取小程序用户的微信昵称和头像、async-validator实现表单验证、miniprogram-licia实现节流和防抖、miniprogram-computed实现计算属性功能、mobx-miniprogram实现状态管理等。

视频目录 选集

  • 001.教程介绍
  • 002.小程序基础-初识微信小程序
  • 003.小程序基础-注册微信小程序账号
  • 004.小程序基础-完善小程序账号信息
  • 005.小程序基础-项目成员和体验成员
  • 006.小程序基础-小程序开发者 ID
  • 007.小程序基础-微信开发者工具下载
  • 008.小程序基础-创建小程序项目
  • 009.文件和目录结构介绍+新建页面与调试基础库
  • 010.小程序基础-如何调试小程序代码
  • 011.配置文件-配置文件介绍
  • 012.配置文件-全局配置-pages配置
  • 013.配置文件-全局配置-window配置
  • 014.配置文件-全局配置-tabbar配置
  • 015.配置文件-页面配置
  • 016.配置文件-项目配置文件和配置Sass
  • 017.配置文件-Sitemap.json 文件
  • 018.样式和组件-小程序的样式和组件介绍
  • 019.样式-尺寸单位rpx介绍
  • 020.样式-全局样式和局部样式
  • 021.组件-组件案例演示-划分页面结构
  • 022.组件-组件案例-轮播图区域绘制
  • 023.组件-组件案例-轮播图图片添加
  • 024.组件-组件案例-绘制公司信息区域
  • 025.组件-组件案例-商品导航区域
  • 026.组件-组件案例-点击商品导航跳转到商品列表
  • 027.组件-组件案例-推荐商品区域-滚动效果
  • 028.组件-组件案例-推荐商品区域-实现结构样式
  • 029.组件-组件案例-字体图标的使用
  • 030.组件-背景图片的使用
  • 031.事件系统-事件绑定和事件对象
  • 032.事件系统-事件分类以及阻止事件冒泡
  • 033.事件系统-事件传参-data-自定义数据
  • 034.事件系统-事件传参-mark-自定义数据
  • 035.wxml语法-声明和绑定数据
  • 036.wxml语法-SetData() 修改数据
  • 037.wxml语法-拓展-SetData修改对象类型数据
  • 038.wxml语法-拓展-SetData修改数组类型数据
  • 039.wxml语法-简易双向数据绑定
  • 040.wxml语法-列表渲染-基本使用
  • 041.wxml语法-列表渲染-进阶用法
  • 042.wxml语法-条件渲染
  • 043.生命周期-小程序运行机制
  • 044.生命周期-小程序更新机制
  • 045.生命周期-小程序生命周期介绍
  • 046.生命周期-应用生命周期
  • 047.生命周期-页面生命周期
  • 048.生命周期-生命周期两个细节补充
  • 049.小程序API-小程序API介绍
  • 050.小程序API-发起网络请求
  • 051.小程序API-界面交互-loading 提示框
  • 052.小程序API-界面交互-模态对话框-消息提示框
  • 053.小程序API-本地存储
  • 054.小程序API-路由与通信-编程式导航
  • 055.小程序API-页面处理函数-上拉加载
  • 056.小程序API-页面处理函数-下拉刷新
  • 057.小程序API-拓展-增强 scroll-view
  • 058.自定义组件-创建-注册-使用组件
  • 059.自定义组件-数据和方法
  • 060.自定义组件-属性 properties
  • 061.自定义组件-组件wxml的slot
  • 062.自定义组件-组件样式和注意事项
  • 063.自定义组件-组件样式隔离
  • 064.自定义组件-拓展-小程序修改checkbox样式
  • 065.自定义组件-数据监听器observers
  • 066.自定义组件-组件通信-父往子传值
  • 067.自定义组件-组件通信-子往父传值
  • 068.自定义组件-组件通信-获取组件实例
  • 069.自定义组件-组件生命周期
  • 070.自定义组件-组件所在页面的生命周期
  • 071.自定义组件-总结小程序生命周期
  • 072.自定义组件-拓展-使用 Component 构造页面
  • 073.自定义组件-拓展-组件复用机制 behaviors
  • 074.自定义组件-拓展-外部样式类
  • 075.自定义组件-完善复选框案例并总结自定义组件
  • 076.npm支持-如何使用 npm 包
  • 077.npm支持-自定义构建 npm
  • 078.npm支持-Vant组件库的使用
  • 079.npm支持-Vant Weapp 组件样式覆盖
  • 080.分包加载-介绍分包加载
  • 081.分包加载-配置分包以及打包和引用原则
  • 082.分包加载-独立分包的配置
  • 083.分包加载-分包预下载
  • 084.开放能力-获取微信头像
  • 085.开放能力-获取微信昵称
  • 086.开放能力-转发功能
  • 087.开放能力-分享到朋友圈
  • 088.开放能力-手机号验证组件
  • 089.开放能力-客服功能
  • 090.补充-框架接口-getApp()-全局数据共享
  • 091.补充-eventChannel-页面间通信
  • 092.补充-小程序组件通信-事件总线
  • 093.补充-自定义导航栏
  • 094.小程序上线发布流程
  • 095.项目初始化-慕尚花坊项目介绍
  • 096.项目初始化-开发前置-申请开发权限
  • 097.项目初始化-创建项目与项目初始化
  • 098.项目初始化-自定义构建 npm以及集成Sass
  • 099.项目初始化-集成项目页面文件和基础配置
  • 100.拓展-VsCode 开发小程序项目和代码格式化
  • 101.通用模块封装-为什么进行模块封装
  • 102.通用模块封装-消息提示模块封装
  • 103.通用模块封装-模态对话框封装
  • 104.通用模块封装-封装本地存储 API
  • 105.网络请求封装-为什么要封装 wx.request
  • 106.网络请求封装-request 实例方法
  • 107.网络请求封装-设置请求参数
  • 108.网络请求封装-封装请求快捷方法
  • 109.网络请求封装-wx.request 的注意事项
  • 110.网络请求封装-定义请求-响应拦截器
  • 111.网络请求封装-完善请求-响应拦截器
  • 112.网络请求封装-使用请求-响应拦截器
  • 113.网络请求封装-请求封装-添加并发请求
  • 114.网络请求封装-添加 loading
  • 115.网络请求封装-完善 loading
  • 116.网络请求封装-控制 loading 显示
  • 117.网络请求封装-封装 uploadFile
  • 118.网络请求封装-使用 npm 包发送请求
  • 119.环境变量-小程序设置环境变量
  • 120.网络请求封装-接口调用方式说明
  • 121.项目首页-获取首页数据
  • 122.项目首页-分析轮播图区域并渲染
  • 123.项目首页-实现轮播图和指示点的联动
  • 124.项目首页-商品导航+活动区域+猜你喜欢+人气推荐
  • 125.项目首页-首页骨架屏组件
  • 126.商品分类-获取商品分类数据
  • 127.商品分类-渲染一级分类并实现切换功能
  • 128.商品分类-获取并渲染二级分类数据
  • 129.框架扩展-mobx-miniprogram 介绍
  • 130.框架扩展-mobx-miniprogram 创建 Store 对象
  • 131.框架扩展-在组件中使用 Store 数据
  • 132.框架扩展-在页面中使用 Store 数据-方式1
  • 133.框架扩展-在页面中使用 Store 数据-方式2
  • 134.框架扩展-fields、actions 对象写法
  • 135.框架扩展-绑定多个 store 以及命名空间
  • 136.框架扩展-miniprogram-computed 计算属性和监听器
  • 137.框架扩展-拓展:Mobx 与 Computed 结合使用
  • 138.用户登录-什么是Token
  • 139.用户登录-小程序登录流程介绍
  • 140.用户登录-实现小程序登录功能
  • 141.用户信息-用户信息存储到 Store
  • 142.用户信息-获取用户信息并存储到 Store
  • 143.用户信息-使用数据渲染用户信息
  • 144.分包处理-配置分包以及预下载
  • 145.更新用户信息-渲染用户信息
  • 146.更新用户信息-更新用户头像
  • 147.更新用户信息-更新用户昵称
  • 148.收货地址-定义新增参数以及封装接口 API
  • 149.收货地址-收集省市区数据
  • 150.收货地址-收集新增地址其他请求参数
  • 151.收货地址-地理定位功能介绍
  • 152.收货地址-拒绝授权和授权完整的流程
  • 153.收货地址-开通腾讯位置服务
  • 154.收货地址-腾讯位置服务逆地址解析获取地址
  • 155.收货地址-表单验证-async-validator 基本使用
  • 156.收货地址-新增收货地址表单验证
  • 157.收货地址-实现新增收货地址
  • 158.收货地址-收货地址列表渲染
  • 159.收货地址-实现更新收货地址功能
  • 160.收货地址-实现删除收货地址
  • 161.收货地址-拓展-删除滑块 SwipeCell 自动收起
  • 162.商品管理-配置商品管理分包-封装商品模块接口 API
  • 163.商品管理-商品列表-准备列表请求参数
  • 164.商品管理-商品列表-获取商品列表数据并渲染
  • 165.商品管理-商品列表-实现上拉加载更多功能
  • 166.商品管理-商品列表-判断数据是否加载完毕
  • 167.商品管理-商品列表-节流阀进行列表节流
  • 168.商品管理-商品列表-实现下拉刷新功能
  • 169.商品管理-商品详情渲染+预览图片
  • 170.商品管理-优化-小程序配置 @ 路径别名优化访问路径
  • 171.购物车-封装购物车接口 API
  • 172.购物车-加入购物车-模板分析和渲染
  • 173.购物车-加入购物车-页面关联 Store 对象
  • 174.购物车-加入购物车和立即购买区分处理
  • 175.购物车-加入购物车-展示购物车购买数量
  • 176.购物车-购物车关联 Store 对象
  • 177.购物车-获取并渲染购物车列表
  • 178.购物车-更新商品的购买状态
  • 179.购物车-控制全选按钮的选中状态
  • 180.购物车-实现全选和全不选功能
  • 181.购物车-更新商品购买数量思路分析
  • 182.购物车-更新商品的购买数量
  • 183.购物车-更新商品购买数量防抖
  • 184.购物车-购物车商品合计
  • 185.购物车-删除购物车中的商品
  • 186.订单结算-配置分包并跳转到结算页面+接口 API
  • 187.商品结算-获取收货地址
  • 188.商品结算-更新收货地址功能
  • 189.商品结算-获取订单详情数据
  • 190.商品结算-获取立即购买商品数据
  • 191.商品结算-收集送达时间
  • 192.商品结算-提交订单请求参数验证
  • 193.小程序支付-梳理小程序支付流程
  • 194.小程序支付-创建平台订单
  • 195.小程序支付-获取预付单信息
  • 196.小程序支付-发起微信支付
  • 197.小程序支付-支付状态查询
  • 198.订单列表-梳理订单列表模块代码
  • 199.代码优化-代码优化与代码质量检测
  • 200.项目上线-演示上线流程