黄菊华亲自教学:微信小程序商城15天从零实战课程
本文摘要:黄菊华个人简介 黄菊华于2004年开始走上计算机行业,6年net和php开发,8年java开发,现主攻产品设计,前端全栈(CSS,H5,JS,Node.js,jQuery,Bootstrap,Vue),微信开发等,讲解微信商城小程序界面设计和程序设计所涉及的所有知识点,包括其中用到的组件知识,A
黄菊华个人简介
黄菊华于2004年开始走上计算机行业,6年net和php开发,8年java开发,现主攻产品设计,前端全栈(CSS,H5,JS,Node.js,jQuery,Bootstrap,Vue),微信开发等,讲解微信商城小程序界面设计和程序设计所涉及的所有知识点,包括其中用到的组件知识,API函数知识点,微信小程序前端开发基础知识点,实战将所学的知识点应用到商城小程序中;包括商城首页、广告、菜单、产品列表详细页面、分类、下单、收藏、购物车、下单、订单处理、收货地址处理、用户登录等。
【课程目标】
让大家学会微信小程序的商城的开发
【课程内容】  
讲解微信商城小程序界面设计和程序设计所涉及的所有知识点,包括其中用到的组件知识,API函数知识点,微信小程序前端开发基础知识点,实战将所学的知识点应用到商城小程序中;包括商城首页、轮播广告、产品菜单、产品列表、产品详细页面、产品分类、产品下单、产品收藏、购物车、下单、订单处理、收货地址处理、用户登录等涉及到上百个知识点,我们在课程中都会一一详细讲解
【课程目录】
1商城小程序框架的搭建
1.01框架搭建-框架作品演示和框架课程介绍
1.02框架搭建-开发准备:账号申请,准备小程序的APPID 
1.03框架搭建-微信开发者工具安装   
1.04框架搭建-第一个默认小程序介绍  
1.05框架搭建-小程序目录结构分析 
1.06框架搭建-改造默认的小程序   
1.07框架搭建-App.json-pages讲解和如何新增加程序页面   
1.08框架搭建-App.json-tabBa讲解   
1.09框架搭建-App.json-window和(子)页面配置讲解  
1.10框架搭建-小程序框架的应用-建立企业站框架  
1.11商城框架的搭建  
2商城首页的制作
2.11知识点-组件-图片image
2.12【实战】首页-广告图制作-本地图片
2.13知识点-小程序JS中如何使用IF语句
2.14知识点-小程序JS中if...else语句的使用
2.15知识点-小程序wxml页面中IF语句的使用
2.16知识点-小程序wxml页面中if  else语句的使用 
2.17【实战】首页-广告图制作-远程图片(本地变量)
2.18知识点-网络API-wx.request 获取远程数据
2.19【实战】首页-广告图制作-远程图片(远程获取)
2.20【实战】首页-广告图制作-远程控制图片显示和隐藏  
2.21知识点-小程序data中数组的定义和使用
2.22知识点-小程序wxml页面中wx for列表渲染的使用
2.23知识点-wx for列表渲染-如何改变默认的下标和变量名
2.24知识点-组件-滑块视图容器 swiper
2.25【实战】首页-轮播广告图的制作(远程数组数据) 
2.26知识点-小程序JS代码中JSON对象的定义和使用
2.27知识点-小程序中data数据中Json对象的定义和使用
2.28知识点-数组-单字段对象数组的定义和使用
2.29知识点-数组-多字段对象数组的定义和使用  
2.30【实战】首页-轮播广告图的制作(远程对象数组数据带链接
2.31【实战】首页-快捷菜单
2.32【实战】首页-最新消息-界面设计
2.33【实战】首页-最新消息-程序设计
2.34【实战】首页-区块标题-界面设计
2.35【实战】首页-最新上架产品-界面设计   
2.36【实战】首页-最新上架产品-界面设计(补充) 
2.37【实战】首页-最新上架产品-程序设计
2.38【实战】首页-销售排行-界面设计
2.39【实战】首页-销售排行-程序设计   
3、会员登陆模块
3.11【实战】会员栏目-会员登陆-界面设计   
3.12知识点-组件-按钮button
3.13知识点-程序-小程序中bindtap事件定义和使用
3.14知识点-程序-setData改变内容
3.15知识点-组件-navigator实现页面跳转
3.16知识点-API-wx.navigator实现页面跳转  
3.17【实战】会员栏目-如何跳转到注册页面    
3.18【实战】会员注册-界面设计
3.19知识点-表单form数据如何获取(实例checkbox)
3.20知识点-表单组件-输入框input
3.21【实战】会员注册-如何获取表单form输入的会员信息 
3.22【实战】会员注册-表单数据验证和错误信息的显示
3.23【实战】会员注册-提交注册数据并获得返回值 
3.24知识点-API-数据缓存-wx.getStorageInfo获取当前storage的相关信息
3.25知识点-API-数据缓存-wx.setStorage 数据存储在本地缓存
3.26知识点-API-数据缓存-wx.getStorage 从本地缓存中获取指定 key 的内容
3.27知识点-API-数据缓存-wx.removeStorage 从本地缓存中移除指定 key
3.28知识点-API-数据缓存-wx.clearStorage 清理本地数据缓存
3.29知识点-API-路由-wx.switchTab(tab切换)
3.30【实战】-会员注册-将返回信息写入本地缓存
3.31【实战】-会员注册-读取写入缓存的用户信息  
3.32知识点-API-用户wx.login获取登录凭证
3.33知识点-API-code2Session获取用户唯一的openid
3.34知识点-API-wx.getUserInfo获取用户信息
3.35知识点-API-wx.getUserInfo获取用户信息(补充)  
3.36【实战】-微信登陆-获取用户常规信息
3.37【实战】-微信登陆-获取用户唯一的openid
3.38【实战】-微信登陆-数据入库和返回登陆信息
3.39【实战】-微信登陆-将返回信息写入本地缓存
4、产品分类模块
4.1知识点-API-如何获取系统信息-wx.getSystemInfo   
4.2【实战】-分类栏目-框架分析和搭建 
4.3【实战】-分类栏目-左侧分类动态的实现
4.4【实战】-分类栏目-左侧样式布局和点击处理
4.5【实战】-分类栏目-右侧动态产品的获取
5、会员和关于我们1级栏目
5.1【实战】-会员首页-头部会员信息
5.2【实战】-会员首页-会员功能菜单  
5.3【实战】-会员首页-会员退出和登陆跳转
5.4【实战】-关于我们-菜单制作
6、商品功能模块
6.11【实战】-商品-页面的建立和参数传递和获取 
6.12【实战】-商品-底部固定功能菜单
6.13【实战】-商品-顶部切换菜单的制作
6.14【实战】-商品-轮播图片功能的移植
6.15【实战】-商品-页面设计
6.16知识点-组件-scroll-view可滚动视图区域 
6.17【实战】-商品-详细页内容上下滚动的实现
6.18【实战】-商品-远程商品数据的获取和变量赋值 
6.19【实战】-商品-将远程获取的商品数据显示在页面
6.20知识点-三方插件-微信小程序WxParse解析富文本HTML代码
6.21【实战】-商品-获取远程商品的详细信息和显示在页面
6.22【实战】-商品-使用三方插件解析商品内容信息
6.23【实战】-商品-五星打分功能的实现
6.24知识点-组件-textarea多行输入框
6.25【实战】-商品-评论页面的制作
6.26【实战】-商品-评论数据显示页面设计
6.27【实战】-商品-评论数据远程获取和显示  
7、会员功能-评论和收藏
7.1【实战】会员-商品评论-判断是否登陆和获取评论信息 
7.2【实战】会员-商品评论-数据的提交
7.3【实战】会员-我的收藏-界面设计
7.4【实战】会员-我的收藏-远程数据获取和显示
7.5知识点-API-界面交互-wx.showModal 模态对话框
7.6【实战】会员-我的收藏-删除前提示和获取相关信息
7.7【实战】会员-我的收藏-提交删除和删除刷新
7.8知识点-API-界面交互-wx.showToast消息提示框
7.9【实战】会员-我的收藏-产品页面添加收藏功能
7.91【实战】会员-产品页面-返回首页和到购物车页面功能
8、会员功能-购物车模块
8.1【实战】会员-购物车-底部结算页面设计 
8.2【实战】会员-购物车-产品列表页面设计
8.3【实战】会员-购物车-产品列表数据获取和显示
8.4【实战】会员-购物车-总费用的获取和显示
8.5【实战】会员-购物车-增加和减少按钮参数的设置和获取
8.6【实战】会员-购物车-增加某个产品的数量和页面相关数据的刷新
8.7【实战】会员-购物车-减少某个产品的数量和页面相关数据的刷新
8.8【实战】会员-购物车-减少产品数量为0时候的删除确认和删除
9、会员功能-收货地址模块
9.11知识点-组件-switch开关选择器
9.12【实战】会员-收货地址-地址列表界面设计
9.13【实战】会员-收货地址-地址列表远程数据绑定 
9.14【实战】会员-收货地址-新增地址界面设计
9.15知识点-组件-Picker-省市区选择器
9.16【实战】会员-收货地址-页面改造和获取所有录入信息
9.17【实战】会员-收货地址-提交录入的地址信息并提示和跳转
9.18【实战】会员-收货地址-删除地址
9.19【实战】会员-收货地址-修改页面的移植和参数的传递和获取
9.20【实战】会员-收货地址-修改功能-获取修改的内容
9.21【实战】会员-收货地址-修改功能-提交修改更新数据
9.22【实战】会员-收货地址-设为默认地址功能
10、会员功能-我的订单
10.1【实战】会员-订单列表-顶部切换菜单功能移植和实现 
10.2【实战】会员-订单列表-订单产品相关界面的实现
10.3【实战】会员-订单列表-获取远程数据并按状态显示在不同栏目
10.4【实战】会员-订单列表-取消订单功能的实现
10.5【实战】会员-订单列表-去付款功能的实现
10.6【实战】会员-订单列表-收货功能的实现
10.7【实战】会员-订单列表-全部订单功能的实现
11、会员功能-下单模块
  1. 【实战】会员-下单-下单产品界面移植和留言增加
  2. 知识点-组件radio单选项目
  3. 知识点-组件radio-group单项选择器
  4. 【实战】会员-下单-地址选择列表界面设计
  5. 【实战】会员-下单-地址选择列表数据获取和显示
  6. 【实战】会员-下单-新增地址界面设计
  7. 【实战】会员-下单-新增地址功能实现和刷新(1)
  8. 【实战】会员-下单-新增地址功能实现和刷新(2)
  9. 【实战】会员-下单-提交下单信息
  10. 【实战】会员-产品页面-加入购物车和立即购买功能
12公用模块
  1. 【实战】公用模块-产品列表-界面设计
  2. 【实战】公用模块-产品列表-分类选择和查询功能
  3. 【实战】公用模块-用户中心和订单列表的跳转判断
  4. 【实战】公用模块-信息列表功能的实现
  5. 【实战】公用模块-信息详细页面功能实现
  6. 【作业和所有资料】作业说明
购买点击:微信小程序商城15天从零实战课程

相关内容

移动开发培训