9.1 前后端交互

首先我们要在安装了 node.js 的环境下安装 nodemon 这个插件。

npm install -g nodemon

2. 修改 npm 和 npm.cmd 两个文件的内部内容。

prefix -g 修改为 prefix --location=global 即可。

执行下面的 cmd 指令

npm install -g color-name --unsafe-perm=true

来到我们的 node.js 服务器的项目文件夹，直接 npm start 运行。

npm start

9.2 banner 轮播图数据的获取

wx.request(对象)

这个对象有特别多的属性，详细的可以去看官方文档。

gttp:localhost:3000/banner

    onLoad(options) {wx.request({url: 'http://localhost:3000/banner',data:{type:2},success: (res) =>{console.log('请求成功',res);},fail: (res) => {console.log('请求失败',res);}});},

它会告诉我们你这 url 不符合规范呀。就会报错。

注意点：

协议必须是 https 协议
一个接口最多只能配置 20个域名
并发限制上限要求只能是十个。

但是如果在开发过程中，我们是可以不用特别遵循这些规范的，但是如果要是发布的话。就必须要遵循了！！

直接在详情里面，选择上不校验 https 就行了。

你看这样的话，就请求成功了。

 data: {banners:{}},/*** 生命周期函数--监听页面加载*/onLoad(options) {wx.request({url: 'http://localhost:3000/banner',data:{type:2},success: (res) =>{console.log('请求成功',res);this.setData({banners:res.data.banners});console.log(this.data.banners);},fail: (res) => {console.log('请求失败',res);}});},

    <!-- 轮播图区域--><swiper class="index-swiper" indicator-dots indicator-color='ivory'  indicator-active-color='#d43c33' autoplay><swiper-item wx:for="{{banners}}" wx:for-item="banner"><image src="{{banner.pic}}"></image></swiper-item></swiper>

微信小程序 09 前后端交互相关推荐

驾校分期-众筹项目java前后端分离项目vue（微信小程序+java前后端源码下载）
可以idea直接打开,mysql数据库项目,前后端分离项目vue,分期可自动设置,自动换算金额驾校分期-众筹项目java前后端分离项目vue(微信小程序+java前后端源码下载)
【小程序websocket前后端交互】uniapp写微信小程序聊天功能功能，websocket交互功能，心跳重连【详细注释，复制即用】
前言这几天在做的一个需求,就是要写一个小程序端的页面,用于跟客服聊天. 然后就用到了websocket技术,以前我做过网页版的,但是做小程序后发现网页版的逻辑放过来没问题,但是很多的方法和api是不 ...
最近很火的倒放挑战 - ReverseVoice (微信小程序版前后端源码) Ts Node Taro
项目地址: https://github.com/smackgg/reversevoice 整个项目其实很简单,从本人在抖音和 B 站看到火起来到最终小程序上线也就几天的下班时间就搞定了,11月16日 ...
微信小程序篇_01 微信小程序与Java后端接口交互
微信小程序与Java后端接口交互准备创建后端项目创建小程序项目本文主要介绍小程序前后端数据的交互,实践演示. 准备创建后端项目我这里就创建一个SpringBoot项目作为演示. 在创建项目 ...
智慧车行预约小程序，汽车保养、维修、美容、检测预测小程序，前后端完整代码包括车行动态，养车常识，保养预约，维修预约，洗车美容预约
功能介绍智慧车行小程序,是一个专门为洗车/4S/车辆维修行业打造的小程序,前后端完整代码包括车行动态,养车常识,保养预约,维修预约,洗车美容预约,汽车检测预约等功能,采用腾讯提供的小程序云开发解决方 ...
微信小程序开发（后端Java）
微信使用的开发语言和文件很「特殊」. 小程序所使用的程序文件类型大致分为以下几种: ①WXML(WeiXin Mark Language,微信标记语言) ②WXSS(WeiXin Style Shee ...
微信小程序开发前准备
微信小程序开发前准备前期准备开发者工具聚合免费API接口开发者账号注册文件解析 1.app.js是小程序的脚本代码.程序的主体代码主要在这个文件中实现.这个文件中包括小程序的生命周期函数 ...
微信小程序与webview H5交互（内嵌H5跳转原生页面）
在开发中,使用web-view组件内嵌H5页面是非常常见的,但很多人不知道webview内嵌H5如何与原生小程序交互.下面介绍下实现微信小程序与webview H5交互的方法. web-view功能 ...
微信小程序向java后端发送对象时，后端接收不到
微信小程序前端向后端发送对象接收不到这里时请求头这里时data中做的假数据这是封装好的 post请求后端的Controller代码返回的结果接收结果为null 但是可以接到可以用过加@ ...

微信小程序 09 前后端交互

9.1 前后端交互

9.2 banner 轮播图数据的获取

微信小程序 09 前后端交互相关推荐

最新文章

热门文章