Chia sẻ các mẫu bộ ria mép/nustache giữa máy chủ và máy khách. ASP.NET MVC

Question

Tôi đang sử dụng mustache.js trên máy khách và Nustache trong dự án ASP.NET MVC3.

Tôi có Person.mustache mẫu trong một Xem thư mục trên máy chủ, mà tôi sử dụng như thế này:

@Html.Partial("Person") 

từ giao diện chính Razor (Index.cshtml).

Nhưng làm thế nào tôi có thể chuyển nó cho khách hàng? Trình duyệt không có quyền truy cập vào thư mục Chế độ xem để lấy nội dung thô của mẫu. Bằng cách nào đó tôi phải có một cách để bao gồm để xuất HTML văn bản thô của mẫu Person.mustache trên máy chủ. Nếu tôi yêu cầu nó từ xem Razor, nó biên dịch nó, vì nó là máy chủ mẫu máy chủ bình thường.

Mọi người có thể đưa ra bất kỳ ý tưởng nào không? Cảm ơn.

Answer 1

Vâng, tôi `đã làm một cái gì đó, mà làm việc, có lẽ ai đó sẽ đưa ra giải pháp tốt hơn. Ở đây là:

extenstion cho @Html helper:

public static class ViewExtensions 
{ 
    public static IHtmlString RenderRawContent(this HtmlHelper helper, string serverPath) 
    { 
     string filePath = HttpContext.Current.Server.MapPath(serverPath); 

     //load from file 
     StreamReader streamReader = File.OpenText(filePath); 
     string markup = streamReader.ReadToEnd(); 
     streamReader.Close(); 

     return new HtmlString(markup); 

    } 
} 

Và theo quan điểm chính Razor cho trang Index

@using MyProject.Helpers; 

<script type="text/template" id="person_template"> 

    @Html.RenderRawContent("~/Templates/Person.mustache") 

</script> 

Answer 2

Bạn có thể muốn hiển thị bộ điều khiển mới có thể trả lại nội dung xem một phần của bạn. Ví dụ:

public class TemplateController : Controller 
{ 
    public PartialViewResult Get(string name) 
    { 
    return PartialView(name); 
    } 
} 

Với điều đó, và một tuyến đường:

routes.MapRoute("Templates", "templates/{name}", 
    new { controller = "Template", action = "Get" }); 

Sau đó tôi có thể gọi từ khách hàng (trong ví dụ này tôi đang sử dụng jQuery):

var model = { name: "Matt" }; 
$.ajax({ 
    url: "/templates/person", 
    success: function(r) { 
    var html = Mustache.render(r, model); 
    $("body").append(html); 
    } 
}); 

Answer 3

Tên file Person.mustache.cshtml, và trong Index.cshtml:

<script type="text/template" id="person_template"> 
    @Html.Partial("Person.mustache") 
<script type="text/template" id="person_template"> 

Không cần phải viết trình trợ giúp để phân phát tệp khi khung làm việc đó r bạn.