小程序模板网

小程序开发框架组成介绍

2021-05-31 抢时间

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

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

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

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

小程序开发框架组成介绍(图1)

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

        其次,在说说开发框架。

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

小程序开发框架组成介绍(图2)

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


易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/25855.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询