微信小程序（note5：页面的生命周期&页面提示框&导航栏&引用&模板&云开发）

素颜马尾好姑娘i 2022-12-03 09:41 167阅读 0赞

# 页面的生命周期 #

--------------------

微信小程序 \[小程序框架\]-\[逻辑层\]-\[页面生命周期\]：[https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page-life-cycle.html][https_developers.weixin.qq.com_miniprogram_dev_framework_app-service_page-life-cycle.html]

微信小程序 \[框架\]-\[框架接口\]-\[页面\]-\[Page\]：[https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html][https_developers.weixin.qq.com_miniprogram_dev_reference_api_Page.html]

# 页面提示框 #

--------------------

微信小程序 \[API\]-\[界面\]-\[交互\]：[https://developers.weixin.qq.com/miniprogram/dev/api/ui/interaction/wx.showLoading.html][https_developers.weixin.qq.com_miniprogram_dev_api_ui_interaction_wx.showLoading.html]

# 导航栏 #

--------------------

微信小程序 \[API\]-\[界面\]-\[导航栏\]：[https://developers.weixin.qq.com/miniprogram/dev/api/ui/navigation-bar/wx.showNavigationBarLoading.html][https_developers.weixin.qq.com_miniprogram_dev_api_ui_navigation-bar_wx.showNavigationBarLoading.html]

# 引用 #

--------------------

微信小程序 \[框架\]-\[WXML 语法参考\]-\[引入\]：[https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/import.html][https_developers.weixin.qq.com_miniprogram_dev_reference_wxml_import.html]

import ：只引模板

include ：除了模板、wxs，都能引

两种引用的区别：  
![在这里插入图片描述][20200903113008855.png_pic_center]

# 模板 #

--------------------

微信小程序 \[框架\]-\[WXML 语法参考\]-\[模板\]：[https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/template.html][https_developers.weixin.qq.com_miniprogram_dev_reference_wxml_template.html]

template默认情况下不会被调用，只有当使用is时才被调用。

不过template是**早期**的用法。现在基本上都用组件的写法代替了。

# 云开发 #

--------------------

微信小程序官方文档 \[云开发\]：[https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html][https_developers.weixin.qq.com_miniprogram_dev_wxcloud_basis_getting-started.html]

可以使用云存储，比如使用图片：直接上传图到云上，然后直接使用提供的地址。

还有数据库。

[https_developers.weixin.qq.com_miniprogram_dev_framework_app-service_page-life-cycle.html]: https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page-life-cycle.html
[https_developers.weixin.qq.com_miniprogram_dev_reference_api_Page.html]: https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html
[https_developers.weixin.qq.com_miniprogram_dev_api_ui_interaction_wx.showLoading.html]: https://developers.weixin.qq.com/miniprogram/dev/api/ui/interaction/wx.showLoading.html
[https_developers.weixin.qq.com_miniprogram_dev_api_ui_navigation-bar_wx.showNavigationBarLoading.html]: https://developers.weixin.qq.com/miniprogram/dev/api/ui/navigation-bar/wx.showNavigationBarLoading.html
[https_developers.weixin.qq.com_miniprogram_dev_reference_wxml_import.html]: https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/import.html
[20200903113008855.png_pic_center]: /images/20221123/d1f03ba0d0e04fc084323f8d67c3af05.png
[https_developers.weixin.qq.com_miniprogram_dev_reference_wxml_template.html]: https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/template.html
[https_developers.weixin.qq.com_miniprogram_dev_wxcloud_basis_getting-started.html]: https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html