Sunucu tarafı ve istemci tarafı yöntemi

Question

ASP.NET C# 2.0 ile kullanıyorum. Bir veritabanı için bazı nesneler oluşturdum ve bu nesnelerin her biri doğal olarak adlandırılabilecek veya benzer bir şekilde çağrılan ve bunlardan bir RESTful JSON API'si yaratan özelliklere sahip.

Bu sitede 'modülleri' olarak adlandırmaktan hoşlandığım çok sayıda sekme gibi bir şey var - bir modülün işlevi, sayfada görüntülenecek HTML'ye veri dönüştürmektir. İdeal olarak, bu işlemin yüklenecek ilk sekme için hem sunucu tarafı C# kodunda yapılması gerekir, daha sonra sekmeler tıklandığında diğerlerini yüklemek için Ajax'ı kullanın, ancak eski tarayıcılar ve arama motorları için, sekme yine de aynı HTML kodu sunucu tarafı.

Şu anda JavaScript kodunu, her bir modülü HTML'ye dönüştüren C# kodundan tamamen ayrı yazıyorum, ancak yöntem hemen hemen aynı, yalnızca farklı bir dil. Bu örneğe benzer.

C# kodu

public override string GetHtml() 
{ 
    IJsonObjectCollection<Person> response = ((Village)page).People; 
    string html = "<div id=\"test\">"; 
    foreach (Person person in response) 
    { 
     html += "<div class=\"person\">"; 
     html += person.Name; 
     if(canEdit) html += "*"; 
     html += "</div>"; 
    } 
    return html + "</div>"; 
} 

JavaScript Bu soru ile nereye gidiyorum Muhtemelen görebilirsiniz

function getHtml() { 
    JsonRequest('/json/villages/1/people', function(response) { 
     var html = '<div id="test">'; 
     for (int i = 0; i < response.length; i++) 
     { 
      var person = response[i]; 
      html += '<div class="person">'; 
      html += person.name; 
      if(canEdit) html += '*'; 
      html += '</div>'; 
     } 
     return html + '</div>'; 
    }); 
} 

kodu. Bunu yapmanın en etkili yolu ne olurdu? Birkaç farklı alternatif düşünmekteydim -

1. Her ModuleToHtmlMethod bu veri nesnesini HTML'ye dönüştürme yöntemini tanımlayan bir sınıf olabilir. Bunu denedim ama durdum çünkü çok karmaşıklaşıyordum.

2. C# olarak yorumlanabilen, ancak JavaScript koduna 'derlenmiş' olan kendi kodlama dilimi yazın.

3. Sadece C# çok yazmak ve sadece C#

4. HTML içeriği istemesini ayrılan kodu tutun Ajax kullanmak ve iki kez her yöntemi yazın.

Sonunda diğer geliştiricilerin bu 'modülleri' yazmasına izin vermek isterim, bu nedenle en iyi seçenek olabilir mi?

Answer 1

Bakım 4'ü daha zor hale getireceğinden ve Javascript ile C# kodundan oluşturulan HTML arasında eşzamanlama dışında kalmanıza neden olabileceğinden seçenek 4'ü iptal ediyorum. Ayrıca 2. seçeneği, kodu diğer geliştiriciler için daha da zorlaştıracak ve muhtemelen gereksiz hale getirebileceğinden de reddederim.

Kesinlikle HTML'yi tek bir yerde üretebilir ve muhtemelen HTML parçalarını döndürmek için C# var olan işlevi kullanan RESTful HTML API'sini açığa çıkarırdım. Yani sizin Javascript'inizden şu çağrıyı yapabilirsiniz:

Answer 2

Birkaç öneri.

• html'yi yansıtan genel GetHtml yöntemine sahip olun. UI, veri alanlarına kolay ve tekdüze bir şekilde eşleşmeyen bir şey olmadığı için bu zor olabilir.
• sizin jenerik GetHtml yöntemlerini oluşturmak için kullanabilir, sizin 'modüllerin' bir meta açıklaması var
• Nihayet try this: Bu, sadece JavaScript yöntemlerini oluşturmak sağlayacak daha sonra C#

onları çağırabilir Veri katmanlarım için yaptığım gibi ikinci, meta açıklama seçeneği için giderdim. Temelde, alan modelimi tanımlayan bir dosyam var. Ben tüm veri acccess pocos, nhibernate config dosyaları, vb. Oluşturmak için kullanıyorum. Daha sonra UI oluşturma bilgileri ve alan doğrulama bilgileri gibi bu nesnelere bilgi ekleyen bir meta veri dosyasına sahibim.

Tnx

Guido