微信小程序：第二天

浅谈微信小程序的架构

一般来说，一套软件包括数据层，业务逻辑层，服务层，控制层，展示层，用户等多层。（从零开始学微信小程序）

本质上说，微信小程序是一套完整的展示层，主要用来展示系统的信息。

微信小程序的一个页面包括逻辑文件，页面结构，样式表文件，配置文件，其为了开发这减少配置，框架特别约定描述页面的这四个文件必须具有相同的路径和文件名。

今天我们来说写微信小程序的页面结构：

1.主体文件

一个微信小程序主体由三部分组成，这三个文件必须放在根目录下，并且这三个文件的名称也是固定的：

  • app.js 这个文件是小程序的主逻辑文件，在羡慕中不能缺少，这个文件主要是用来注册微信小程序的文件。
  • app.json这个文件是小程序的主配置文件，在项目中不能缺少，这个文件主要用来对微信小程序进行全局的配置。
  • app.wxss这个文件是微信小程序的主样式表文件，在项目中可以不要，这个文件和html的css样式文件作用相同，主样式文件中设置的样式，在其他的页面可以共享

2.页面文件

微信小程序通常需要多个页面组成，每个页面有4个主文件构成，这四个主文件的文件名一样，必须由四个主文件的后缀在来区分，其具体如下：

  • .js 页面逻辑文件，在里面写JavaScript代码扩展页面的逻辑，每个页面必须有这个文件。
  • .wxml 页面描述文件 用来设计页面的布局，进行数据的绑定，每个页面必须有的文件
  • .wxss 页面样式文件 主要丁定义wxml文件中的样式, 如果没有需要定义的，可以省略。
  • .json 页面配置文件 如果没有需要配置的可以省略

3.其他文件

在微信的小程序中，我们可能需要用到图片，视频，音频等资源，我们可以自己定义目录，放入其中。

注：可以根据今天的东西，试着创建文件，删除文件，看下小程序的反应，了解下我微信小程序的文件结构，下面我们会详细的谈谈微信小程序的个个文件。

生命在于折腾，不要怕出错，不要怕报错，大不了我们重新装个系统，从头开始。