微信小程序前后端交互案例

微信小程序前后端交互案例

首先声明一下，本人也是一个初学者(下面的案例可能会有很多不完整或说的不正确的，所以只能起到参考作用，千万不要拿我的话当标准)。
我是纯自学，之前在前后端交互方面一直搞不懂，所以现在想把自己的理解写下来在下面，给初学者以参考作用

首先，我认为小程序的数据走向是这样的：
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与数据库连接进行增删改查

略…

一个简单的案例

案例前端：

后端：

有许多不足的地方和不好的地方欢迎指正，我写的不清楚的地方也可以在评论区留言问我。