//index.js数据库
//获取应用实例json
wx.showLoading({ title: '加载中...', icon: 'loading' });app
var goodsList;dom
const app = getApp();ide
Page({函数
data: {ui
goodsList: []this
},url
//事件处理函数xml
// bindViewddTap: function () {
// wx.switchTab({
// // 点击跳转到哪个页面(只在你导航栏之间跳转)
// url: '../mine/mine'
// })
// },
// 跳转到公共页面
publics: function () {
wx.navigateTo({
url: '../public/public',
})
},
// 开始调用接口
onLoad: function () {
//开始调用列表数据
loagGoodsList(this);
//列表数据调用结束
},
})
// 获取接口数据
function loagGoodsList(obj) {
wx.request({
url: 'http://192.168.0.36/ZYH_SERVER/goods/list', //商品列表请求地址
// 页面向数据库中传参数
data: {
total:30
},
header: {
'content-type': 'application/json' // 默认值
},
success: function (res) {
wx.hideLoading();
//请求访问的返回值
// console.log(res);
if (res.statusCode == 200) {
var temp = res.data.data;
var arr = new Array();
for(var i=0;i<temp.length;i++){
var tm = temp[i];
tm.goods_name = substr(temp[i]['goods_name'],45,'...');
tm.distance = ((Math.random(100))*10).toFixed(2);
arr.push(tm);
}
// console.log(arr);
obj.setData({
goodsList: arr
});
}
}
});
}
/*
* 描述：截取字符串
* str： 源字符串
* len： 显示的字节数
* suf： 尾部追加字符串
*/
function substr(str, len, suf) {
if (!str || !len) {
return '';
}
// 预期计数：中文2字节，英文1字节
var a = 0;
// 循环计数
var i = 0;
// 临时字串
var temp = '';
for (i = 0; i < str.length; i++) {
if (str.charCodeAt(i) > 255) {
// 按照预期计数增长2
a += 2;
} else {
a++;
}
// 若是增长计数后长度大于限定长度，就直接返回临时字符串
if (a > len) {
return temp + (suf ? suf : "");
}
// 将当前内容加到临时字符串
temp += str.charAt(i);
}
// 若是所有是单字节字符，就直接返回源字符串
return str;
}
---------------------------------------------------------------------------------------------------------
<!--index.wxml-->
<view class="index">
<view class='div'>
<image class='div' src='../images/lunbo2.png'></image>
</view>
<view class='goods' wx:for="{{goodsList}}" bindtap='publics'>
<view class='goodsImages'><image class='goodsImages' src='{{item.tu_pian}}'></image></view>
<view class='goodsName'>{{item.goods_name}}</view>
<view class='leftAndRight'>
<view class='left'>
<view class='yuanPrice'>原价:￥{{item.yuan_jia}}</view>
<view class='kunCun'>库存：{{item.ku_cun}}</view>
</view>
<view class='right'>
<view class='youhuiPrice'>优惠金:￥{{item.you_hui_jia}}</view>
<view class='saleManys'>月销售量:{{item.yue_xiaoliang}}</view>
</view>
</view>
<view class='buttom'>
<view class='shopName'><image class='shopImages' src='../images/prictes.png'></image>{{item.shopname}}</view>
<view class='distance'>距离：{{item.distance}}km</view>
</view>
</view>
</view>