充值订单 换算成美元 方法,利用bootstrap-table插件和requests库实现

效果图:
效果图

前端js代码:

// 订单汇总 请求
$(document).ready(function () {
    $('#orderSumBtn').click(function () {
        if ( !$('#rechargeStartTime').val() || !$('#rechargeEndTime').val() ) {
            alert('充值时间不能为空!');

        } else {
            createOrderSumTable();
        }
    })
});

// 订单汇总 查询结果返回  调用 bootstrap-table 插件
function createOrderSumTable() {
    $('#order_sum').bootstrapTable('destroy');
    postOrderSumData = function () {
        var temp = {
            "zoneID": $('#zoneID').val(),
            "channelID": $('#channelID').val(),
            "payType": $('#payType').val(),
            "orderState": $('#orderState').val(),
            "country": $('#country').val(),
            "currency": $('#currency').val(),
            "gameOrderId": $('#gameOrder').val(),
            "channelOrder": $('#channelOrder').val(),
            "UID": $('#UID').val(),
            "rechargeStartMoney": $('#rechargeStartMoney').val(),
            "rechargeEndMoney": $('#rechargeEndMoney').val(),
            "rechargeStartTime": $('#rechargeStartTime').val(),
            "rechargeEndTime": $('#rechargeEndTime').val(),
            "inAccountStartTime": $('#inAccountStartTime').val(),
            "inAccountEndTime": $('#inAccountEndTime').val()
        };
        return temp;
    };
    $('#order_sum').bootstrapTable({
        url: '/orderSum',
        method: 'post',
        contentType:"application/x-www-form-urlencoded; charset=UTF-8",
        queryParams: postOrderSumData,
        cache: false,
        pagination: true,
        sidePageination: 'client',  // 注意:我这里是 客户端分页!!
        pageNumber: 1,
        pageSize: 20,
        pageList: [10, 25, 50],
        height: 420,
        silent: true,    // 刷新服务器数据
        rowStyle: function (row, index) {  // 设置最后一行 行样式
            if (index == $('#order_sum').bootstrapTable('getData').length-1) {
                return {
                    css: {
                        "text-align": "center"
                    }
                };
            }
            return {};
        },
        columns: [{
            field: 'fromCurrency',
            title: '充值货币',
            valign: 'middle',
            // align: 'left',
            // halign: 'center'
        }, {
            field: 'rechargePlayersCount',
            title: '充值人数(去重)',
            valign: 'middle'
        }, {
            field: 'rechargeOrders',
            title: '充值订单数量',
            valign: 'middle'
        }, {
            field: 'fromCurrencyAmount',
            title: '充值货币数量',
            valign: 'middle'
        }, {
            field: 'rate',
            title: '汇率',
            valign: 'middle'
        }, {
            field: 'toUSDAmount',
            title: '美元',
            valign: 'middle'
        }],
        responseHandler: function (res) {
            var orderSumData = res['rows'];
            return orderSumData;
        },
        onLoadSuccess: function (data) {
            var index = $('#order_sum').bootstrapTable('getData').length-1;
            $('#order_sum').bootstrapTable('mergeCells', {index: index, field: 'rechargePlayersCount', colspan: 5});   // 合并单元格,只能 从 左 向 右 合并
        }
    })
}

后端python接受并处理请求:

def order_sum(request):
    postOrderSumData = request.POST
    requestResults = requestsOrderSum(postOrderSumData)   ### 发送到 model层,处理具体请求
    if requestResults == 0:
        return HttpResponse('0')

    elif requestResults == -1:
        return HttpResponse('-1')
    else:
        returnData = {"rows": []}
        totalUSD = 0   ### 美金 累加计算
        for result in requestResults:
            totalUSD += float(result['toUSDAmount'])
            returnData['rows'].append({
                "fromCurrency": result['fromCurrency'],
                "rechargePlayersCount": result['rechargePlayersCount'],
                "rechargeOrders": result['rechargeOrders'],
                "fromCurrencyAmount": result['fromCurrencyAmount'],
                "rate": result['rate'],
                "toUSDAmount": result['toUSDAmount']
            })
