05.NopCommerce給Topic表添加排序及類別字段

在用到Nopcommerce中靜態(tài)頁(yè)面表時(shí)，發(fā)現(xiàn)Topic表沒有排序字段和類別字段，導(dǎo)致如果Page文件很多的話，無法區(qū)分是哪個(gè)類別，為此我稍微擴(kuò)展了一下字段，在此記錄一下操作流程，方便以后自己查看，同時(shí)也分享給我們的朋友！

0.在數(shù)據(jù)庫(kù)中添加DisplayOrder,CategoryName字段

注意DisplayOrder為整形，CategoryName為字符串類型，別外加好后，記得把數(shù)據(jù)庫(kù)DispalyOrder的值默認(rèn)設(shè)置一個(gè)值，比如0。

1.給Domain的Entity實(shí)體加上兩個(gè)字段DisplayOrder,CategoryName

我們?cè)贜op.Core項(xiàng)目下,找到Domain文件夾,再找到Topics文件下的Topic.cs文件,加入以下新增字段代碼

//===========================================================================        // 新增字段        //===========================================================================        /// <summary>        /// 顯示順序        /// </summary>        public int DisplayOrder { get; set; }        /// <summary>        /// 類別名稱        /// </summary>        public string CategoryName { get; set; }        //===========================================================================

2.管理后臺(tái)TopicModel實(shí)體加上兩個(gè)字段DisplayOrder,CategoryName

我們?cè)贜op.Admin項(xiàng)目下,找到Model文件夾,再找到Topics文件下的TopicModel.cs文件,加入以下新增字段代碼

//===========================================================================        // 新增字段        //===========================================================================        [NoPResourceDisplayName("Admin.ContentManagement.Topics.Fields.DisplayOrder")]        public int DisplayOrder { get; set; }        [NopResourceDisplayName("Admin.ContentManagement.Topics.Fields.CategoryName")]        public string CategoryName { get; set; }        //===========================================================================

3.在資源庫(kù)中加入DisplayOrder與CategoryName的顯示名稱

打開網(wǎng)站后臺(tái)

選擇"View string resources"

查找一下,Admin.ContentManagement.Topics.Fields.DisplayOrder 與Admin.ContentManagement.Topics.Fields.CategoryName 的值是否存在,不存在則添加.

Resource name:Admin.ContentManagement.Topics.Fields.DisplayOrder value:排序

Resource name:Admin.ContentManagement.Topics.Fields.CategoryName value:類別名稱

4.修改后臺(tái)管理View

4.1修改添加與修改View

打開“Nop.Admin”項(xiàng)目 -> 打開Views文件夾 –> “Topic” –> “_CreateOrUpdate.cshtml”

加入以下代碼

<tr>            <td class="adminTitle">                @Html.NopLabelFor(model => model.CategoryName):            </td>            <td class="adminData">                @Html.EditorFor(model => model.CategoryName)                @Html.ValidationMessageFor(model => model.CategoryName)            </td>        </tr>        <tr>            <td class="adminTitle">                @Html.NopLabelFor(model => model.DisplayOrder):            </td>            <td class="adminData">                @Html.EditorFor(model => model.DisplayOrder)                @Html.ValidationMessageFor(model => model.DisplayOrder)            </td>        </tr>

4.2修改列表View

打開“Nop.Admin”項(xiàng)目 -> 打開Views文件夾 –> “Topic” –> “l(fā)ist.cshtml”

具體代碼如下（Nopcommerce3.2版本下的，3.3可能有所不同）：

<table class="adminContent">    <tr>        <td>            @(Html.Telerik().Grid<TopicModel>()                    .Name("topics-grid")                    .Columns(columns =>                    {                        columns.Bound(x => x.SystemName);                        columns.Bound(x => x.Title);                        columns.Bound(x => x.CategoryName);                        columns.Bound(x => x.DisplayOrder);                        columns.Bound(x => x.IsPassWordProtected)                            .Template(                                @<img alt="" src="@Url.Content("~/Administration/Content/images/active-" + item.IsPasswordProtected.ToString().ToLowerInvariant() + ".gif")" />                            )                            .ClientTemplate(