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

		**课程收获**

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

		学习内容

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

		电影小程序

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

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

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

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

轻松入门微信小程序与云开发_第1张图片
每次请求10条,当滚动条滚动到底部时再请求下10条。
评价页:
轻松入门微信小程序与云开发_第2张图片
上传的图片和评价会上传至云数据库

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

前置知识: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’

你可能感兴趣的:(初级)