夜光带你走进微信小程序开发（四十）擅长的领域

夜光序言：

赋予清风明月与你
相约少年游，鲜衣怒马。
秀发如烟，风中清扬，
寄予流轩，月下未殇。
清风疏旷，霭霭浮光，
流光皎皎，月色溶溶。
似逢诗意少年，笔下风月无端，
自矜风采若清流。
远山隐隐远水粼粼，天涯远。
岁月静好，于你亦然。

正文：

以道御术 / 以术识道

这里我们来优化接口代码

提取公共的接口路径

export const request=(params)=>{//这里，我们定义一个公共的url//https://api-hmugo-web.itheima.net/api/public/v1/categoriesconst baseUrl = 'https://api-hmugo-web.itheima.net/api/public/v1';//夜光：写一个回调函数嗯return new Promise((resolve,reject)=>{wx.request({...params,url: baseUrl+params.url,//成功之后需要做什么呢success:(result)=>{resolve(result);},//那么失败之后呢~fail:(err)=>{reject();}});})
}

//0 引入 用来发送请求的 方法 一定要把路径补全
import { request } from"../../request/index.js";Page({/*** 页面的初始数据*/data: {//轮播图数组swiperList:[],//夜光：同理，我们再添加一个变量//导航数组cateList:[],//下面来一个最关键的//楼层数组floorList: []},/*** 生命周期函数--监听页面加载*///这个表示页面开始加载，就会触发的一个事件onLoad: function (options) {//1. 发送异步请求，来获取轮播图数据// wx.request({//   url: 'https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata',//   success: (res)=>{//      console.log(res);//     //我们通过下面这个方法进行赋值//     this.setData({//       swiperList:res.data.message//     })//   }// });this.getSwiperList(); //夜光：方法已经封装好了this.getCateList(); //夜光：方法已经封装好了this.getFloorList(); //夜光：方法已经封装好了},//下面我们再做个~~//夜光：获取轮播图数据的方法getSwiperList(){request({url: '/home/swiperdata'}).then(res => {//我们通过下面这个方法进行赋值this.setData({swiperList: res.data.message})//是不是感觉上面这个方法很酷炫})},//夜光：获取导航的方法getCateList() {request({url: '/home/catitems'}).then(res => {//我们通过下面这个方法进行赋值this.setData({cateList: res.data.message})//是不是感觉上面这个方法很酷炫})},//夜光：获取导航的方法getFloorList() {request({url: '/home/floordata'}).then(res => {//我们通过下面这个方法进行赋值this.setData({floorList: res.data.message})//是不是感觉上面这个方法很酷炫})}})

我们以前写web的时候，一个关键的东西，叫做url传参

我们添加一个编译模式

用来实现每次第一个页面都是商品列表页面

刚刚失误了，忘记添加一个参数，启动的参数

夜光带你走进微信小程序开发（四十）擅长的领域相关推荐

夜光带你走进微信小程序开发（四十二）擅长的领域
夜光序言: 世人笑我痴红尘,不过红尘恋伊人. 正文: 以道御术 / 以术识道 /*夜光: pages/g ...
夜光带你走进微信小程序开发（三十）擅长的领域
夜光序言: 医者,是天神的使者,行医是天定的使命.医者是上天择定救人的人,有异于常人的天赋.用上天所赋予的才能行恶,用救人的药物害人,是会遭天谴的. 正文: 以道御术 / 以术识道 ...
夜光带你走进微信小程序研发（十五）
夜光序言: 有一种责任叫男人,有一种承担叫父亲,有一种无言是父爱.人生沧桑刻满皱纹,生活重担压弯脊梁,无声牵挂花了双眼,时间带走曾经青春,笑容永远停留嘴边, 父亲是家庭的支柱,有他在才变得安逸. 母爱 ...
夜光带你走进微信小程序研发（三）
夜光序言: 有些人,回首在身后,再回首却是天涯有些人,抬头在眼前,再抬头不见身影人生这条路,那么多的分岔路口一群人结伴同行,走走停停反而最后只剩下自己正文: 开发工具的介绍为了帮助 ...
微信小程序自带地图_微信小程序开发之之地图功能（map）
本文将带你了解微信小程序开发之之地图功能(map),希望本文对大家学微信有所帮助. 主要介绍微信小程序中的地图模块相关功能.基本使用地图组件使用起来也很简单..wxml 1212参数列表及说明如下:除 ...
微信小程序开发之十八 —— 云数据库入门
文章目录学习前后云数据库的基础知识数据库权限限制简易权限配置安全规则数据库查询查询指令command 条件查询法一:Collection.where 条件查询法二:Collection. ...
3分钟带你了解微信小程序开发
什么是微信小程序微信小程序是腾讯2017年1月9日正式上线的一种基于微信的无需安装的应用程序什么是基于微信简单粗暴的理解就是运行在微信中的应用程序, 如果没有安装微信则不能运行什么是无需安装 ...
带你学微信小程序开发
文章目录 1,小程序 1.1 开发准备 1.1.1 运行环境 1.1.2 开发模式 1.1.3 项目结构 1.1.4 API分类 1.2 一些概念 1.2.1 什么是WXML 1.2.2 什么是WXS ...
微信小程token_微信小程序开发之登录换取token
本文将带你了解微信小程序开发之登录换取token,希望本文对大家学微信有所帮助前言:这次主要是介绍些业务逻辑,技术点倒是没有多少.不过在开发中,优秀的编程思路同样是非常值得学习的. 最近小程序可以说 ...

夜光带你走进微信小程序开发（四十）擅长的领域

夜光序言：

正文：

以道御术 / 以术识道

夜光带你走进微信小程序开发（四十）擅长的领域相关推荐

最新文章

热门文章

夜光带你走进 微信小程序开发（四十）擅长的领域

夜光序言：

正文： 以道御术 / 以术识道

夜光带你走进 微信小程序开发（四十）擅长的领域相关推荐

最新文章

热门文章

夜光带你走进微信小程序开发（四十）擅长的领域

正文：

以道御术 / 以术识道

夜光带你走进微信小程序开发（四十）擅长的领域相关推荐