在工作中做了这么一个东西。

HTML端：

PictoGraphic

AI驱动的矢量插图库和插图生成平台

下载

@using Test.fh.Project.Storefront.ViewModels
@using Test.fh.Project.Storefront.Services
@model ProductViewModel

    

        

            Categories
        

            

                
            
        
    


    

        @Html.Partial("_Breadcrumbs")
    
    

        @MvcHtmlString.Create(@Model.product_name)
    
    @using (Html.BeginForm("index", "Product"))
    {
        @Html.ValidationSummary(excludePropertyErrors: true)
        

            

                

                    
                        @@##@@
                    
                
                @if (Model.imagePaths.Count() > 0)
                {
                    

                        @foreach (var item in Model.imagePaths)
                        {
                            
                                @@##@@
                            
                        }
                    
                }
            
            

                

                    @if (Model.manufacturer != null || Model.manufacturer != "")
                    {
                        Brand:  @Model.manufacturer

                    }
                    Product Code: @Model.model

                    Reward Points: @Model.reward

                    Availability: @Model.stock_status
                
                

                    Price:
                    @if (Model.special == null || Model.special == "")
                    {
                        @Currency.format(Model.price, null, null, true)
                    }
                    else
                    {
                        @Currency.format(Model.price, null, null, true)
                        @Currency.format(Model.special, null, null, true)
                    }
                    

                    Ex Tax:
                        @if (Model.special != null && Model.special != "")
                        {
                            @Currency.format(Model.special, null, null, true)
                        }
                        else
                        {
                            @Currency.format(Model.price, null, null, true)
                        }
                    
                    

                    Price in reward points: @Model.points
                    

                    

                    

                        @foreach (var item in ViewBag.Discounts)
                        {
                            @string.Format("({0} or more {1})", @item["quantity"], @Currency.format(item["price"].ToString(), null, null, true));
                            

                        }
                    
                
                @if (ViewBag.Options != null)
                {
                    

                        

                            Available Options
                        

                        @foreach (var item in ViewBag.Options)
                        {
                            if (item.Key["type"] == "select")
                            {
                            

                                @if (item.Key["required"] != null && item.Key["required"] == 1)
                                {
                                    *
                                }
                                @item.Key["name"]:

                                
                                    --- Please Select ---
                                    @foreach (var option_value in item.Value)
                                    {
                                        @option_value["name"]
                                            @if (@option_value["price"] != null)
                                            {
                                                @string.Format("({0}{1})", @option_value["price_prefix"], @Currency.format(option_value["price"].ToString(), null, null, true));
                                            }
                                        
                                    }
                                
                            
                            

                            }
                            if (item.Key["type"] == "radio")
                            {
                            

                                @if (item.Key["required"] != null && item.Key["required"] == 1)
                                {
                                    *
                                }
                                @item.Key["name"]:

                                @foreach (var option_value in item.Value)
                                {
                                    
                                    @option_value["name"]
                                        @if (@option_value["price"] != null)
                                        {
                                            @string.Format("({0}{1})", @option_value["price_prefix"], @Currency.format(option_value["price"].ToString(), null, null, true));
                                        }
                                    
                                    

                                }
                            
                            

                            }
                            if (item.Key["type"] == "checkbox")
                            {
                            

                                @if (item.Key["required"] != null && item.Key["required"] == 1)
                                {
                                    *
                                }
                                @item.Key["name"]:

                                @foreach (var option_value in item.Value)
                                {
                                    
                                    @option_value["name"]
                                        @if (@option_value["price"] != null)
                                        {
                                            @string.Format("({0}{1})", @option_value["price_prefix"], @Currency.format(option_value["price"].ToString(), null, null, true));
                                        }
                                    
                                    

                                }
                            
                            

                            }
                            if (item.Key["type"] == "text")
                            {
                            

                                @if (item.Key["required"] != null && item.Key["required"] == 1)
                                {
                                    *
                                }
                                @item.Key["name"]:

                                
                            
                            

                            }
                            if (item.Key["type"] == "textarea")
                            {
                            

                                @if (item.Key["required"] != null && item.Key["required"] == 1)
                                {
                                    *
                                }
                                @item.Key["name"]:

                                @item.Key["option_value"]
                            
                            

                            }
                            if (item.Key["type"] == "file")
                            {
                            

                                @if (item.Key["required"] != null && item.Key["required"] == 1)
                                {
                                    *
                                }
                                @item.Key["name"]:

                                Upload File
                                
                            
                            

                            }
                            if (item.Key["type"] == "date")
                            {
                            

                                @if (item.Key["required"] != null && item.Key["required"] == 1)
                                {
                                    *
                                }
                                @item.Key["name"]:

                                
                            
                            

                            }
                            if (item.Key["type"] == "datetime")
                            {
                            

                                @if (item.Key["required"] != null && item.Key["required"] == 1)
                                {
                                    *
                                }
                                @MvcHtmlString.Create(@item.Key["name"]):

                                
                            
                            

                            }
                            if (item.Key["type"] == "time")
                            {
                            

                                @if (item.Key["required"] != null && item.Key["required"] == 1)
                                {
                                    *
                                }
                                @MvcHtmlString.Create(@item.Key["name"]):

                                
                            
                            

                            }
                        }
                    
                }
                

                    

                        Qty:
                        @Html.TextBoxFor(model => model.minimum, new { maxlength = 2, name = "quantity" })
                        @Html.HiddenFor(model => model.product_id)   
                            Add to Cart 
                    
                    

                           - OR -   
                    
                    

                        Add to Wish List

                        Add to Compare
                    
                    @if (int.Parse(Model.minimum) > 1)
                    {
                        

                            This product has a minimum quantity of @Model.minimum
                    }
                
                

                    

                        @@##@@  
                        
                            @Model.reviews reviews   |  Write
                                a review
                    
                    

                        
                        

                            Share 
                            
                            
                        
                        
                        
                    
                
            
        
        

            Description
            @if (ViewBag.attribute_groups != null)
            {
                Specification
            }
            Reviews 
            @if (ViewBag.relate_products != null)
            {
                Related Products (@ViewBag.relate_products.Count)
            }
        
        
@Html.Raw(@Model.description)
                                                 if (ViewBag.attribute_groups != null)
                                                 {
        

            
                @foreach (var item in ViewBag.attribute_groups)
                {
                    
                        @foreach (var item_att in item.Value)
                        {
                            
                        }
                    
                }
            

                        

                            

                                @item.Key["name"]
                            
                        
                    
                    

                                
@item_att["name"]
                                
                                
@item_att["text"]
                                
                            
        
                                                 }
        

            
        
                                                 if (ViewBag.relate_products != null)
                                                 {
        

            

                @foreach (var item in ViewBag.relate_products)
                {
                    

                        @if (item["image"] != null)
                        {
                            

                                
                                    @@##@@
                        }
                        

                            @item["name"]
                        @if (item["price"] != null)
                        {
                            

                                @Currency.format(item["price"].ToString(), null, null, true)
                            
                        }
                        Add to Cart
                }
            
        
                                                 }
                                                 if (ViewBag.tags != null)
                                                 {
        

            Tags:
            @foreach (var item in ViewBag.tags)
            {
                @item["tag"]
            }
        
                                                 }
    }

@*@Url.Action("Update", "Product");*@
@foreach (var item in ViewBag.Options)
{
    if (item.Key["type"] == "file")
    {
    
    }
}