spring boot + 微信小程序或Vue的本地图片映射展示

后端:

一、首先我们需要去application.yml配置文件

二、配置config文件

三、写controller层代码

数据库:

页面:

小程序:

一、接受后端传来的数据

/**

   * 生命周期函数--监听页面加载

   */

  onLoad(options) {

    this.getHouseList()

  },

  //获取页面数据

  getHouseList() {

    let that = this;

    wx.request({

      url: api.HouseAllFind,

      method: 'GET',

      success: function (res) {

        if (res.data.code == 20000) {

          var houseListAll = res.data.data.houseListAll

          for (let i = 0; i < houseListAll.length; i++) {

            var imgs = houseListAll[i].picture1

            var img = "http://localhost:8080/" + imgs

            houseListAll[i].picture1 = img

          }

          console.log(houseListAll)

          that.setData({

            fw_list: houseListAll 

          })

        }

      }

    })

  },

最后展示结果:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值