Windows Mobile Support: view

Showing posts with label view. Show all posts

Friday, 10 February 2012

MVC - What a view should never contain( part 2)

Posted on 06:47 by Unknown

Part 1
Ieri am promis ca revin cu un post despre ce nu ar trebuii sa contina un view.
Pornim de la o clasa PersonModel care are urmatoarea definitie:

public class PersonModel
{
    public string Name { get; set; }
    public int Age { get; set; }
    public string Address { get; set; }
}

Pentru acest model avem urmatorul view:

@model PersonModel

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <title>Person</title>
</head>
<body>
    <fieldset>
        <legend>PersonModel</legend>
   
        <div class="display-label">Name</div>
        <div class="display-field">
            @Html.DisplayFor(model => model.Name)
        </div>
   
        <div class="display-label">Age</div>
        <div class="display-field">
            @Html.DisplayFor(model => model.Age)
        </div>
   
        <div class="display-label">Address</div>
        <div class="display-field">
            @Html.DisplayFor(model => model.Address)
        </div>
    </fieldset>
</body>
</html>

Mai tarziu apare o noua cerinta in aplicatie, ca sa se afiseze si coodonatele GPS a locatiei date. Pentru acest lucru se foloseste o adresa web care stie sa rezolve orice adresa. O implementare simpla este urmatoarea:

@model CIC.PersonModel
@{
    Layout = null;

    string coordLat;
    string coordLong;

    var request = WebRequest.Create(someAddress + "?location=" + Model.Address);
    var webResponse = request.GetResponse();
    using (var contentStream = new StreamReader(webResponse.GetResponseStream()))
    {
        var content = contentStream.ReadToEnd();
        webResponse.Close();
        string[] coords = content.Split(' ');
        coordLong = coords[0];
        coordLat = coords[1];
    }
}
<!DOCTYPE html>
<html>
<head>
    <title>Person</title>
</head>
<body>
    <fieldset>
        <legend>PersonModel</legend>
        <div class="display-label">
            Name</div>
        <div class="display-field">
            @Html.DisplayFor(model => model.Name)
        </div>
        <div class="display-label">
            Age</div>
        <div class="display-field">
            @Html.DisplayFor(model => model.Age)
        </div>
        <div class="display-label">
            Address</div>
        <div class="display-field">
            @Html.DisplayFor(model => model.Address)
        </div>
        <div class="display-label">
            GPS Location</div>
        <div class="display-field">
            @coordLong
            @coordLat
        </div>
    </fieldset>
</body>
</html>

Pagina functioneaza fara nici o problema doar ca in viewul face mult prea multe lucruri. Din el se face un request spre o alta componenta( serviciu), prin intermediul caruia se obtin coordonatele GPS a unei adrese, care se afiseza in view.
Modelul nu contine toate datele necesare pentru a afisa tot ce este necesar. Din aceasta cauza se ajunge sa se faca un apel spre o componenta externa. Nu are importanta daca aceasta componenta este un serviciu extern sau o clasa din assemblyul nostru. Toate datele necesare trebuie sa fie continute de catre model. Orice data trebuie sa ajunga in view prin intermediul modelului.
O solutie este sa adaugam doua propietati in PersonModel care sa reprezinte coordonatele GPS( sau putem sa ne cream o clasa care sa stocheze longitudinea si latitudinea - dar tot ca si o propietate din PersonModel o sa fie).

public class PersonModel
{
    public string Name { get; set; }
    public int Age { get; set; }
    public string Address { get; set; }
    public string Longitude { get; set; }
    public string Latitude { get; set; }
}

Inițializarea coordonatelor urmeaza sa fie mutata in controler. Problema de la care am pornit a fost rezolvata, insa ... apare un smell la orizont. Nu foarte puternic, dar extrem de periculos. Apelul spre serviciu se face direct din controler, cea ce nu e normal. Da, este adevarat ca controlerul ar trebuii sa pregateasca modelul, dar obtinerea coordonatelor ar trebuii sa se faca in alt loc. De exemlu putem sa scoatem acest apel intr-o alta clasa.

Posted in MVC, view | No comments

Thursday, 9 February 2012

MVC - What a view should never contain( part 1)

Posted on 07:16 by Unknown

