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
类似。
三、课程小结
- 01初步了解步小程序开发
- 02 创建第一个小程序