NOPCommerce 增加功能 颜色和尺码管理研究实现：

添加颜色和尺码管理菜单（配图是网友使用的Nop1.9修改的效果，本文是2.4 MVC架构下的）：

                             

打开Administration下面的Sitemap:

服装颜色：<siteMapNodetitle="Color attributes" nopResource="Admin.Catalog.Attributes.ColorAttributes"controller="ColorAttribute" action="List"/>

服装尺码：<siteMapNodetitle="Size attributes" nopResource="Admin.Catalog.Attributes.SizeAttributes"controller="SizeAttribute" action="List"/>

同步需要进行的事情：

1． 增加ResourceString: Admin.Catalog.Attributes.ColorAttributes=Color/”颜色”

2．  Admin.Catalog.Attributes.SizeAttributes=Size/”尺码”

   insert into LocaleStringResource

values(1,'Admin.Catalog.Attributes.ColorAttributes','Color Attribute')

insert into LocaleStringResource

values(1,'Admin.Catalog.Attributes.SizeAttributes','Size Attribute')

3． 增加Controller:

具体实现可以参考CheckoutAttributeController.cs

4．       增加Action:public ActionResultList()

        { returnView();        }

增加对应的Partial View

请注意以上只是架构并未实现实际代码，View也没有内容现实

 后台的Mapping代码： Infrastructure\AutoMapperStartupTask.cs||MappingExtensions.cs

using Nop.Admin.Models.Snatches;

using Nop.Core.Domain.Snatches;

通过比对Model和Entity之间的差异：

//Snatch

            Mapper.CreateMap<Snatch,SnatchModel>()

               .ForMember(dest => dest.FriendlyName, mo => mo.MapFrom(src =>src.ProductVariant.Name));

   Mapper.CreateMap<SnatchModel,Snatch>()

                .ForMember(dest => dest.ProductVariantID, mo => mo.Ignore());

//以上方法会在IstartupTask中被调用到：

public static SnatchModel ToModel(thisSnatch entity)

        {

            return Mapper.Map<Snatch, SnatchModel>(entity);

        }

 

        public static Snatch ToEntity(thisSnatchModel model)

        {

            return Mapper.Map<SnatchModel, Snatch>(model);

        }

 

        public static Snatch ToEntity(thisSnatchModel model, Snatchdestination)

        {

            return Mapper.Map(model,destination);

        }

颜色管理
 

接下来要填充点内容了，否则菜单点下去看到空白的View. MVC中先建立Model的类ColorAttributeModel:

namespace Nop.Admin.Models.Catalog    public class ColorAttributeModel//

public class BaseNopEntityModel : BaseNopModel

    {

        public virtual int Id { get; set; }

    }

[NopResourceDisplayName("Admin.Catalog.Attributes.ColorAttributes.Fields.Name")]

        [AllowHtml]

        public string Name { get; set; }        [NopResourceDisplayName("Admin.Catalog.Attributes.ColorAttributes.Fields.ColorImageUrl")]

        public stringColorImageUrl { get; set;}

 

 

ColorAttributeController，其中第一个需要完成可以测试的代码，Binding-List Action

  

public ActionResultList()

        {

            IList<ColorAttributeModel>activityColorAttributeModel=new List<ColorAttributeModel>();

           activityColorAttributeModel.Add(

               new ColorAttributeModel(){ Name = "red", ColorImageUrl = "~/content/images/Green.png" } 

               );

           activityColorAttributeModel.Add(

            new ColorAttributeModel(){ Name = "black", ColorImageUrl = "~/content/images/Black.png" }

            );

            var gridModel = new GridModel<ColorAttributeModel>

            {

               Data = activityColorAttributeModel,

               Total = activityColorAttributeModel.Count()

            };

            return View(gridModel);

           

        }

 

 

View的主要代码，布局类似上截图：

<table class="adminContent">

    <tr>

        <td>

            @(Html.Telerik().Grid<ColorAttributeModel>(Model.Data)

                   .Name("colorattributes-grid")

                   .Columns(columns=>

                   {

                        columns.Bound(x =>x.Name)

                            .Width(300);

                        columns.Bound(x =>x.ColorImageUrl)

                                .Template(

                                    @<text>

                                        <img alt="@item.Id"src="@item.ColorImageUrl"/>

                                    </text>

                                ) //通过Template和Link设置链接

                                .ClientTemplate("<imgalt='<#= Id #>' src='<#= ColorImageUrl #>' />");

                        columns.Bound(x =>x.Id)

                            .Width(50)

                            .Centered()

                            .Template(x =>Html.ActionLink(T("Admin.Common.Edit").Text,"Edit", new{ id = x.Id }))

                            .ClientTemplate("<a href=\"Edit/<#= Id#>\">" + T("Admin.Common.Edit").Text+ "</a>")

                            .Title(T("Admin.Common.Edit").Text);

                   })

//通过List Action绑定数据源

                   .DataBinding(dataBinding => dataBinding.Ajax().Select("List", "ColorAttribute"))

                   .EnableCustomBinding(true))

        </td>

    </tr>

</table>

 

The URL is incorrectJ//所以如何获取正确的URL需要学习下？很简单，之前有目录service/Media/pictureservice，分析下：

 

关于图片的内容，由PictureService提供

public virtual stringGetDefaultPictureUrl(int targetSize = 0, PictureType defaultPictureType = PictureType.Entity)

        {

…..

   string relPath =_webHelper.GetStoreLocation() + "content/images/"+ defaultImageName;

            if(targetSize == 0)

                returnrelPath;

 

…..

  vardefaultProductPicture = _pictureService.GetPicturesByProductId(product.Id,1).FirstOrDefault();

model.PictureThumbnailUrl= _pictureService.GetPictureUrl(defaultProductPicture, 75, true);