01——微信小程序官方demo讲解——文件结构

Posted whitehome

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了01——微信小程序官方demo讲解——文件结构相关的知识,希望对你有一定的参考价值。

1.环境概览

首先环境配置的部分略过,打开小程序开发工具。选择一个空目录,即可开始一个demo项目。

其中新建成功后的目录如图所示:

技术分享图片

 

2.文件结构描述

如图所示,左边是界面展示,右边是目录结构。

目录大体分为3部分:app部分。pages部分。其他部分。

app主要放置一些全局性的变量以及配置。就相当于浏览器中的windows.node中的global。

pages中放的是一个一个的页面。一个页面由一个文件夹组成,文件夹内由四部分组成,js,wxml,wxss,json。

  其中js主要是该页面的业务逻辑部分。

  其中wxml主要是该页面的页面结构部分。对应web开发中的html

  其中wxss主要是存放该页面的样式部分。对应web开发中的css部分。

  其中json主要存放页面的配置。可以省略。

以上是关于01——微信小程序官方demo讲解——文件结构的主要内容,如果未能解决你的问题,请参考以下文章

03——微信小程序官方demo讲解——page部分

微信小程序——组件

微信小程序基础学习

微信小程序导航:官方工具+精品教程+DEMO集合+最新资讯

【微信小程序】本地缓存

微信官方的php小程序demo怎么用