小程序就是把javaWeb项目的jsp/(thymeleaf)html的代码放在小程序写。

两者的区别

action=”wxtest”|| url: ‘http://localhost:8035/wxtest',

//jsp
<form action="wxtest" method="post">

   name: <input name="username"/> <br/>
   name: <input name="password"/> <br/>
   <button type="submit">提交</button>

   </form>

//wx
//Page({

  // bindtest按钮监听事件
  bindtest:function(){
    wx.request({
      url: 'http://localhost:8035/wxtest',
      data:{
        username:"001",
        password:"abc",
      },
      method:"GET",
      header:{
        'content-type': 'application/json' //默认值
      },
      success: function (res) {
        console.log(res.data);
      },
      fail: function (res) {
        console.log("失败");
      }
    })
  }
})

((idea)springboot框架)后端+前端(微信小程序)的demo:简单数据交互完整教程

//后端
public class wxController extends HttpServlet {
    @RequestMapping("/wxtest")
    public void wxtest(User u, HttpServletResponse response) throws IOException {
        System.out.println("username:" + u.getUsername() + "passsword:" + u.getPassword());
        System.out.println("username:" + u.getUsername() + "passsword:" + u.getPassword());
        System.out.println("username:" + u.getUsername() + "passsword:" + u.getPassword());
        System.out.println("username:" + u.getUsername() + "passsword:" + u.getPassword());
        System.out.println("username:" + u.getUsername() + "passsword:" + u.getPassword());

        Writer out=response.getWriter();
        out.write("enter wxBack");
        out.flush();
    }

}

//前端
Page({

  // bindtest按钮监听事件
  bindtest:function(){
    wx.request({
      url: 'http://localhost:8035/wxtest',
      data:{
        username:"001",
        password:"abc",
      },
      method:"GET",
      header:{
        'content-type': 'application/json' //默认值
      },
      success: function (res) {
        console.log(res.data);
      },
      fail: function (res) {
        console.log("失败");
      }
    })
  }
})