//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>