MVC4.0系统开发新手历程(四)数据列表查询

时间:2021-10-18 15:20:25

任何系统都不可避免的就是数据的查询展示,我觉得这里最值得一说的就是分部视图以及数据分页了

首先添加控制器

MVC4.0系统开发新手历程(四)数据列表查询

在控制其上面的名字为Index的Action上面右击,添加视图即可添加对应的视图,分部视图呈现是要进行分页展示的数据,可以先添加上,添加的方法是同添加视图,只不过把添加分布式图的复选框选中即可

MVC的页面可以通过Model来进行传值,当然也不尽人意,当页面比较复杂的时候,页面需要的信息可能是联合了多张表的信息,当然了我们可以把其中一张表的信息通过Model来传递,而其他的信息通过ViewBag /ViewData来传递数据,但这样能会哦造成效率的底下,所以我在这里建议当页面需要的信息是多张表的信息的时候,我们可以给页面传递一个ViewModel(自定义的Model,包含我们所需要的各个字段信息)

View页面引用命名空间的方法

@using Webdiyer.WebControls.Mvc

上面的命名空间是我们接下来用到分分页控件锁要引用的,这里锁用到的分页控件是

Webdiyer

参考地址:http://www.cnblogs.com/webdiyer/archive/2013/04/23/aspnetpager_743.html

引用分布视图

  @Html.Partial("Partial_ListView", Model)

分布式图所需传入的参数是PagedList<>类型的 所以我的Model类型是

@model PagedList<GM360_REWARD_Model.ViewModels.Reward_Sale_Bad>

这样分布式图的代码

@model PagedList<GM360_REWARD_Model.ViewModels.Reward_Sale_Bad>
@using Webdiyer.WebControls.Mvc <div id="dvOrders">
<span style="color: red; margin-left: 240px">全职销售人员当月实发奖金为当月奖金的80%,剩余20%年底奖金,兼职销售人员当月实发奖金为当月奖金的100%,无年底奖金</span>
<table id="tdContent" width="100%" cellpadding="" cellspacing="" border="" class="table_head">
<tr>
<th width="10%">销售员 </th>
<th width="10%">记账月份 </th>
<th align="right" width="8%">当月实发奖金</th>
<th align="right" width="8%">年底应发奖金 </th>
<th width="14%">详情 </th>
</tr>
@{if (Model != null)
{
foreach (var rewardModel in Model)
{
decimal monthReard = string.IsNullOrEmpty(rewardModel.monthReward.ToString()) ? 0m : (decimal)rewardModel.monthReward;
if (monthReard > )
{
if (rewardModel.SalesmanType)
{
<tr>
<td align="center">@rewardModel.Salesman</td>
<td align="center">@rewardModel.inputDate</td>
<td align="right">@(string.Format("{0:N}", rewardModel.monthReward * (decimal)rewardModel.Preace))</td>
<td align="right">@(string.Format("{0:N}", rewardModel.monthReward * (decimal)( - rewardModel.Preace)))</td>
<td align="center"><a href="/InqueryReward/Index/@rewardModel.RewardId/@(rewardModel.monthReward * (decimal)rewardModel.Preace)">详情</a></td>
</tr>
}
else
{
<tr>
<td align="center">@rewardModel.Salesman</td>
<td align="center">@rewardModel.inputDate</td>
<td align="right">@(string.Format("{0:N}", rewardModel.monthReward))</td>
<td align="right">0.00</td>
<td align="center"><a href="/InqueryReward/Index/@rewardModel.RewardId/@rewardModel.monthReward">详情</a></td>
</tr>
}
}
else
{
<tr>
<td align="center">@rewardModel.Salesman</td>
<td align="center">@rewardModel.inputDate</td>
<td align="right">@(string.Format("{0:N}", rewardModel.monthReward))</td>
<td align="right">0.00</td>
<td align="center"><a href="/InqueryReward/Index/@rewardModel.RewardId/@rewardModel.monthReward">详情</a></td>
</tr>
}
}
}
}
</table>
@Html.AjaxPager(Model, new PagerOptions
{
PageIndexParameterName = "id",
CssClass = "pages",
ShowPageIndexBox = false
}, new AjaxOptions() { UpdateTargetId = "dvOrders" })
</div>

这是展示数据的部分,因为业务逻辑比较复杂这里就不仔细说了,在页面的Js部分还有AJAX传递参数查询的部分,

  $("#btnQuery").click(function () {
var _year = $("#SelYear option:selected").val();
var _month = $("#SelMon option:selected").val();
var saler = $("#ddlSale option:selected").val();
$.ajax({
url: '/InqueryAllReward/GetDetial/',
data: { 'year': _year, 'month': _month, 'name': saler },
type: 'get',
success: function (data) {
$("#_content").html(data);
},
error: function () { alert("failed"); }
})
})

通过Ajax将查询需要的参数传递给了对应的Action里,通过Action返回值加载到页面

    [HttpGet]
public PartialViewResult GetDetial(int? id)
{
string year = Request["year"];
string month = Request["month"];
string name = Request["name"];
string date = year + month;
if (name == "" && year == "" && month == "")
{
_list = BaseHandler.GetData("service/InqueryAllReward/GetFinallReward").ToModel<List<Reward_Sale_Bad>>();
_result = new PagedList<Reward_Sale_Bad>(_list, id ?? , );
result = CalReward(_result);
}
else if (name != "" && year == "" && month == "")
{
_list = BaseHandler.GetData("service/InqueryAllReward/GetFinallReward", name).ToModel<List<Reward_Sale_Bad>>();
_result = new PagedList<Reward_Sale_Bad>(_list, id ?? , );
result = CalReward(_result);
}
else if (name == "" && year != "")
{
_list = BaseHandler.GetData("service/InqueryAllReward/GetFinallRewardByDate", date).ToModel<List<Reward_Sale_Bad>>();
_result = new PagedList<Reward_Sale_Bad>(_list, id ?? , );
result = CalReward(_result);
}
else
{
_list = BaseHandler.GetData("service/InqueryAllReward/GetFinallRewardList", "{'name':'" + name + "','date':'" + date + "'}").ToModel<List<Reward_Sale_Bad>>();
_result = new PagedList<Reward_Sale_Bad>(_list, id ?? , );
result = CalReward(_result);
}
return PartialView("Partial_ListView", result);
}

好了数据查询就这样告了一段落了,说起来很简单,但做起来有很多的细节问题会没有注意到,开始的时候没有用分页控件,用的是自己写的一个Html扩展程序,结果查询的是假分页,而且不能保留查询条件,后来又全部拆了重来