典型的小程序目录结构非常简洁，一般一个项目包含两个目录（pages和utils）三个文件（app.js、app.json、app.wxss）。pages目录下包括程序所需的各个页面，一个页面对应一个目录，包含2至4个文件（.js、.wxml、.json及.wxss）。utils目录则包含一些公共的js代码文件。当然，我们还可以添加其他的公共目录，如用来存放本地图片资源的images目录。
逻辑层
小程序的逻辑层就是所有.js脚本文件的集合。小程序在逻辑层处理数据并发送至视图层，同时接受视图层发回的事件请求。
MINA框架的逻辑层是由JavaScript编写，在此基础上，微信团队做出了一些优化，以便更高效的开发小程序，这些优化包括：
1、增加app方法用来注册程序，增加page方法用来注册页面；
2、提供丰富的API接口；
3、页面的作用域相对独立，并拥有了模块化的能力；
简单概括，逻辑层就是各个页面的.js脚本文件。
需要注意的是，小程序的逻辑层由js编写，但并不是在浏览器中运行的，所以JavaScript在Web中的一些能力都不能使用，比如 dom、window等，这也是我们开发过程中要克服的阻碍。
视图层
对于微信小程序而言，视图层就是所有的.wxml（WeiXin Markup language）文件与.wxss（WeiXin Style Sheet）文件的集合：.wxml用于描述页面结构而.wxss用于描述页面样式。
视图层以给定的样式来展现数据并反馈事件给逻辑层，而数据展现是以组件来进行的。组件（Component）是视图的基本组成单元。
数据层
数据层包括临时数据或缓存、文件存储、网络存储与调用。
1、页面临时数据或缓存
在页面page()中，我们要使用setData函数来将数据从逻辑层发送到视图层，同时改变对应的this.data的值。this在小程序中一般指调用页面，广泛情况下指的是包含它的函数作为方法被调用时所属的对象。直接修改this.data是无效的，无法改变页面的状态，还会造成数据的不一致。单次设置的数据有一个大小限制，不能超过1024KB，避免一次性设置过多的数据。
setData()函数的参数接受一个对象。以key,value的形式表示，将this.data中的key对应的值改变为value。key可以非常灵活，包括以数据路径的形式表示，如array[0].title，并且无需在this.data中预定义。
2、文件存储（本地存储）
使用微信提供的现成数据API接口，如：
wx.getStorage：获取本地数据缓存
wx.setStorage：设置本地数据缓存
wx.clearStorage：清理本地数据缓存
3、网络存储与调用
上传或下载文件的API接口，如：
wx.request：发起网络请求
wx.uploadFile：上传文件
wx.downloadFile：下载文件
调用URL的API接口如下：
wx.navigateTo：保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。可返回原页面。
wx.redirectTo：关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。不可返回原页面。
以上就是微信小程序框架的相关描述，微信团队一直在不断的优化框架能力，及时的关注官方提供的，了解小程序的最新能力及优化点。
总结
以上所述是小编给大家介绍的微信小程序开发框架（MINA）,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
您可能感兴趣的文章: