微信小程序开发详解(三)---微信小程序工程目录结构
来源:互联网 发布:linux翻墙教程 编辑:程序博客网 时间:2024/05/29 19:05
1:打开微信小程序开发工具,进入编辑模式,如下图1所示
图1
1:这个项目主要由pages/firstPage,pages/index,pages/logs,这几个文件夹组成,这几个文件夹主要描述整个小程序的界面信息。
每个文件下基本可以分为:.js,.wxml,.wxss,.json等文件组成。
例如:
index.js:描述index页面的逻辑信息(类比:js代码)
index.wxml:描述index页面的布局信息(类比:HTML页面布局)
index.wxss:描述index页面的布局的样式信息(类比:CSS信息)
2:项目总体配置信息:
由app.js,app.json,app.wxss三个文件组成
app.json:由图1所示,描述整个工程的页面信息(由"pages"描述),"window"主要描述该项目整体背景,导航栏等样式,如果某个文件夹中某个.json文件中有相同的描述,则会覆盖"window"中描述的信息。
app.wxss:主要描述该项目整体的样式,如图2所示
图2
app.js:主要描述该项目入口逻辑,主要描述一些用户登录后的信息,如图3所示
图3
0 0
- 微信小程序开发详解(三)---微信小程序工程目录结构
- 1. 微信小程序的目录结构详解
- 微信小程序目录结构
- 微信小程序目录结构
- 微信小程序 目录结构
- Android开发:程序目录结构详解
- 微信小程序目录详解
- 微信小程序的工具使用以及目录结构详解
- 微信小程序学习 -- 项目开发目录结构简析
- Android开发:程序目录结构详解:activity主要方法等
- Android开发二:工程目录结构详解
- 详解微信小程序开发
- 微信小程序系列2(目录结构了解)
- 1.2微信小程序的目录结构介绍
- Android核心基础-3.开发一个Android程序-3.4.了解工程目录结构
- 一、android程序目录结构详解
- 微信小程序学习笔记(2)--------框架之目录结构
- (二)微信小程序之文件结构目录解析
- Optional使用说明
- 环境配置
- jquery控制页面 div块中所有img 宽度
- easyui的formatter属性的用法
- Android Widget开发案例(世界杯倒计时!)
- 微信小程序开发详解(三)---微信小程序工程目录结构
- 情感分析的词典资源
- 贪心算法
- 第16周项目1 验证算法(3)冒泡排序
- java将数字转化为指定类型[float保留小数点确定、数字前加0]
- 阿里云Linux配置java生产环境
- 社团划分——Fast Unfolding算法
- C语言笔记7--预处理器(preprocessing)
- Linux 安装composer 及laravel 对 composer使用