''' 将 最终 美元的数据结果,放到 去重人数 那一列,可以合并单元格(左 --> 右)    %.2f float保留2位小数 '''
        returnData['rows'].append({"fromCurrency": "美元总计", "rechargePlayersCount": '%.2f' % totalUSD})
    return HttpResponse(json.dumps(returnData))

后端model层处理具体请求:

def requestsOrderSum(postOrderSumData):
    queryResult = db_queryOrder(postOrderSumData)  ### 先去 数据库中,查询符合条件的 数据
    if queryResult == 0:
        return 0
    elif queryResult == -1:
        return -1
    else:
        ''' 当 有查询结果时,才执行下面的汇总,以及发起 汇率请求 '''
        currencyData = []     #汇总结果,如:[{'USD': '555'}]
        queriedCurrency = []  #记录 已经查询过的 货币
        j = -1  #第2个循环的 计数器
        for data in queryResult:
            j += 1
            fromCurrency = data['pricecurrencycode']  # 本地货币
            fromCurrencyAmount = data['priceamount']  # 本地货币金额
            rechargePlayers = data['uid']             # 充值玩家(UID识别)
            rechargePlayersCount = 1                  # 充值人数计数(去重)
            rechargeOrders = 1                        # 充值订单数
            #print('j======= ', j)
            if fromCurrency not in queriedCurrency:  # 只有不在 queriedCurrency 里的,才可以 进行循环 汇总求和
                    rechargePlayersSet = set()  # Set集合,需要 集合中的元素不能有重复的(每笔订单的充值客户UID)
                ''' 双循环 '''
                for i in range(j+1, len(queryResult)): ## 注意这里,是 j+1 !!!!!
                    #print(i)  # 0-310
                    if fromCurrency == queryResult[i]['pricecurrencycode']:
                        fromCurrencyAmount += queryResult[i]['priceamount']   # 充值金额 汇总
                        rechargeOrders += 1                                   # 充值订单数 汇总
                        rechargePlayersSet.add(queryResult[i]['uid'])         # 向Set中 添加元素
                ''' 去重人数计算,遍历Set集合 '''
                for player in rechargePlayersSet:
                    if rechargePlayers != player:
                        rechargePlayersCount += 1                            # 充值人数计数(去重)汇总
                queriedCurrency.append(fromCurrency)
                currencyData.append({"fromCurrency": fromCurrency, "fromCurrencyAmount": fromCurrencyAmount, "rechargePlayersCount": rechargePlayersCount, "rechargeOrders": rechargeOrders})
        # print(currencyData)
        return requestUSD(currencyData)  ## 发起 爬虫请求

后端requests爬虫:

import requests
import re

