微信小程序解读学习

本文是根据慕课网连胜老师【入门微信小程序开发】****所学得来。

什么是微信小程序?

微信小程序解读学习


小程序有哪些宣传方式

微信小程序解读学习


===========================

小程序官方文档介绍

微信小程序解读学习

微信小程序解读学习

微信小程序解读学习


微信小程序解读学习

微信小程序解读学习

开发小程序的时候,只能用微信提供的组件内容。

微信小程序解读学习


微信小程序解读学习

微信小程序解读学习


微信小程序解读学习


微信小程序解读学习


小程序开发流程

微信小程序解读学习


如何注册小程序

微信小程序解读学习


微信小程序解读学习

2种途径认证(官网和小程序认证,如果在官网认证就需要出2次认证费用,小程序只需要1次)

微信小程序解读学习


第二种2种途径认证(如果有公众号的话,打开公众号后台,有小程序管理,可以认证)

微信小程序解读学习

新建小程序项目:

先去微信官网下载,然后用微信扫一扫登陆。

微信小程序解读学习


微信小程序解读学习


微信小程序解读学习


微信小程序解读学习


微信小程序解读学习


微信小程序解读学习


微信小程序解读学习


微信小程序解读学习


生命周期

微信小程序解读学习

微信小程序解读学习


微信小程序解读学习


微信小程序解读学习

加载的时候,先从app.js里面运行,相当于全局的方法,变量都可以塞在这里面。

微信小程序解读学习


小程序的基本配置,pages是路由(某一模块对应的路径)。Windows是为整个小程序框架的设置。

微信小程序解读学习

如果设置peges:在右边代码pages模块里面“新增一个pages”,左边就会自动生成一个文件夹。

微信小程序解读学习


自定义编译,设置好了以后,会自动跳转。

微信小程序解读学习

跳转的页面:

微信小程序解读学习

设置Windows,颜色,字体,风格。

微信小程序解读学习

把风格设置成白色,左边全部变成白色了。

微信小程序解读学习


微信小程序解读学习


微信小程序解读学习


代码编写-Tabber配置

微信小程序解读学习

手动输入tabBar就会自动生成代码

微信小程序解读学习

然后按照个人需求设置即可

微信小程序解读学习


微信小程序解读学习