微信小程序前后端数据交互的详细图文教程

var user = wx.getStorageSync('user')
//从storage缓存中获取用户数据
util.request(api.supplyCount,//url为api中定义好的
            {shopId: user.shopId}//返回的数据为用户的shopId
            ,'GET').then(res => {//请求的方法为get,res为获取的数据
                this.setData({//将res赋值为data中的supplyCount
                   supplyCount: res
                })
})

util.request(api.wantBuyCount,
        {shopId: user.shopId}
        ,'GET').then(res => {
        this.setData({
          wantBuyCount: res
        })
      })

  <view class='top_nav'>
    <view class='top_column'>
      <view class='top_column_item' bindtap='GoMySupply' data-index='1' data-route='/pages/purchase/purchase'>
        <text class="top_column_item_count">{{supplyCount}}</text>
        <view class='user_column_item_text'>我的车源</view>
      </view>
      <view class="divLine"></view>
      <view class='top_column_item' bindtap='goMyQuote' data-index='2' data-route='/pages/purchase/purchase'>
        <text class="top_column_item_count">{{wantBuyCount}}</text>
        <view class='user_column_item_text'>我的求购</view>
      </view>
    </view>
  </view>

@RequestMapping("/wx/supply")
public class WxSupplyController {
 
	@Autowired
	private SupplyService supplyService;
 
	@GetMapping("count")
	public int count(Integer shopId){
		int number = supplyService.countByshopId(shopId);
		return number;
	}
}

@Service
public class SupplyService {
        @Resource
        private LitemallFORMSupplyMapper formSupplyMapper;
 
 
        public int countByshopId(Integer shopId){
            LitemallFormSupplyExample example = new LitemallFormSupplyExample();
            LitemallFormSupplyExample.Criteria criteria = example.createCriteria();
            example.or().andShopIdEqualTo(shopId);
            return (int)formSupplyMapper.countByExample(example);
        }
}