【无标题】

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

提示：这里可以添加本文要记录的大概内容：

例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、小程序每个文件夹的作用？

二。小程序工作面板

三、 封装request

为什么要封装 request

1.定义 baseURl
2.添加请求头
3.添加加载提示
4.同一错误处理

代码

//基础的url
const URI = {
  baseURL:'http://dida100.com'
}
//{name:"mumu",age:18} => name=mumu&age=18
function tansParam(obj){
  var str = '';
  for(var k in obj){
    str+=k+'='+obj[k]+'&';
  }
  //移除最后一个&
  return str.slice(0,-1);
}
function request(option){
  var url = option.url;
  //01 可以添加baseURl
  url= url.startsWith('http')?url:URI.baseURL+url;
  //选项里面有params （get 传入的参数）
  if(option.params){
    //如果 有参数，把参数转换为url 编码形式加入
    url+='?'+tansParam(option.params);
  }
  //02 可以添加请求头
  var header = option.header || {};
  header.Authorization = 'Bearer '+wx.getStorageSync('token');
  //03 可以添加加载提示
  if(option.loading){
      wx.showToast({
        title: option.loading.title,
        icon:option.loading.icon,
      })
  }
  //返回一个promise
  return new Promise((resolve,reject)=>{
    wx.request({
      //请求的地址如果 --- http开头 直接用url 不是http开头，添加baseURL
      url: url,
      method:option.method||'GET', //请求的方法  默认get
      data:option.data,//post 传入的参数
      success(res){
        //请求成功
        resolve(res.data);
      },
      fail(err){
        //04对错误进行处理
        wx.showToast({title:"加载失败",icon:'none'})
        //请求失败
        reject(err)
      },
      complete(){
        //关闭加载提示
        wx.hideToast()
      }
    })
})
}
//定义get简易方法
request.get=(url,config)=>{
  return request({url,method:"get",...config})
}
//定义post简易方法
request.post=(url,data,config)=>{
  return request({url,method:"post",data,...config})
}
//导入request
module.exports={request}

---

4.

工具构建npm

app.json删除v2

导入组件

使用组件

四。组件

view组件

view类似于块元素，具有块元素的功能和特性

text组件

text类似于行内元素，具有行内元素的功能和特性

五。tabbar 小程序底部导航栏

"tabBar": {
    "color": "#ccc",
    "selectedColor": "#55D1FB",
    "borderStyle": "white",
    "list": [
      {
        "selectedIconPath": "./pages/img/t1-h.png",
        "iconPath": "./pages/img/t1.png",
        "pagePath": "pages/nav/nav",
        "text": "首页"
      },
      {
        "selectedIconPath": "./pages/img/t2-h.png",
        "iconPath": "./pages/img/t2.png",
        "pagePath": "pages/jok/jok",
        "text": "笑话"
      },
      {
        "selectedIconPath": "./pages/img/t3-h.png",
        "iconPath": "./pages/img/t3.png",
        "pagePath": "pages/home/home",
        "text": "home"
      },
      {
        "selectedIconPath": "./pages/img/t4-h.png",
        "iconPath": "./pages/img/t4.png",
        "pagePath": "pages/yidian/yidian",
        "text": "一点"
      }
    ]
  },

八。页面跳转

1.小程序的页面跳转

组件跳转

url 跳转的地址

			open-type 打开类型
			navigate 普通跳转
			navigateBack 返回
			redirect 重定向
			switchTab 跳转底部栏
			reLaunch 重启

api跳转

	wx.navigateTo  跳转
	wx.switchTab  切换底部栏
	wx.redirect 重定向
	wx.reLaunch 重启

总结

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了小程序的使用，而小程序提供了大量能使我们快速便捷地处理数据的函数和方法。