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

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

一、课程目标

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

二、详情解读

2.1.微信小程序

2.1.1.小程序

• 对于普通用户，通过扫描二维码、搜索或者是朋友的分享就可以直接打开小程序。
• 对于开发者，小程序框架本身所具有的快速加载和快速渲染能力，加之配置的云能力、运维能力和数据汇总能力，使得开发者不需要去处理琐碎的工作，可以把精力放置在具体的业务逻辑的开发上。
• 小程序的模式使得微信可以开放更多的数据，开发者可以获取到用户的一些基本信息，甚至能够获取微信群的一些信息，使得小程序的开放能力变得更加强大。

2.1.2.小程序开发

• 主要开发语言：JavaScript
• 逻辑层和渲染层分开
  – 逻辑层运行在 JSCore中，没有完整的浏览器对象，因而缺少相关的DOM API和BOM API。
  – 前端开发非常熟悉的一些库，例如jQuery、Zepto等，在小程序中是无法运行的。
  – JSCore的环境同NodeJS环境也是不尽相同，所以一些NPM的包在小程序中也是无法运行的。

2.2.开发者工具

• 官方文档下载：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
• 安装好之后，手机微信扫描登录，创建项目
  
  
  
  
  创建小程序成功，如下图所示

详情请参考官方开发指南：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

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

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

• WXSS与Web开发中的CSS类似。

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

三、课程小结

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