重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
通常是将图片的地址存储到数据库,上传之后,应该能获得图片的保存地址,然后把这个图片地址以字符串形式存储到数据库里。
创新互联建站坚信:善待客户,将会成为终身客户。我们能坚持多年,是因为我们一直可值得信赖。我们从不忽悠初访客户,我们用心做好本职工作,不忘初心,方得始终。十载网站建设经验创新互联建站是成都老牌网站营销服务商,为您提供成都网站制作、成都网站设计、外贸营销网站建设、网站设计、H5场景定制、网站制作、品牌网站设计、小程序制作服务,给众多知名企业提供过好品质的建站服务。
wx.request({
url: '',
header: {
"Content-Type": "application/x-www-form-urlencoded"
},
method: "POST",
data: { mobile: e.detail.value.mobile, password: e.detail.value.password },
success: function (res) {
if (res.data.status == 0) {
wx.showToast({
title: res.data.info,
icon: 'loading',
duration: 1500
})
} else {
wx.showToast({
title: res.data.info,//这里打印出登录成功
icon: 'success',
duration: 1000
})
}
},
fail: function () {
wx.showToast({
title: '服务器网络错误!',
icon: 'loading',
duration: 1500
})
}
})
在MYSQL中新建一个test数据库,在里面新建一张type数据表,下面将从该表获得数据。数据表的数据如下:
2
/7
新建一个project小程序项目,用于讲解微信小程序如何获得数据库数据。
在project项目内,新建一个index模块来从数据库获得数据,并将数据输出在index.wxml页面。
4
/7
在index模块中index.js页面,在onLoad中使用wx.request方法向服务端文件请求数据。url为请求数据的地址;data为传输的参数,这里设置为空;method为传递参数的方式,header用于设置请求的数据类型,success是成功获得数据后的操作,这里设置当成功获得数据后,把数据传递给index.wxml页面。
5
/7
在index.wxml页面,使用for循环遍历输出index.js传递过来的数据data,通过item将data数据输出在页面。
6
/7
在服务端新建一个api.php页面来接收微信小程序的数据请求,在api.php页面,使用mysqli连接数据库,通过query方法来执行sql语句从type数据表获得所有数据,再使用fetch_all方法获得数组数据,最后通过json_encode方法将获得的数组数据转换为json数据返回给微信小程序。代码如下:
7
/7
编译微信小程序,查看从数据表type获得数据内容,可见,成功从数据库读取数据并输出在页面上。