Part 2
Suntem intr-o aplicatie MVC. Un model poate sa fie folosit de 1 sau mai multe viewuri.
Intrebarea de unde a pornit totul este Ce ar trebuii sa contina un view?
Daca ne luam dupa carte: Un View trebuie sa contina codul prin intermediul caruia se genereaza interfara grafica asteptata. Viewul se ocupa cu partea de render la date pentru a afisa modelul corespunzator.
In acest caz ce este un Model? Raspunsul scurt si sec pe care il primesc mereu este: o clasa care contine datele ce trebuie afisate in view.
Citisem anul trecut ca un model poate sa fie reprezentat de un web service, de un repository sau de catre un alt bussines layer. Aceasta afirmatie este falsa. Da sursa datelor poate sa fie un web-service, un repository sau un bussines layer, dar datele care o sa fie afisate tot ca o colectie de la 1 la n de de obiecte pe care le primim. Indifierent ca este o colectie de stringuri, o clasa, sau un singur string. Aceste date pot sa fie modelate ca si o clasa.
Daca ne intoarcem la prima afirmatie( modelul este o clasa) - putem sa schimbam raspunsul si sa spunem ca modelul este reprezentat de o colectie de date. In lumea ASP.NET MVC aceasta va fi mereu o clasa( da, chiar si un string este de fapt o clasa in .NET).
Si acuma pot sa pun intrebarea de unde a pornit totul.
Ce ar trebuii sa contina un View?
Doar codul prin intermediul caruia se face render la UI.
Dar daca trebuie sa formatam un element din model, aceast cod unde trebuie sa apara? In controler cand pregateste modelul sau in view. Ati spune ca depinde? Daca formatam un datetime atunci acest lucru s-ar putea face in view sau chiar in template. Daca formatam un obiect mai complex ar trebuii sa fie in controler. In al doilea caz avem o problema cu modelul. Modelul nu este in formatul de care avem nevoie, iar daca incercam sa refolosim un alt model, atunci mai bine ne facem un nou model cu datele de care avem nevoie.
Nu este nimic gresit sa avem cate un model pentru fiecare view. Este gresit sa avem un singur model la 20 de view-uri, iar modelul sa contina date care sa nu fie folosite de toate viewurile sau viewurile sa fie obligat sa faca procesare datelor pentru a putea afisa datele in formatul dorit.
Dar daca avem nevoie sa afisam date din model apeland un web-service. Niciodata sa nu puneti acest apel in view. In unele cazuri poate apelul sa fie facut din Java Script, dar niciodata din view. Genul acesta de logica nu are ce cauta in view.
Totul a pornit in momentul in care am vazut intr-un view un apel spre un web-service facut din C#.
Part 2

Posted in MVC, MVC 3, view | No comments

Thursday, 22 September 2011

MVC 3 - Custom view load based on the source of the request

Posted on 07:47 by Unknown

Pornim de la următoarea problema:

Se da o aplicație ASP MVC 3. Se dorește sa încarce view-uri custom pentru fiecare tip de device care o accesează. De exemplu în cazul în care request-ul vine de la un iPhone sau un Windows Phone 7 atunci view-urile care se încarcă o sa fie diferite.

MVC suporta deja crearea unei versiuni de view pentru mobile device, dar acest lucru nu o sa ne fie de ajuns. In funcție de rezoluție sau de brower o sa dorim sa încărcam view-uri total diferite. Informațiile despre ce tip de device accesează resursa le putem găsii in user-agent.
Proprietatea user agent-ul se poate găsii în următoarea locație

HttpContext.Request.UserAgent

Aceasta valoare o sa fie de tip string, unde este necesar sa cautam manual valoarea pe noi o cautam. Pentru IPhone user agent-ul o sa aibe valoarea:

Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543a Safari/419.3

Iar un request de la un Windows Phone 7 o sa aibe următoarea valoare:

Mozilla/4.0 (compatible; MSIE 7.0; Windows Phone OS 7.0; Trident/3.1; IEMobile/7.0) Asus;Galaxy6

Sa presupunem ca o sa avem următoarea structura de fișiere sub directorul Views

Views
  Home    // Nume control
      Index.cshtml
      IPhone
          Index.cshtml
      WF7
          Index.cshtml

Pentru a definii maparea la views-uri astfel încît sa fie rezolvate cu view-ul dorit este nevoie sa implementam interfața IViewEngine și sa ne definim un ViewEngine custom. In cadrul acestui ViewEngine pe metodele FindPartialView si FindView o sa fie nevoie sa verificam dacă user agent-ul este de la un anumit agent. In cazul în care request-ul vine de la un anumit device custom atunci este nevoie sa transmitem path-ul unde se găsește view-ul respectiv.
Altfel ajunge sa returnam o instanta noua a ViewEngineResult. Deoarece aceasta nu o sa conțină nici un view găsit, căutarea se va face in continuare în alt ViewEngine din colecție.

public class ApplePhoneViewEngine : IViewEngine
{
  ...
  public ViewEngineResult FindPartialView(ControllerContext context, string viewName, bool useCache)
  {
      return context.HttpContext.Request.UserAgent.StartWith("iPhone)
              ? BaseViewEngine.FindPartialView(context, "IPhone/" + viewName, false)
              : new ViewEngineResult(new string[] { });
  }
  ...
}

Ne-a mai rămas sa înregistram view engine-ul pe care noi l-am definit mai sus. In Application_Start din Global.asax.cs este nevoie sa adaugăm următorul cod:

ViewEngines.Engines.Add(new ApplePhoneViewEngine());

Codul se poate refactoriza destul de frumos, dar va las pe voi sa faceți acest lucru. Daca doriți sa aflați mai multe informații puteți sa aruncați o privire aici: https://raw.github.com/gist/1077436/a35a62ce4be85ab439dacf44205792ca9ff2791d/customviewengine.cs

Posted in custom request, MVC 3, view | No comments

Windows Mobile Support

Friday, 10 February 2012

MVC - What a view should never contain( part 2)

Thursday, 9 February 2012

MVC - What a view should never contain( part 1)

Thursday, 22 September 2011

MVC 3 - Custom view load based on the source of the request

Popular Posts

Categories

Blog Archive

About Me