03.教你零基础搭建小程序（原生框架）

本章内容我们熟悉一下小法式原生框架的目录结构。先来看一下根基框架
（一）小法式的方针和组成

• 小法式的方针
  
• 小法式的原生框架——MINA框架
  
• 小法式框架的组成
  

（二）小法式文件结构和传统web对照
（三）小法式根基的项目目录

• pages：页面文件夹
  
• utils：第三方工具文件夹
  
• app.js: 全局进口文件
  
• app.json: 全局设置文件
  
• app.wxss: 全局款式文件
  
• project.config.json：项目标设置文件
  
• sitemap.json: 微信索引设置文件
  

点击下方官方网址，领会小法式框架的界说和感化。
（一）小法式的方针和组成

1、小法式的方针

简言之，微信小法式是在微信中利用的APP

2、小法式的原生框架——MINA框架

MINA框架是小法式供给的开辟框架，它类似于淘宝Weex、Vue框架；
MINA框架经过大量底层的优化设想，有着接近原生App的运转速度。
MINA同HTML一样，都是一种标识性说话。

HTML：超文本标志说话(HyperText Markup Language)，包括一系列的标签，经过标签将网上的文档格式同一，使分离的收集资本联络成一个整体。

简言之，一个HTML文件就是一个页面（page）,相当于某阅读器的主页界面；而微信小法式的原生框架就是MINA，一切的页面都是以它为根本停止搭建的。

3、小法式框架的组成



来历于：微信官方文档·小法式

3.1 逻辑层

1. 逻辑层利用Javascript开辟，负责将数据处置后发送给视图层，并接收视图层的事务反应

复制代码

小法式强大的框架系统，会“自动”将视图层和逻辑层停止联络，
可以让法式猿更专注于数据与逻辑，
不再需要斟酌“两个层”之间的交互题目。

3.2 视图层

1. 负责与逻辑层停止数据交互，用WXML与WXSS两种描写说话来编写，由组件来停止展现。

复制代码

其中，WXML是用来描写页面结构的视图层说话；
WXSS则是用来描写页面款式的说话；
组件（component）是视图的根基组成单元。

（二）小法式文件结构 VS 传统web




小法式文件结构 VS 传统web

经过以上对照得出，传统web 是三层结构;
微信小法式是四层结构，多了层 设置（*.json ）
设置：用与联络小法式的视图层与逻辑层。

（三）小法式根基的项目目录

翻开微信开辟者工具--资笔莆理器（目录树）--上节课新建的小法式项目，操纵以下

1、pages：页面文件夹

pages文件夹包括以下2个子文件夹（index和logs）；
每个子文件夹下又都有4个文件

1.1 index

index: 寄存首页页面的文件夹
以下图所示，左侧的小法式界面即为首页页面，相关代码数据寄存于index

1. 1.1.1 index.js

复制代码

以下图所示， index.js 为首页页面的逻辑文件

1. 1.1.2 index.json

复制代码

以下图所示，index.json为页面的设置项文件；
里面的内容在以后的文章中渐渐添补和讲授。

1. 1.1.3 index.wxml

复制代码

由下图可知，index.wxml的内容，是页面中 标签语句的相互嵌套

1. 1.1.4 index.wxss

复制代码

由下图可知，index.wxss的内容，是页面中 款式方面的指令

1.2 logs：日志界面文件夹

logs：寄存日志界面的文件夹
以下图所示，左侧的小法式的首页页面--点击肆意一处（下图为用户头像）出现的页面，即为日志页面

2、 utils文件夹

下拉文件是 utils.js文件
此文件是自己新建的关于javascript的方式公式，是可以删除的。

3、app.js

此文件是小法式的项目文件，也是全局文件，一切小法式的框架，在这里全数显现；
代码可以点窜，可是此文件不成删除；

4、app.json

app.json为全局的设置文件，针对小法式项目停止同一设置，不成删除；
如：下图所示的题目称号“检察启动日志”，就是在此文件中停止的。

5、 app.wxss

此文件为全局的款式文件；
与index.wxss 功用分歧，只是负责的内容界面分歧。

6、 project.config.json

此文件为小法式项目标设置文件；
相当于“工具栏--详情”里各项的内容；
故可在project.config.json文件中点窜AppID，操纵以下图。

7、 sitemap.json
此文件为微信索引的设置文件

点击sitemap.json 文件中的链接

点击链接--跳转至“微信官方文档-sitemap 设置”网页，以下图

重点看一下这句话，小法式根目录的sitemap.json文件用来设置微信小法式及其页面能否被微信索引。
意为：

小法式中有很多页面，开辟者可在sitemap.json 文件中停止修改，来指定某一页面能否在微信中被搜索到。

可是sitemap.json 这一文件只在小法式正式公布的时辰利用，公布时再检察sitemap设置即可。

这节课首要先容了小法式原生框架的根基目录结构及简单用处，下节课我们继续深入领会每一个文件的感化和利用~~关注我吧~一路进修小法式开辟，做更利害的自己！