Python学习笔记:7.6.1 Django快速建站 - Web开发实战 微信小程序1

前言:本文是学习网易微专业的《python全栈工程师 - Django快速建站》课程的笔记,欢迎学习交流。同时感谢老师们的精彩传授!

一、课程目标

  • 了解微信小程序
  • 配置开发工具
  • 初步理解开发方法

二、详情解读

2.1.微信小程序
2.1.1.小程序
  • 对于普通用户,通过扫描二维码、搜索或者是朋友的分享就可以直接打开小程序。
  • 对于开发者,小程序框架本身所具有的快速加载和快速渲染能力,加之配置的云能力、运维能力和数据汇总能力,使得开发者不需要去处理琐碎的工作,可以把精力放置在具体的业务逻辑的开发上。
  • 小程序的模式使得微信可以开放更多的数据,开发者可以获取到用户的一些基本信息,甚至能够获取微信群的一些信息,使得小程序的开放能力变得更加强大。
2.1.2.小程序开发
  • 主要开发语言:JavaScript
  • 逻辑层和渲染层分开
    – 逻辑层运行在 JSCore中,没有完整的浏览器对象,因而缺少相关的DOM APIBOM API
    – 前端开发非常熟悉的一些库,例如jQuery、Zepto等,在小程序中是无法运行的。
    JSCore的环境同NodeJS环境也是不尽相同,所以一些NPM的包在小程序中也是无法运行的。
2.2.开发者工具

详情请参考官方开发指南:https://developers.weixin.qq.com/miniprogram/dev/framework/

2.2.1.代码组成
  • JSON:配置
    app.json:全局配置
    index.json:局部配置

  • JSON文件都是被包裹在一个大括号中{},通过key-value的方式来表达数据
    – 每对k-v之间用逗号分隔
    – 最后一对k-v之后不要写逗号
    key必须在双引号中
    value值只能是以下几种数据格式:
    1.数字,包含浮点数和整数
    2.字符串,需要包裹在双引号中
    3.Bool值,true或者false
    4.数组,需要包裹在方括号中[]
    5.对象,需要包裹在大括号中{}
    6.Null

  • WXMLWeiXin Markup Language,是小程序框架设计的一套标签语言,结合小程序的基础组件、事件系统,可以构建出页面的结构。
    index.wxml
    – 基本格式:
    1.< 标签名 属性名1="属性值1" 属性名2="属性值2"></标签名>
    2.通过{{变量名}}来绑定WXML文件和对应的JSc文件的data对象属性。

  • WXSS(WeiXin Style Sheets)是一套用于小程序的样式语言,用于描述WXML的组件样式,也就是视觉上的效果。

  • WXSSWeb开发中的CSS类似。

  • 官方样式库:https://github.com/Tencent/weui-wxss

三、课程小结

  • 01初步了解步小程序开发
  • 02 创建第一个小程序