1. images ：存放图片的文件夹
   

2. pages：路由页面指定的页面模块

                .wxml 可以理解为 html，实际上为微信上提供的组件

                .wxss 可以理解为写css的地方

3. utils：存放共用的方法

   app.js 小程序加载时就运行，相当于全局的方法

   app.json 来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 

   project.config.json 本地生成的配置
   

https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/page.html

小程序开发1-9代码结构讲解

app.json  小程序基本配置都在这里 pages  其实就是路由   路径：某个模块对应的路径
app.wxss  公用的css
utils 公用的方法都可以放到这里
app.js  程序入口

app.js：小程序加载的时候必须从app.js里先运行的，相当于全局方法，全局变量都可以塞进来。

app.json：整个小程序的基本配置都在其中；pages是路由，windows是整个小程序框架的设置，主要是顶部的设置。
                                                                                                                                                                                                                                                

pages路由页面的页面模块，pages的模块下面都包含有 js、wxml(html)、wxss(css) 。

 app.js  全局变量或全局的东西都可以放进去。 

app.json  pages下 可增加路由页面  如 “pages/sql/sql” 会在目录pages下增加 sql 页面模块

app.wxss 公用css 

index.js相当于js文件

index.wxml相当于html文件

index.wxss:相当于css文件

小程序首页是pages/index/index

小程序必须是操作数据，通过数据渲染页面，更像是vue/react。

Page的生命周期配置：Page()函数用来注册一个页面。接受一个Object参数，其指定页面的初始数据、生命周期函数、事件处理函数等。

代码结构：

pages是路由页面指定的页面模块，模块下的每个目录是一个组件，每个组件都包含了js、wxml、wxss文件。

utils：包含一些公用方法。

根目录下：

app.js：小程序加载时的入口，包含全局方法和全局变量。

app.json：包含小程序的基本配置，pages是路由(指向路径，配置后自动生成)，window是小程序框架的设置，主要是顶部的设置。

app.wxss：包含公用的css样式。

project.config.json：包含开发者的自定义配置。

index.js  :js

index.wxml: 相当于html

index.wxss: css

123123213123123

佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰

佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰

佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰

佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰

佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰

佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰

佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰学Excel视跟王佩丰

Page生命周期 https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html

用数据渲染页面，类似于vue和react，

Page

123123213213

123东山街道激动啊

请问哦我耳机穷

睡觉爱哦京东年纪大

1231312312321

小程序的配置都在app.json中。

生命周期网址

page的生命周期配置

讲的很好，收益

Page的生命周期配置：

https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html

代码结构讲解

小程序必须是操作数据 通过数据渲染界面

app.json里的pages就是路由，window主要是设置，主要是对顶部的设置

app.wxss放置公用的css

Page的生命周期配置：

https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html

小程序开发通过数据渲染页面；

page生命周期： 

代码结构：

pages路由页面指定的页面模块：一个index目录是一个组件，一个pages下面有n多个组件。

index中包含index.js（功能写JS）、index.wxml(主要是微信提供的组件)、index.wxss(css)。

utils:公用方法；

pages同级也可创建如template的组件。

app.js小程序加载首先运行的，包含全局方法和变量。

app.json小程序基本配置：pages是路由，window是小程序框架的设置，主要是顶部的设置。

pages下面新加目录后，就会体现在pages目录下。

app.wxss：公用css都放在这里。