关于课程
本课程分为两个部分,第一部分讲解微信小程序的基础知识,第二部分通过一个图书商城的项目,将基础知识融会贯通,通过项目实战的方式,学会如何开发微信小程序项目。
在实战课程中, 你不仅能够学会小程序的项目开发,还能学到一些前端的编程思想,以及前端开发的技巧。
项目使用原生小程序框架(MINA)进行开发。在视图层,使用主流的前端UI框架Vant Weapp进行页面的开发,使用ES6模块化以及CommonJS模块化语法进行模块封装。
本课程采用项目驱动式学习方式,是你学习小程序开发的最佳课程!
什么是微信小程序
微信小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。
也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。
对于开发者而言,微信小程序开发门槛相对较低,难度不及APP,能够满足简单的基础应用,适合生活服务类线下商铺以及非刚需低频应用的转换。微信小程序能够实现消息通知、线下扫码、公众号关联等七大功能。
其中,通过公众号关联,用户可以实现公众号与微信小程序之间相互跳转。由于微信小程序不存在入口。
为什么要用微信小程序
1. 微信用户量大
2. 开发成本低
3. 推广成本低
4. 跨平台
5. 无需安装, 用完即走
章节目录
第一章 课前准备
01 微信小程序介绍
02 开发环境
03 第一个微信小程序
04 微信开发者工具介绍
第二章 配置文件和生命周期
01 目录结构
02 全局配置
03 页面配置
04 stiemap配置
05 应用生命周期
06 页面生命周期
第三章 模板语法
01 数据绑定
02 列表渲染
03 条件渲染
04 使用block
05 模板和引用
06 wxs用法
07 事件绑定
08 WXSS样式
第四章 常用组件和自定义组件
01 view、text、image
02 navigator、button
03 swiper、rich-text
04 form、radio、checkedbox
05 自定义组件
第五章 常用API
01 路由跳转
02 界面交互
03 网络请求
04 数据缓存
05 开放接口
第六章 商城项目
01 注册微信小程序
02 初始化项目
03 引入Vant Weapp
04 封装request 1
05 封装request 2
06 统一管理Api
07 首页数据展示
08 首页数据加载更多
09 登录页面
10 封装表单验证
11 获取用户信息 1
12 获取用户信息 2
13 检查登录与重定向
14 登录中间件
15 注册页面
16 完成注册
17 openid和unionid
18 code换取用户信息
19 登录后绑定微信
20 个人中心和绑定微信
21 注册时绑定微信
22 退出和总结
23 商品详情页面
24 商品详情数据展示
25 商品评论展示
26 推荐商品展示
27 收藏和取消收藏
28 加入购物车
第七章 练习
01 购物车列表
02 订单和支付
03 订单列表和订单详情
04 地址管理
05 个人中心
06 商品分类
第八章 发布小程序
01 真机调试与合法域名
02 发布小程序