码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2018-03-18 14:59:49      阅读:404      评论:0      收藏:0      [点我收藏+]

标签:环境配置   文件夹   微信小程序   lob   inf   空目录   全局   概览   变量   

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讲解——文件结构

标签:环境配置   文件夹   微信小程序   lob   inf   空目录   全局   概览   变量   

原文地址:https://www.cnblogs.com/whiteHome/p/8595267.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!