轻松入门微信小程序与云开发

		**课程收获**

0基础入门微信小程序开发
理解微信小程序的开发流程
理解小程序云开发的使用
独立完成小程序全栈开发

		学习内容

基础内容–>注册申请–>开发工具
代码构成–>JSON–>WXML–>WXSS–>JS
云开发–>云数据库–>云函数–>云存储
电影案例–>上线审核

		电影小程序

1如何通过云函数获取openid
用户登陆 2传统微信登陆 vs 云开发微信登陆
3如何获取用户信息

1如何云函数调用第三方API
电影列表 2云函数调用API VS 小程序调用API
渲3染列表

1云数据库插入数据
电影评价 2选择相册图片或拍照
3云存储的图片上传

电影小程序案例功能演示：
首页：

每次请求10条，当滚动条滚动到底部时再请求下10条。
评价页：

上传的图片和评价会上传至云数据库

课程安排
第一章 课程介绍
第二章 小程序基础
第三章 小程序云开发
第四章 电影小程序案例
第五章 课程回顾

前置知识：HTML CSS JS

学习建议：多敲代码 多看官方文档 授人以鱼不如授人以渔

• 注册注意事项
  • 使用邮箱进行注册时一个邮箱仅能申请一个小程序
  • 邮箱不能使用注册过公众平台、开放平台、企业号及绑定过个人号的邮箱
  • 进行资源完整时保证信息准确性，主体信息一旦填写无法进行修改。
  • 上传企业基本资料时需要签名加盖公章，保证图片清晰度，否则导致审核不通过。
  • 已申请微信公众号的企业可直接在首页中点击小程序进入下一步。

配置小程序全局配置的官方文档链接：
https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#全局配置

• 代码构成
  • .json文件：配置文件，以json格式存储一些配置
  • .wxml：模版文件，描述页面结构，相当于HTML
  • .wxss：样式文件，调整页面样式，相当于css
  • .js：脚本逻辑文件，页面和用户的交互逻辑
• JSON文件
  • project.config.json：项目配置
  • app.json：全局配置
  • page.json：页面配置
• 数据绑定
  • 小程序中的数据一般情况下需要动态的从服务端获取，然后再渲染输出到视图中显示
  • WXML中的动态数据均来自对应的Page的data
  • 数据绑定使用Mustache语法(双大括号)将变量包起来
• 列表渲染
  wx:for {{index}} {{item}}
  wx:key
• 条件渲染
  • 使用wx:if="{{condition}}" 来判断是否需要渲染该代码块，也可以用wx:else if 和wx:else来添加一个else块
  • wx:if vs hidden
  • 如果需要频繁切换的情境下，用hidden更好，如果在运行时条件不大可能改变则wx:if较好
• wxss
  • wxss是一套用于小程序的样式语言，用于描述WXML的组件样式，也就是视觉上的效果
  • 尺寸单位：rpx：可以根据屏幕宽度进行自适应，适配不同宽度的屏幕
  • 引入外部wxss ： @import ‘./test_0.wxss’