微信小程序目录结构、事件处理、网络请求

微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。

一.目录结构

pages同级目录是全局的配置，

1.app.js里面是一些全局的函数，比如获取用户信息（微信头像用户名）

2.app.json是全局的配置（有点像android中的manifest），还有窗体的color、title等

3.app.wxss相当于html中的css

4.pages目录下的是基本的页面结构，初始化是index文件夹，其下有index.js、index.wxml、index.wxss三个文件 

# index.js中是函数处理 

# index.wxml中是view界面

# index.wxss中是样式设置

所以说一个页面实际是需要三个文件的。

5.添加文件

img文件夹是我自己添加的，用来放图片

main和list也是添加的文件

添加文件需要放在父级目录后面的加号

添加的.wxml的文件需要在app.json里面添加配置！！！

而且编辑页面之后一定要保存ctrl+s！！！

保存之后才会编译

二.事件处理

1.比如首页的点击跳转

1）index.wxml布局。用bindtap绑定事件

2）index.js做事件处理

wx.navigateTo是跳转API，url指定跳转的页面

2.toast，dialog，加载图片

1）布局

2）代码

3.关于事件绑定

三.请求网络

1）布局只是一个button

<view><button bindtap="request">request</button></view>

2）请求代码

3）请求结果之后（成功弹了一个toast）

是可以拿到数据的，flag为true。

源码下载 ：https://github.com/bige-ye/weichat

官网：点击打开链接