如上图所示,MINA框架的文件结构分为两部分。其中,绿色为业务逻辑部分,蓝色为程序主体部分,即app部分。
对于不同的项目,根据其具体的业务逻辑表现,文件有不同的组织方式,但基本元素(页面Page)的结构不变。
pages:该文件夹下存放不同的业务逻辑页面,在这里为index文件夹(主页面),logs文件夹(log页面)。
app.json是微信小程序的全局配置文件,决定页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。本项目app.json如下图:
该文件为json文件,对于json文件不熟悉的同学,请点击传送门,去了解下。
pages:pages接受一个字符串数组,来指定小程序由哪些页面组成。每一项代表对应页面的【路径+文件名】信息,数组的第一项代表小程序的初始页面。
小程序中新增/减少页面,都需要对pages数组进行修改。pages中的路径为相对路径。文件名不需要写文件后缀,因为MINA会自动去寻找路径.json,.js,.wxml,.wxss的四个文件进行整合。
window:用于设置小程序的状态栏、导航条、标题、窗口背景色。具体配置项如下:
backgroundColor:背景颜色为【白色】。当切换两个page的时候,显示背景色。比如:点击page1上按钮,page1消失,出现背景色【白色】,page2出现。
从定位上讲WXSS相当于css,对于css不了解的同学,请点击传送门,去了解一下。
由于.container(类选择器)在文件app.wxss(小程序公共样式表)中,所以其可以在多个pages中被调用。在本项目中,我们在index.wxml/logs.wxml中使用。如下图:
下一节继续了解MINA框架的视图层(View),逻辑层(App Service),及其之间的交互关系。
【本站声明】1、本站文章中所选用的图片及文字来源于网络以及用户投稿,由于未联系到知识产权人或未发现有关知识产权的登记,如有知识产权人并不愿意我们使用,如果有侵权请立即联系。2、本网站不对文章中所涉及的内容真实性、准确性、可靠性负责,仅系客观性描述,如您需要了解该类商品/服务详细的资讯,请您直接与该类商品/服务的提供者联系。
KESION 科汛软件是国内领先的在线教育软件及私域社交电商软件服务提供商,长期专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。公司核心产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化独立部署品牌网校和在线教育咨询等。
KESION 不断通过技术创新,提供产品和服务,助力企业向数字化转型,通过科技驱动商业革新,让商业变得更智慧!
本帖最后由 狂兔科技 于 2016-11-1 18:14 编辑 1. 开篇导言 本节目标:通过 上一节 的讲解,相信大家对小程序框架MINA的目录结构和配置有了一定的了解。接下来将会讲解视图层,逻辑层
本帖最后由 狂兔科技 于 2016-11-5 03:58 编辑 1. 开篇导言 本节目标:对于上篇需求分析做减法。 目标用户:学习过【入门篇】的同学或有一定编程经验的同学。 学习目标:如果2048”就
本周新声教培机构十年变化,2021年或将迎来最严厉监管,教培机构的出路在哪里?
科汛专注于在线教育软件及私域社交电商SaaS平台解决方案,让商业经营更简单。
*请认真填写需求信息,我们会在24小时内与您取得联系。