微信小程序前后端交互案例
微信小程序前后端交互案例
首先声明一下，本人也是一个初学者(下面的案例可能会有很多不完整或说的不正确的，所以只能起到参考作用，千万不要拿我的话当标准)。 我是纯自学，之前在前后端交互方面一直搞不懂，所以现在想把自己的理解写下来在下面，给初学者以参考作用
首先，我认为小程序的数据走向是这样的： wxml(展示给用户)<<>>js(提供数据给wxml)<<>>后端Java(提供数据给js)<<==>>数据库
第一阶段 wxml(展示给用户)<<==>>js(提供数据给wxml)
第二阶段 js(提供数据给wxml)<<==>>后端Java(提供数据给js)
前端代码
wx.request({
url: ,// 服务器后端的地址
data: {
// 传给后端的数据
},
method:"", // 请求的方式有Get和Post两种
success(res){
// 这里写请求成功后会执行的代码
}
})
比较重要的，需要掌握的只有三个
1、url // 这是一个地址，指向Java后端代码的一个方法，每次发起请求的时候都会执行该方法
2、data // 这是发起请求时要传给Java的数据(通常为JSON格式)
3、success(res){
// 这是一个js中的函数，每次发起请求成功以后就会执行该函数，res是参数(里面存放着Java后端相应回来的数据)
// 在这里写请求成功之后要执行的代码，比如:
console.log(res.data);// 打印后端相应回来的数据
}
后端代码
第三阶段 后端Java(提供数据给js)<<==>>数据库
使用JDBC与数据库连接进行增删改查
略…
一个简单的案例
案例前端：
后端：
上一篇：
uniapp开发微信小程序-2.页面制作
下一篇：
微信小程序 09 前后端交互