| 储能

请登录

注册

微信小程序开发(一)

2018-03-12 15:45:57 csdn
A A
【主要内容:】1 微信小程序的文件结构2 文件目录中每个文件的作用3 小程序页面结构一、微信小程序的文件结构在微信小程序开发初探中讲了

【主要内容:】

 

1. 微信小程序的文件结构

2.文件目录中每个文件的作用

3. 小程序页面结构

 

一、微信小程序的文件结构

 

微信小程序开发初探中讲了如何创建一个微信的小程序以及微信小程序web开发工具的使用介绍。今天就来介绍一下微信小程序工程的目录结构。下边这张图展示了新建的一个微信小程序工程中包含的所有文件:

 

 

 

 

二、文件目录中每个文件的作用

 

每一个微信小程序工程都包含了两个文件夹pages和utils,和三个文件app.js、app.json、app.wxss。

 

2.1 pages

 

微信小程序会有很多的页面,每个小程序页面都是以文件夹的形式存放在pages目录下边。默认的工程中包含了两个页面:Index和logs

 

2.3 utils

 

 

这个是公共的、通用的文件夹。从util.js文件的代码中可以看出,日后这个文件中可能存放的是开发中经常用到的公共、通用部分的代码。比如系统默认写入的日期转化函数。

 

 

每一个小程序工程都包含了下边这三个文件。也就是说每个小程序主题都由这三个文件组成,而且必须放在项目的根目录下。

 

 

2.4 app.js 

 

 

从app.js的后缀就可以看出,他的实质是JavaScript文件,用来控制小程序的逻辑

 

 

2.5 app.json 

 

app.json里边主要是工程的配置文件。在app.json中可以设置一些工程的公共设置。比如:页面的个数、窗口的显示设置、Tabbar设置、网络设置等等。

 

 

2.6 app.wxss

 

app.wxss文件实质是CSS层叠样式表,所以说这个文件是小程序公共的样式表文件,可以在这个文件中做视图层面的样式设置

 

 

 

 

三、小程序页面结构

 

微信小程序由很多个页面组成,每个小程序页面都有4个文件组成:

 

 

和小程序主体部分的三个文件作用一样,小程序页面描述多了一个xxx.wxml文件,这个一个HTML类型的文件。所以xxx.wxml的作用是开发页面布局功能

为了方便减少开发配置,微信规定描述页面的4个文件必须具有相同的路径文件名

大云网官方微信售电那点事儿
免责声明:本文仅代表作者个人观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
我要收藏
个赞

相关新闻