平平淡淡开开心心  
微信小程序全栈交流群 全球旅游旅行交流群

今天1024程序员节,写文章庆祝!!!

        今天的文章是讲微信小程序开发的,按理解把架构与框架说说。有不对之处请大神指点……

        微信小程序与web应用很像,但是原理不同,微信小程序是运行在微信应用内的,不是运行在浏览器上,所以JS的一些DOM操作在这里不适用。小程序有自己的一套标记语言(wxml),样式语言(wxss),与web开发的html和css思想是一致的。

        首先,说说微信小程序架构。

        架构分为视图层,逻辑层,组件,API几个部分。视图层负责页面结构、样式和数据展示,用wxml、wxss语言编写。逻辑层负责业务逻辑,调用API等,由js编写。视图层和逻辑层类似MVVM模式,逻辑层只需对数据对象更新,就可以改变视图层的数据显示,这个很像vue,不知道底层是不是vue! 组件是视图层封装好的基础组件,如按钮、输入框等!API提供了访问手机设备、网络、服务器、微信平台接口等能力。如下图

架构图:(按自己理解画的,仅供参考)

        其次,在说说开发框架。

        每个小程序在微信里是个应用(App),App中又包含了多个页面(Page)。App有属于他的生命周期和目录结构,Page也有属于他的生命周期和目录结构。如下图:

框架图(看开发文档的总结)

 

更详细资料请查看微信小程序开发文档:

https://mp.weixin.qq.com/debug/wxadoc/dev/framework/MINA.html

本文主要把框架结构搞懂!

 

End


多多关注

 

posted on 2017-10-24 15:46  程序媛鼓励师  阅读(8860)  评论(6编辑  收藏  举报