美文网首页微信小程序
3-2 官方种子项目介绍与小程序文件结构

3-2 官方种子项目介绍与小程序文件结构

作者: 留白_汉服vs插画 | 来源:发表于2017-11-18 20:51 被阅读19次

编写第一个简单小程序页面

项目名称ReaderAndMovie,选择目录,新建文件夹,添加项目。官方给了两个页面,一是启动页面,点击后进入子页面。pages里面有两个文件夹,刚好对应两个页面。

下面三个app开头的,相当于程序的入口文件一样。

pages下面的两个文件夹对应左边的两个页面。

传统的web开发中,有以下三种类型文件:

html:元素,骨架一样

css:样式文件

js:行为逻辑

json:配置文件,初始化功能

小程序开发实际用的就是web的技术。

文件夹下面有四个文件,js对应js文件,json配置文件。wxml对应html文件,wxss对应css文件。app开头的几个文件,和上面是类似的,只不过区别在于,上面pages文件里面是描述页面的,这里app文件少了一个wxml。这里是描述应用程序整个的状态的。只有一个应用程序,这三个app描述文件在全局里面是唯一的。

关于就近关系:比如对于一个样式来讲,如果在全局里配置了,在页面里也配置了,那么以近的优先。以页面近的为准。同样适用于配置文件,在app.json里面配置的东西,如果在相应的页面里面也配置了,有冲突的话,那么就近。

app那三个配置文件就是是程序入口

一级页面理论无限多,实际违背设计初衷。因为小程序总体不能超过一兆。index就是一级。

这里index实际上是一级,logs是二级。二级同样可以有无限多个,但是,不建议超过五个。

具体怎么写一级,二级,根据导航。看怎么跳转。文件可以写成一级,二级结构,也可以不写,直接用平级的。

关于限制:入口文件只能app那三个。文件夹的名字可以随便起,但是文件夹里面的东西名字需要一样。常见新建的文件夹如images,可以在根目录下新建,也可以在相关文件夹下建。同样可以删除。

相关文章