计算总数

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术：VS Sum
作者：微凉
撰写日期：2019年07月30日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
在项目中有很多要计算总数或者平均数等等的计算方式，就好比如平常的考试中同样我们也要计算出学生们的总分数和班级中的平均数、最高分和最低分等等，同样的在借贷中也肯定要用到计算的啦，下面请看：当你想要把下面图片中的值相加起来的话，那要如何写出计算的代码呢？


先写个样式让它在计算出来时，存放的那里是不要不然你计算出来不知道它把结果放到哪里去了，来看下style的代码是如何写的，先给个<div>来包裹着里面的样式，在里面存放两个<span>标签来写他们的样式如下：
<divclass="float-left">
<spanclass=""id="rental"name="rental">充值总金额：</span>
<spanclass="ml-4"id="Charge"name="Charge">充值总手续费：</span>
</div>
其中上面的id和name要跟控制器中值要一致，不一致的话它会显示不出来，写好style的样式之后就到了js代码，先是定义一个方法来接收变量（用post提交方法来提交待控制器中，然后获取它的id和name值），下面的text值中如果你不拼接方法来写的话，当你计算出来的值就会直接覆盖掉你原来的样式的了，写完之后就调用它就行了。如下:
//计算金额
function save() {
$.post("seclect", function (data) {
$("#rental").text('充值总金额：' +data[0].rental);
$("#Charge").text('充值总手续费：' +data[0].Charge);
});
}
写完页面的代码就去控制器中写对应的代码啦，同样也要先定义一个方法来接收变量：
先是要查询出你所要计算的值，如下：
var linqRecharge = (from tbRecharge in myModel.PW_Recharge
join tbUserinfo in myModel.PW_Userinfo on tbRecharge.UserinfoID equals tbUserinfo.UserinfoID
join tbType in myModel.SYS_Type on tbRecharge.TypeID equals tbType.TypeID
join tbBank in myModel.PW_Bank on tbRecharge.BankID equals tbBank.BankID
join tbAuditStatus in myModel.PW_AuditStatus on tbRecharge.AuditStatusID equals tbAuditStatus.AuditStatusID
orderby tbRecharge.RechargeID
selectnewRecharge {
RechargeAmount =tbRecharge.RechargeAmount,//充值金额费
ChargeCharges =tbRecharge.ChargeCharges,//充值手续
}).ToList();
à然后就到Recharge实体类中定义一个变量来接受 publicfloat rental { get; set; }
publicfloat Charge { get; set; }，写好实体类之后接à开始计算所要计算的值：
//计算总数
float sumRechargeAmount = (float)linqRecharge.Sum(m => m.RechargeAmount);
float sumChargeCharges = (float)linqRecharge.Sum(m => m.ChargeCharges);
à然后就是实体类中的参数来接收所计算出来的值：
linqRecharge[0].rental= sumRechargeAmount;//充值金额
linqRecharge[0].Charge = sumChargeCharges;//充值手学费
结果图如下：



从上图可以看到他们几个人总共充值了多少钱和充值中所要的手续费的总和，第一个是充值：500+ 第二个充值300 + 第三个充值200 = 一共等于1000 ，手续费也是一样的算法把他们几个所需要的手续费相加起来：0.5+0.3+0.2= 1.00。
下面在来看下如果你在页面中不用拼接的方法来接收参数的话是怎样的效果：如下是不拼接的：
//计算金额
function save() {
$.post("seclect", function (data) {
$("#rental").text(data[0].rental);
$("#Charge").text(data[0].Charge);
});
}
结果图：看是不不要拼接方法来写的话就会把你原来的样式给覆盖掉。