前言

9月21日，期待已久的微信应用号正式对微信公众平台程序的名义发布，仍然采用内部测试系统。目前，只有少数开发人员可以使用它。张晓龙，微信朋友圈的父亲了。这种applet是一种不用下载和安装就可以使用的应用程序。如果用户浏览或搜索，他们可以打开的应用程序，便于用户使用，而且反映了逃跑的微信后，申请号出来了，据说WeChat要推翻AppStore这时间。开发者可以直接开发基于微信WeChat程序，而不需要开发任何应用程序，更多的人说，微信是一个操作系统，这是真的吗在任何情况下，让我们先用微程序的一个小字母。

一个项目文件结构



打开微信程序演示的时候，我个人的习惯是看文件结构，整个项目的第一。首先，我将粗略地了解这个部分是什么，它做什么。微信小程序文件的基本结构如下：




首先，我们可以看一看，在项目的根目录下，有三个文件app.js，app.json和app.wxss。让我们谈谈我对三个文件的理解。

1。app.js



app.js包含APP（）函数。我的理解是真正意义上的微信小程序的入口，也就是说，当我们开始的一个小程序，我们将首先执行它。该应用程序（）函数来登记的一个小程序，参数是对象类型，它可以指定的小程序的生命周期函数（了解的不是很彻底），当然，它也可以定义一个全局数据和函数。

我们可以称之为全球GetApp（）方法在页面上得到一个实例小程序，调用全局数据，我们定义函数。

2。app.json



app.json可以配置小程序的全局。例如，我们可以配置哪些页面，形式的窗口，设置网络超时和设置多个选项卡。以下是一个简单的配置：


{
页：{
页索引/索引
页日志/索引
}，
窗口：{
navigationbartitletext 演示
}，
TabBar：{
列表：{
pagepath ：页面/索引/指数
文本：主页
{ }。
pagepath ：页面/日志/日志
文本
} }
}，
networktimeout ：{
请求：10000，
下载文件：10000
}，
调试：正确
}


3.app.wxss



的app.wxss文件比较容易理解，它相当于一个全局样式表，相当于CSS文件的前端，任何网页可以使用该样式表，当然，如果一个页面重复定义了属性词的代表，将定义的app.wxss覆盖。

在上述三个文件，app.js和app.json是每一个微信程序的要求，并app.wxss添加所需要的。



在图1的文件结构，有三个文件夹目录：图片、网页、应用。这种形式类似于我们开发中的分包方式（实际上）。它存储具有类型属性或子类别的文件，因此易于维护项目。

让我们注意一下页面目录，它存储了小程序的所有页面。


这里我们定义了两个页面，索引（首页）和日志（显示某种日志）。

你可以看到，在每一个页面，有文件像app.js，app.json，等等，正如我们之前所说的，然后我们会看到他们是什么。

以日志页为例：

1.logs.js



让我们看看这个文件中的简单代码：


/ / logs.js
VaR工具=需要（.. / / /工具..工具。JS的）
页（{
数据：{
日志：{ }
}，
onLoad：函数（）{
this.setdata（{
日志：（wx.getstoragesync（'logs）| | { }（图）功能（日志）{
返回util.formattime（新的日期（日志））
}）
}）
}
}）


如果您有开发经验或JS开发经验，您可以看到这个类的结构非常简单：1、引入外部文件，2。有一个函数做一些处理。



让我们来看看官方的文档介绍了以JS文件：一个网页（）函数，和页面（）函数是用来登记的一页。接受一个对象参数，它指定页面的初始数据，生命周期函数、事件处理函数，等等。它是页面的逻辑文件，和页面逻辑处理这里。



在这个文件中，我们可以定义变量、函数等等。

2.logs.json



app.json是小程序的配置文件，所以不难理解。logs.json是日志页面配置文件。我们可以在这里配置页面标题和其他属性。

3.logs.wxml



wxml文件到网页的唯一。它相当于接口。它是与用户交互的条目。微信提供了许多基本的组件，如按钮、文本和进度条，可配置在该文件显示。

4.logs.wxss



Wxss是app.wxss文件相同，这是样式表文件，但在每一页的文件是一个网页，并app.wxss是全球风格配置。如果相同的属性，logs.wxss将覆盖app.wxss。

对于页面下面的文件配置，让我们看一下官方说明：




总结



以上是微信程序整体项目文件结构。从宏观到具体，我们可以学习的进一步细节，使它更容易在我们理解整个框架。如果你想了解更多关于微信的小程序，请继续关注。