def requestUSD(currencyData):
    requestResults = []    ## 收集 爬虫结果集
    for requestData in currencyData:
        getParams = {'from': requestData['fromCurrency'], 'to': 'USD', 'q': requestData['fromCurrencyAmount']}
        r = requests.get('http://m.ip138.com/huilv/huilv.asp', params=getParams)
        if r.status_code == 200:
            r.encoding = 'utf-8'   # 设定编码,否则会出现 乱码
            content = r.text
            #print(content)
            data=content.split('<table border="1" cellpadding="3" cellspacing="0" width="260" align="left"><tr align=center>')[1]
            #print(data)
            result = re.match('<td>([^<]*)</td><td>[^<]*</td><td>[^<]*</td></tr>\s*<tr align=center><td>([^<]*)</td><td>([^<]*)</td><td>([^<]*)</td>', data)
            #print('匹配结果:', result.group())
            fromCurrency = result.group(1) #获取 第1个 捕获组
            fromCurrencyAmount = result.group(2)
            rate = result.group(3)
            toUSDAmount = result.group(4)
            #print(fromCurrency, fromCurrencyAmount, rate, toUSDAmount)
            requestResults.append({"fromCurrency": fromCurrency, "fromCurrencyAmount": fromCurrencyAmount, "rate": rate, "toUSDAmount": toUSDAmount, "rechargePlayersCount": requestData['rechargePlayersCount'], "rechargeOrders": requestData['rechargeOrders']})
    #print(requestResults)
    return requestResults
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS组件Bootstrap Table使用方法详解 转载 2016年03月21日 15:06:09 标签: Bootstrap Table 最近客户提出需求,想将原有的管理系统,做下优化,通过手机也能很好展现,想到2个方案: a方案:保留原有的页面,新设计一套适合手机的页面,当手机访问时,进入m.zhy.com(手机页面),pc设备访问时,进入www.zhy.com(pc页面) b方案:采用bootstrap框架,替换原有页面,自动适应手机、平板、PC 设备 采用a方案,需要设计一套界面,并且要得重新写适合页面的接口,考虑到时间及本问题,故项目采用了b方案 一、效果展示 二、BootStrap table简单介绍 bootStrap table 是一个轻量级的table插件,使用AJAX获取JSON格式的数据,其分页和数据填充很方便,支持国际化 三、使用方法 1、引入js、css [js] view plain copy <!--css样式--> <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet"> <link href="css/bootstrap/bootstrap-table.css" rel="stylesheet"> <!--js--> [removed][removed] [removed][removed] [removed][removed] [removed][removed] 2、table数据填充 bootStrap table获取数据有两种方式,一是通过table 的data-url属性指定数据源,二是通过JavaScript初始化表格时指定url来获取数据 [xhtml] view plain copy ... ... [xhtml] view plain copy $('#table').bootstrapTable({ url: 'data.json' }); 第二种方式交第一种而言在处理复杂数据时更为灵活,一般使用第二种方式来进行table数据填充。 [js] view plain copy $(function () { //1.初始化Table var oTable = new TableInit(); oTable.Init(); //2.初始化Button的点击事件 /* var oButtonInit = new ButtonInit(); oButtonInit.Init(); */ }); var TableInit = function () { var oTableInit = new Object(); //初始化Table oTableInit.Init = function () { $('#tradeList').bootstrapTable({ url: '/VenderManager/TradeList', //请求后台的URL(*) method: 'post', //请求方式(*) toolbar: '#toolbar', //工具按钮用哪个容器 striped: true, //是否显示行间隔色 cache: false, //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*) pagination: true, //是否显示分页(*) sortable: false, //是否启用排序 sortOrder: "asc", //排序方式 queryParams: oTableInit.queryParams,//传递参数(*) sidePagination: "server", //分页方式:client客户端分页,server服务端分页(*) pageNumber:1, //初始化加载第一页,默认第一页 pageSize: 50, //每页的记录行数(*) pageList: [10, 25, 50, 100], //可供选择的每页的行数(*) strictSearch: true, clickToSelect: true, //是否启用点击选中行 height: 460, //行高,如果没有设置height属性,表格自动根据记录条数觉得表格高度 uniqueId: "id", //每一行的唯一标识,一般为主键列 cardView: false, //是否显示详细视图 detailView: false, //是否显示父子表 columns: [{ field: 'id', title: '序号' }, { field: 'liushuiid', title: '交易编号' }, { field: 'orderid', title: '订单号' }, { field: 'receivetime', title: '交易时间' }, { field: 'price', title: '金额' }, { field: 'coin_credit', title: '投入硬币' }, { field: 'bill_credit', title: '投入纸币' }, { field: 'changes', title: '找零' }, { field: 'tradetype', title: '交易类型' },{ field: 'goodmachineid', title: '货机号' },{ field: 'inneridname', title: '货道号' },{ field: 'goodsName', title: '商品名称' }, { field: 'changestatus', title: '支付' },{ field: 'sendstatus', title: '出货' },] }); }; //得到查询的参数 oTableInit.queryParams = function (params) { var temp = { //这里的键的名字和控制器的变量名必须一直,这边改动,控制器也需要改一样的 limit: params.limit, //页面大小 offset: params.offset, //页码 sdate: $("#stratTime").val(), edate: $("#endTime").val(), sellerid: $("#sellerid").val(), orderid: $("#orderid").val(), CardNumber: $("#CardNumber").val(), maxrows: params.limit, pageindex:params.pageNumber, portid: $("#portid").val(), CardNumber: $("#CardNumber").val(), tradetype:$('input:radio[name="tradetype"]:checked').val(), success:$('input:radio[name="success"]:checked').val(), }; return temp; }; return oTableInit; }; field字段必须与服务器端返回的字段对应才会显示出数据。 3、后台获取数据 a、servlet获取数据 [js] view plain copy BufferedReader bufr = new BufferedReader( new InputStreamReader(request.getInputStream(),"UTF-8")); StringBuilder sBuilder = new StringBuilder(""); String temp = ""; while((temp = bufr.readLine()) != null){ sBuilder.append(temp); } bufr.close(); String json = sBuilder.toString(); JSONObject json1 = JSONObject.fromObject(json); String sdate= json1.getString("sdate");//通过此方法获取前端数据 ... b、springMvc Controller里面对应的方法获取数据 [js] view plain copy public JsonResult GetDepartment(int limit, int offset, string orderId, string SellerId,PortId,CardNumber,Success,maxrows,tradetype) { ... } 4、分页(遇到问题最多的) 使用分页,server端返回的数据必须包括rows和total,代码如下: [js] view plain copy ...gblst = SqlADO.getTradeList(sql,pageindex,maxrows); JSONArray jsonData=new JSONArray(); JSONObject jo=null; for (int i=0,len=gblst.size();i<len;i++) { TradeBean tb = gblst.get(i); if(tb==null) { continue; } jo=new JSONObject(); jo.put("id", i+1); jo.put("liushuiid", tb.getLiushuiid()); jo.put("price", String.format("%1.2f",tb.getPrice()/100.0)); jo.put("mobilephone", tb.getMobilephone()); jo.put("receivetime", ToolBox.getYMDHMS(tb.getReceivetime())); jo.put("tradetype", clsConst.TRADE_TYPE_DES[tb.getTradetype()]); jo.put("changestatus", (tb.getChangestatus()!=0)?"功":"失败"); jo.put("sendstatus", (tb.getSendstatus()!=0)?"功":"失败"); jo.put("bill_credit", String.format("%1.2f",tb.getBill_credit()/100.0)); jo.put("changes",String.format("%1.2f",tb.getChanges()/100.0)); jo.put("goodroadid", tb.getGoodroadid()); jo.put("SmsContent", tb.getSmsContent()); jo.put("orderid", tb.getOrderid()); jo.put("goodsName", tb.getGoodsName()); jo.put("inneridname", tb.getInneridname()); jo.put("xmlstr", tb.getXmlstr()); jsonData.add(jo); } int TotalCount=SqlADO.getTradeRowsCount(sql); JSONObject jsonObject=new JSONObject(); jsonObject.put("rows", jsonData);//JSONArray jsonObject.put("total",TotalCount);//总记录数 out.print(jsonObject.toString()); ... 5、分页界面内容介绍 前端获取分页数据,代码如下: [js] view plain copy ...oTableInit.queryParams = function (params) { var temp = { //这里的键的名字和控制器的变量名必须一直,这边改动,控制器也需要改一样的 limit: params.limit, //第几条记录 offset: params.offset, //显示一页多少记录 sdate: $("#stratTime").val(), }; return temp; };... 后端获取分页数据,代码如下: [js] view plain copy ...int pageindex=0; int offset = ToolBox.filterInt(json1.getString("offset")); int limit = ToolBox.filterInt(json1.getString("limit")); if(offset !=0){ pageindex = offset/limit; } pageindex+= 1;//第几页... 以上就是为大家分享的Bootstrap Table使用方法,希望对大家熟练掌握Bootstrap Table使用方法有所帮助。 转自:http://www.jb51.net/article/79033.htm

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值