微信小程序和ssm交互

后端用的是ssm,具体就不讲怎么配置了。

前端用小程序,第一次做这个。

在user.js中

const USER_URL = 'http://localhost:81/showAllUser';
let appDatas = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    user: ""
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    wx.request({
      url: USER_URL,
      success: (response) => {
        this.setData({
          user:response.data
        })
        console.log(response);
        //appDatas.data=response.data;
        // 更新app数据
        
      }
    });



  },


})

在user.wxml中


  
  id:{{user.id}}\n
  name:{{user.name}}

就可以获取到数据库中的数据了。

微信小程序和ssm交互_第1张图片

如果有多个用户则遍历输出

其他都不变,user.wxml中改为



  id:{{user[index].id}}\n
  name:{{user[index].name}}

微信小程序和ssm交互_第2张图片

你可能感兴趣的:(微信小程序和ssm交互)