ABP進階教程2 - 組合查詢

點這里進入ABP進階教程目錄 

更新數據傳輸對象 

打開應用層(即JD.CRS.Application)的Course\Dto\GetAllCoursesInput.cs //Course數據傳輸對象(查詢條件)

增加一行代碼

public string Keyword { get; set; } //用於全文搜索

using Abp.Application.Services.Dto;
using JD.CRS.Entitys;

namespace JD.CRS.Course.Dto
{
    public class GetAllCoursesInput: PagedResultRequestDto
    {
        public StatusCode? Status { get; set; }
        public string Keyword { get; set; }
    }
}

更新應用服務

打開應用層(即JD.CRS.Application)的Course\CourseAppService.cs //Course應用服務

更新GetAll方法 //按Keyword查詢Course

.WhereIf(
!input.Keyword.IsNullOrEmpty(), t =>
t.Code.ToLower().Contains((input.Keyword ?? string.Empty).ToLower()) //按編號查詢
|| t.DepartmentCode.ToLower().Contains((input.Keyword ?? string.Empty).ToLower()) //按院系編號查詢
|| t.Name.ToLower().Contains((input.Keyword ?? string.Empty).ToLower()) //按名稱查詢
|| t.Credits.ToString().Contains((input.Keyword ?? string.Empty).ToLower()) //按學分查詢
|| t.Remarks.ToLower().Contains((input.Keyword ?? string.Empty).ToLower()) //按備注查詢
);

完整代碼如下:

public override async Task<PagedResultDto<CourseDto>> GetAll(GetAllCoursesInput input)
{
    var query = base.CreateFilteredQuery(input)
        .WhereIf(input.Status.HasValue, t => t.Status == input.Status.Value)
        .WhereIf(
        !input.Keyword.IsNullOrEmpty(), t =>
        t.Code.ToLower().Contains((input.Keyword ?? string.Empty).ToLower()) //按編號查詢
        || t.DepartmentCode.ToLower().Contains((input.Keyword ?? string.Empty).ToLower()) //按院系編號查詢
        || t.Name.ToLower().Contains((input.Keyword ?? string.Empty).ToLower()) //按名稱查詢
        || t.Credits.ToString().Contains((input.Keyword ?? string.Empty).ToLower()) //按學分查詢
        || t.Remarks.ToLower().Contains((input.Keyword ?? string.Empty).ToLower()) //按備注查詢
        );
    var coursecount = query.Count();
    var courselist = query.ToList();
    return new PagedResultDto<CourseDto>()
    {
        TotalCount = coursecount,
        Items = ObjectMapper.Map<List<CourseDto>>(courselist)
    };
}

更新模型

打開展示層(即JD.CRS.Web.Mvc)的Models/Course/CourseListViewModel.cs //Course查詢視圖模型

增加一行代碼

public string Keyword { get; set; }

更新控制器

打開展示層(即JD.CRS.Web.Mvc)的Controllers/CourseController.cs //Course控制器

更新Index方法 //按Keyword查詢Course

增加一行代碼

Keyword = input.Keyword

完整代碼如下:

public async Task<ActionResult> Index(GetAllCoursesInput input)
{
    IReadOnlyList<CourseDto> output = (await _courseAppService.GetAll(new GetAllCoursesInput { Status = input.Status, Keyword = input.Keyword })).Items;
    var model = new CourseListViewModel(output)
    {
        Status = input.Status,
        Keyword = input.Keyword
    };
    return View(model);
}

更新視圖

打開展示層(即JD.CRS.Web.Mvc)的Views/Course/Index.cshtml //Course查詢視圖

插入查詢條件 //按Keyword查詢Course

<div class="header">
    <table>
        <thead>
            <tr>
                <th class="col-sm-1">@L("Status")</th>
                <th class="col-sm-1">
                    @Html.DropDownListFor(
                    model => model.Status,
                    Model.GetStatusList(LocalizationManager),
                    new
                    {
                        @class = "form-control",
                        id = "Status"
                    })
                </th>
                <th class="col-sm-1">@L("Keyword")</th>
                <th class="col-sm-4">
                    <input id="Keyword" name="Keyword" type="text" class="form-control" placeholder="Please enter the keyword..." value=@Model.Keyword />
                </th>
                <th class="col-sm-4"></th>
                <th class="col-sm-1">
                    <button id="Search" class="form-control">@L("Search")</button>
                </th>
            </tr>
        </thead>
    </table>
</div>

更新腳本

打開展示層(即JD.CRS.Web.Mvc)的\wwwroot\view-resources\Views\Course\Index.js //用以存放Course查詢相關腳本

插入查詢條件 //按Stauts & Keyword 組合查詢Course

//define variable
var _$status = $('#Status');
var _$keyword = $('#Keyword');
var _$search = $('#Search');
//Search
_$search.click(function () {
    location.href = '/Course?status=' + _$status.val() + '&keyword=' + _$keyword.val();
});

預覽效果