1 Realizacja aplikacji internetowychServer

2 ASP.NET Architektura aplikacji oparta na pojęciachStrony Sesji oraz aplikacji (HTTP Context) Strony definiowane są jako: mark-up ASP kod w C#/VB tzw "code behind“ Więcej na

3 ASP.NET vs IIS (<7.0) Więcej na

4 ASP.NET Więcej na

5 ASP.NET <7.0 Więcej na

6 ASP.Net z IIS < 7

7 ASP.Net z IIS >=7 Więcej na

8 Cykl życia strony ASP.Net

9 ASP.NET modularyzacja/reużycie koduMaster Page Kontrolki ascx

10 Nawigacja SiteMap SiteMapProvider KontrolkiFiltrowanie (w zależności od ról) Lokalizacja

11 Nawigacja SiteMap SiteMapProvider KontrolkiFiltrowanie (w zależności od ról) Lokalizacja

12 ASP.NET Wady Skomplikowany model życia strony - inicjalizacja kontrolek itd. Nieoczywiste i poważne następstwa wykorzystania metafory aplikacji stanowej (ViewState). Efekt: niewydolne i nieinteraktywne aplikacje. Bariera dla doświadczonych deweloperów WWW. Sztuczna komunikacji m. stronami (->sesja, aplikacja, baza). Tendencja do komplkacji kodu. Brak kontroli nad kodem emitowanym przez kontrolki (coraz lepiej) oraz trudność tworzenia/rozbudowy kotrolek Fałszywe poczucie separacji logiki i wyglądu Słaba testowalność

13 Co to jest ViewState Pole __VIEWSTATEtypu StateBag klasy System.Web.UI.Control (dziedziczą z niej wszystkie kontrolki (w tym instancje klasy System.Web.UI.Page czyli strony) w ASP.NET każde odwołanie do strony powoduje utworzenie jej nowej instancji. ViewState przechowuje stan każdej kontrolki na stronie. Megabajty danych …

14 ASP.NET Co z tym można zrobić?AJAX Control Toolkit : Dodatkow infrastruktura (script manager) Dynamiki uzyskana przez proste w użyciu kontrolki serwerowe (UpdatePanel itd.) Kontrolki wizualne emitujące kod w JavaScript pozwalający na asynchroniczną komukację z (no wlasnie z czym?) na serwerze Jeszcze trudniejsze staje się: roszerzanie/dodawanie kontrolek panowanie nad kodem HTML (CSS) opanowanie zachowania skomplikowanej aplikacji

15 ASP.NET Co z tym można zrobić?WCSF – wprowadzenie usystematyzowanej architektury – wariacji na temat. Model+Prezenter+Widok Zalecenia + wizardy do generowania klasy prezentera ASP pozostaje tylko ASP – w tym swiecie to widok "wybiera sobie" prezenter Pewna dodatkowa komplikacja infrastruktury (bootstapery itd.)

16 Dlaczego MVC… MVC ułatwia zapanowanie nad złożonością aplikacji dzięki podziałowi na funkcjonalne komponenty. MVC pozwala oderwać się od skomplikoqwanego modelu życia form ASP, ViewState-u itd. Dzięki temu developerzy mogą łatwiej w pełni kontrolować zachowanie aplikacji. Front Controller, wzorzec zastosowany dla potrzeb przetwarzania żądań z przeglądarki wspiera wykorzystanie złożonej architektury aplikacji oraz wspiera przekierowywanie poleceń. MVC wspiera dobrze TDD. Wszystkie kontrakty we frameworku bazują na interfejsach stad moga być łatwo testowane przy użyciu mocków, stubów itd.. Silna separacja zadań dobrze działa w dużych zespołach pracujacych na większymi witrynami. W szczególności warto podkreślić oddzielenie logiki od wyglądu. URL routing policy, action-method parameter serialization i inne komponenty. The ASP.NET MVC framework wspiera też DI i kontenery IOC.

17 Pojęcia Rozluźnienie połączeń między komponentami.Model. Obiekty modelu są częścią aplikacji która implementuje logike domenową. Widoki. Widoki sa komponentami które wyswitlają interfejs użytkownika (UI). Kontrolery. Kontrolery są komponentami, ktore obsługuja interakcję z użytkownikiem. Finalnie są odpowiedzialne za wybór modelu oraz widoku. Rozluźnienie połączeń między komponentami.

18 Kluczowe koncepcje … Routing Kontrolery + akcje Widoki

19 Routing public static void RegisterRoutes(RouteCollection routes) { routes.IgnoreRoute("{resource}.axd/{*pathInfo}"); routes.MapRoute( "Default", // Route name "{controller}/{action}/{id}", // URL with parameters new { controller = "Home", action = "Index", id = "" } // Parameter defaults ); } protected void Application_Start() { RegisterRoutes(RouteTable.Routes);

20 Convention over configurationpublic class HomeController : Controller { public ActionResult Index() { ViewData["Message"] = "Welcome to ASP.NET MVC!"; return View(); } public ActionResult About() { return View("CustomAbout"); Widok HOME\Index Widok HOME\CustomAbout

21 Widok Może być zdefiniowany w Razor, ASP.NET lub wielu innych – w każdym wypadku nie ma tu żadnych ukrytych mechanizmów, zdarzeń, kontrolek itd. Markup definiuje wygląd strony lub jej fragmentu. Silnik renderuje zwrot wysyłany do klienta.

22 ASP.NET MVC - Results Action Result Helper Method DescriptionViewResult View Renders a view as a Web page. PartialViewResult PartialView Renders a partial view, which defines a section of a view that can be rendered inside another view. PermantRedirectResult RedirectResult Redirect Redirects to another action method by using its URL. RedirectToRouteResult RedirectToAction RedirectToRoute Redirects to another action method. ContentResult Content Returns a user-defined content type. JsonResult Json Returns a serialized JSON object. JavaScriptResult JavaScript Returns a script that can be executed on the client. FileResult File Returns binary output to write to the response. EmptyResult (None) Represents a return value that is used if the action method must return a null result (void).

23 Widok Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %> Home Page

<%= Html.Encode(ViewData["Message"]) %>

to
Sample content

24 Widok silnie typowany Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %> Persons

Id=<%= Html.Encode(Model.Id) %>

Name:<%= Html.Encode(Model.Name) %>

25 Widok silnie typowany public ActionResult Index() { Person item = Repository.GetRecentPerson(); return View("Index", item); }

26 Helpery Html ActionLink — Links to an action method. BeginForm * — Marks the start of a form and links to the action method that renders the form. CheckBox * — Renders a check box. DropDownList * — Renders a drop-down list. Hidden — Embeds information in the form that is not rendered for the user to see. ListBox — Renders a list box. Password — Renders a text box for entering a password. RadioButton * — Renders a radio button. TextArea — Renders a text area (multi-line text box). TextBox * — Renders a text box.

27 Helpery Html Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>

    <%= Html.LabelFor(c => c.Name) %>:     <%= Html.DisplayFor(c => c.Name) %>

    <%= Html.LabelFor(c => c. ) %>:     <%= Html.DisplayFor(c => c. ) %>

28 Helpery Html <% using(Html.BeginForm("HandleForm", "Home")) %> <% { %> <%= Html.CheckBox("bookType") %> <%= Html.DropDownList("pets") %> <% } %> // w kontrolerze List petList = new List(); petList.Add("Dog"); petList.Add("Cat"); petList.Add("Hamster"); petList.Add("Parrot"); petList.Add("Gold fish"); ViewData["Pets"] = new SelectList(petList);

29 Helpery vs silne typowaneMVC 1: MVC 2:

30 ASP.NET MVC - helpery Nowe helpery HTML: Html.TextBoxFor()Html.TextAreaFor() Html.DropDownListFor() Html.CheckboxFor() Html.RadioButtonFor() Html.ListBoxFor() Html.PasswordFor() Html.HiddenFor() Html.LabelFor() Inne helpery: Html.EditorFor() Html.DisplayFor() Html.DisplayTextFor() Html.ValidationMessageFor()

31 Prosty helper do wyprowadzania wierszy tabeliwidok jest silnie typowany przez IEnumerable <% Model.TableRow( (book, lineNo) => { %> <%= Html.Encode(lineNo) %> <%= Html.Encode(book.Author) %> <%= Html.Encode(book.Title) %> <%= Html.Encode(book.Year) %> <% }); %> naglowek trzeba wygenerowac oddzielnie

32 Prosty helper - realizacjapublic static class MVCHelpers { public static void TableRow(this IEnumerable items, Action action) { foreach (T item in items) action(item); } public static void TableRow(this IEnumerable items, Action action) { int counter = 0; action(item, ++counter);

33 Helper – składnia extension methodspublic static class LabelExtensions { public static string Label(this HtmlHelper helper, string target, string text) { return String.Format("{1}", target, text); }

34 ASP.NET MVC - Partial viewWidok zdefiniowany w wizardzie jako Partial view Czesto używana konwencja nazwa zaczyna sie od _ Widok jest typowany tj. używamy Użycie w kodzie widoku głównego: ... <%= foreach (var element in Model.elements) { %> <%= Html.Partial("_Podwidok", element); %> <%=} %> @Html.Partial(“_partialView") @{ Html.RenderPartial("_partialView "); }

35 ASP.NET MVC - Walidacja public class Pals { [Required()] [Range(33,99)] public float Height { get; set; } [StringLength(7)] public string Name { get; set; } [ScaffoldColumn(false)] public int ID { get; set; } public bool cool { get; set; } [DataType(DataType. Address)] public string { get; set; } [DataType(DataType.MultilineText)] public string Bio { get; set; } }

36 MVC – Walidacja serwerowapublic ActionResult Create(Person newPal) { if (ModelState.IsValid) { return Redirect("/"); } return View("DetailedErrorInfo", newPal); <%= Html.LabelFor( model => model.Height ) %> <%= Html.TextBoxFor( model => model.Height ) %> <%= Html.ValidationMessageFor( model => model.Height ) %>

37 MVC - Walidacja kliencka Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

EditforModel

{ "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "http://slideplayer.pl/12184625/71/images/37/MVC+-+Walidacja+kliencka.jpg", "name": "MVC - Walidacja kliencka", "description": " EditforModel", "width": "1024" }

38 MVC – Walidacja kliencka<% Html.ClientValidationEnabled = true; %> <% using (Html.BeginForm()) { %>

<%= Html.ValidationSummary("Broken stuff:") %> <%= Html.EditorForModel() %>

<% } %> <% Html.RenderPartial("linksPalsID"); %>

39 MVC – Asynchroniczny kontrolerŻądanie z WWW jest obsługiwane przez jeden z wątków z puli roboczej serwera Po zainicjowaniu akcji wątek jest zwalniany Po ukończeniu akcji obsługa jest wznawiana (przez pot. Inny) wątek z puli roboczej

40 MVC – tradycyjny kod public class PortalController: Controller { public ActionResult News(string city) { NewsService newsService = new NewsService(); ViewStringModel headlines = newsService.GetHeadlines(city); return View(headlines); }

41 public class PortalController : AsyncController { public void NewsAsync(string city) { AsyncManager.OutstandingOperations.Increment(); NewsService newsService = new NewsService(); newsService.GetHeadlinesCompleted += (sender, e) => { AsyncManager.Parameters["headlines"] = e.Value; AsyncManager.OutstandingOperations.Decrement(); }; newsService.GetHeadlinesAsync(city); } public ActionResult NewsCompleted(string[] headlines) { return View("News", new ViewStringModel { NewsHeadlines = headlines } ); asynchroniczny kod

42 MVC Razor - przykład Wyrażenia@( .... ) Bloki @{ .... }Wypisywanie contentu

43 Razor – przykład mark-up ASP

44 Razor – przykład mark-up ASP

45 MVC Razor - przykład

46 MVC Razor - przykład

47 Atrybuty w MVC public class HomeController : Controller { [HttpGet][ActionName("Lista")] public ActionResult Index() { return View(); }   [ChildActionOnly] public ActionResult ChildAction() { ChildActionOnly - ta akcja nie moze byc zawołana z zewnątrz ale wciąż może być wywołana np. przez redirect lub <%Html.RenderAction("ChildAction"); %> Typ żądania Alias nazwy akcji

48 Filtry Koncepcje: AoP FrontController F. Mogą być stosowane Do akcjiDo kontrolera Do aplikacji

49 Filtry Typ Domyślna implementacja Dzialanie AuthorizationAuthorizeAttribute Uruchamiany przed innymi filtrami/akcjami Action ActionFilterAttribute Uruchaminiany przed/po akcji Result ResultFilterAttribute Uruchaminiany przed/po zwrocie Exception HandleErrorAttribute Uruchamiany gdy inny filtr/akcja zrzucą wyjątek

50 Deklaratywna autoryzacja w MVCpublic class HomeController : Controller { public ActionResult About() { return View(); } [Authorize] public ActionResult AuthenticatedUsers() { return View(); } [Authorize(Roles = "Admin, Super User")] public ActionResult AdministratorsOnly() [Authorize(Users = "Betty, Johnny")] public ActionResult SpecificUserOnly() }

51 Domyślna obsługa błedówDomyślnie wyświetlana jest ~/Views/Shared/Error Nie powinna byc dostępna w produkcji!!! Włączenie obsługi błedów na poziomie konfiguracji Zróżnicowanie local/remote Domyślne/konkretne bledy Włączenie obsługi błedów na poziomie filtrów Web.config

52 Rejestracja obsługi błedów[HandleError] public class HomeController : Controller { public ActionResult Index() { throw new HttpException(401, "Unauthorized"); } public ActionResult About() { return View(); } Dodanie globalnych filtrów: public static void RegisterGlobalFilters( GlobalFilterCollection filters) { filters.Add(new HandleErrorAttribute());

53 Obsługa wyjątków HandleErrorInfo … @{ViewBag.Title = "Sorry, there was a problem!“;}

There was a while rendering action.

The exception message is:

54 Własny action filter public class ActionLogFilterAttribute : ActionFilterAttribute, IActionFilter { public override void OnActionExecuting( ActionExecutingContext filterContext) { ... } public override void OnActionExecuted... public override void OnResultExecuting... public override void OnResultExecuted... } Aplikacja filtru: [ActionLogFilter] lub RegisterGlobalFilters -> filters.Add(new ActionLogFilterAttribute());

55 public class RequestTimingFilter : IActionFilter, IResultFilter { public void OnActionExecuting(ActionExecutingContext filterContext) GetTimer(filterContext, "action").Start(); } public void OnActionExecuted(ActionExecutedContext filterContext) GetTimer(filterContext, "action").Stop(); public void OnResultExecuting(ResultExecutingContext filterContext) GetTimer(filterContext, "render").Start(); …

56 private static Stopwatch GetTimer(ControllerContext context, string name) { var key = string.Format("__timer__{0}", name); if (context.HttpContext.Items.Contains(key)) { return (Stopwatch)context.HttpContext.Items[key]; } var result = new Stopwatch(); context.HttpContext.Items[key] = result; return result;

57 public void OnResultExecuted(ResultExecutedContext filterContext) { var renderTimer = GetTimer(filterContext, "render"); renderTimer.Stop(); var actionTimer = GetTimer(filterContext, "action"); var response = filterContext.HttpContext.Response; if (response.ContentType == "text/html“) { response.Write( string.Format( "

", filterContext.RouteData.Values["controller"], filterContext.RouteData.Values["action"], actionTimer.ElapsedMilliseconds, renderTimer.ElapsedMilliseconds ));} }

58 Cache [OutputCache( Location=OutputCacheLocation.ServerAndClient, Duration=int.MaxValue, VaryByParam="none")] Duration, VaryByContentEncoding, VaryByCustom, VaryByHeader, VaryByParam Location=“Server”|”Client” CacheProfile=“X” – wez ustawienia z WebConfiga sekcji “X” HttpResponse: AddCacheItemDependency, AddFileDependency Cache: Cache.SetExpires, Cache.SetCacheability Programowy dostęp do cache: (string)Cache["CacheItem"];

59 Inne Filtry RequireHttps – obligatoryjny https ValidateInput,ValidationAntiForgeryToken – zwiazane z zabezpieczeniami AsyncTimeout, NoAsyncTimeout – dla anynchronicznych kontrolerów

60 Życie aplikacji ASP.NET MVCReceive a first request In the Global.asax file, Route objects are added to the RouteTable object. Perform routing The UrlRoutingModule module uses the first matching Route object in the RouteTable collection to create the RouteData object, which it then uses to create a RequestContext (IHttpContext) object. Create MVC request handler The MvcRouteHandler object creates an instance of the MvcHandler class and passes it the RequestContext instance. Create controller The MvcHandler object uses the RequestContext instance to identify the IControllerFactory object (typically an instance of the DefaultControllerFactory class) to create the controller instance with.

61 Życie aplikacji ASP.NET MVC cd.Execute controller The MvcHandler instance calls the controller's Execute method. Invoke action Most controllers inherit from the Controller base class. For controllers that do so, the ControllerActionInvoker object that is associated with the controller determines which action method of the controller class to call, and then calls that method. Execute result A typical action method might receive user input, prepare the appropriate response data, and then execute the result by returning a result type. The built-in result types that can be executed include the following: ViewResult (which renders a view and is the most-often used result type), RedirectToRouteResult, RedirectResult, ContentResult, JsonResult, and EmptyResult.

62 Autoryzacja Windows Authentication Forms Authentication-> FormsAuthentication.SetAuthCookie(), Web.config: cookieless="UseUri“ ActiveDirectoryMembershipProvider). SqlMembershipProvider web site administration tool VSProject  ASP.NET Configuration

63 IP - restrykcje Web.config

64 Jak testować np redirect[Test] public void ShouldRedirectToTheNextConference() { var conferenceToFind = new Conference{Key = "thekey", Name = "name"}; var repository = new ConferenceRepositoryStub(conferenceToFind); var controller = new RedirectController(repository); RedirectToRouteResult result = controller.NextConference(); Assert.That( result.RouteValues["controller"], Is.EqualTo("conference")); Assert.That(result.RouteValues["action"], Is.EqualTo("index")); Assert.That( result.RouteValues["conferenceKey"], Is.EqualTo("thekey")); }

65 Jak testować np dostęp do cache[Test] public void CacheTest() { var fakeCache = MockRepository.GenerateStub(); var controller = new HomeController(fakeCache); fakeCache.Stub(x => x.Exists("test")).Return(false); controller.CacheTest(); fakeCache.AssertWasCalled(x => x.Add("test", "value")); fakeCache.AssertWasCalled(x => x.Get("test")); }

66 Jak testować np dostęp do sesji[Test] public void SessionTest() { var controller = new HomeController(); var httpContext = MockRepository.GenerateStub(); var mockSession = ockRepository.GenerateMock(); httpContext.Stub(x => x.Session) Return(mockSession).Repeat.Any(); const string key = "shopping_cart"; mockSession.Expect(x => x[key]).Return(null); mockSession.Expect(x => x.Add(null, null)).IgnoreArguments(); mockSession.Expect(x => x[key]).Return(new Cart()); controller.ControllerContext = new ControllerContext(httpContext, new RouteData(), controller); controller.ViewCart(); mockSession.VerifyAllExpectations(); }

67 Konfiguracja Web.config Cache Autentykacja Połączenia (baza itd)Kompilacja widoków Kryptografia Własna obsługa błędów, Własny routing ...

68 Konfiguracja - własne ustawieniaProste ustawienia: ConfigurationManager.AppSettings["MojeUstawienie"] Własne sekcje

69 Hierarchia konfigów Aplikacja dziedziczy ustawienia z kilku poziomówMachine.config c:\WINDOWS\Microsoft.NET\Framework\v \Config\machine.config Machine.web.config c:\WINDOWS\Microsoft.NET\Framework\v \Config\machine.web.config Nadrzędne web.config web.config Ustawienia na niższym poziomie mogą nadpisywać poprzednie wartości

70 Posadowienie aplikacjiAsp.NET Sevelopment Server (niedostępny spoza maszyny) IIS (domyślnie nieinstalowany) aspnet_regiis.exe –I (rejestracja asp – po doinstalowaniu) Project -> publish Pakiet (VS2010): Project -> Build Deplyment Package Project.cmd Ustawienia parametrów Wymagany MsDeploy Wersje konfiguracji: .Net 4.0

71 Posadowienie aplikacjiTransformacje Web.config

72 Śledzenie – web.config Wlączenie trace loga widocznego pod

73 Śledzenie – web.config …Dodanie logera Komunikaty: System.Diagnostics.Trace.Write()

74 Health monitoring ASP.Net health monitoring -> ELMAH: Error Logging Modules and Handlers for ASP.NET-> Lifecycle Event Error Event Audit Event Request Event Heartbeat Event Custom Event Rules SQL Provider EventLog Provider Custom Provider

75 MVC - community MVC Contrib:

76 UI Helpers - Fluent html helpersMVC Contrib: Fluent html helpers @this.TextBox(x => x.FirstName).Class("required").Label("First Name:“) @this.Select(x => x.ClientId).Options((SelectList)ViewData["clients"]).Label("Client:“) @this.MultiSelect(x => x.UserId).Options(ViewModel.Users) @this.CheckBox("enabled").LabelAfter("Enabled").Title("Click to enable.").Styles(vertical_align => "middle")

77 UI Helpers - grid <%= Html.Grid(Model).Columns(column => { column.For(x => x.Id).Named("Person ID"); column.For(x => x.Name); column.For(x => x.Gender); column.For(x => x.DateOfBirth).Format("{0:d}"); column.For(x => Html.ActionLink("View Person", "Show", new { id = x.Id})).DoNotEncode(); }) %>

78 UI Helpers – input builders

79 UI Helpers – input builders

80 MVC Contrib – inne Filters: PostOnly Filter, PreCondition Filter, Rescue Filter, Layout Filter, TempDataToViewData Filter, ModelStateToTempData Filter Action Results: BinaryResult, XmlResult Controllers: AcceptPostAttribute and AcceptGetAttribute, Fluent Controller, Strongly-typed RedirectToAction Routing: Simply Restful Routing Controller Factories: Castle Windsor, Spring .Net, StructureMap, Unity Portable Areas: Creating a Portable Area, Consuming a Portable Area Model Binders: Data Binding, Name Value Deserializer, Castle Binder, Derived Type Model Binder

81 MVC Contrib – inne Hash: składnia oparta na wyrażeniach lambda dla tworzenia słowników T4MVC: szablony T4 dla ASP.NET MVC TestHelper: upraszcza testowanie kontrolerów ViewDataExtensions: Extension methods dla to IDictionary mające na celu zapewnienie silnie typowanego dostepu do danych w widoku

82 MVC alternatywne silniki szablonówMVC Contrib Brail NDjango NHaml Nvelocity SharpTiles Spark StringTemplate XSLT

83 Spark Dystrybuowany w MVCcontrib Wykorzystywany w Castle MonoRails

• ${p.Name} !{Html.ActionLink[[ProductController]](c=>c.Edit(p.Id), "Edit")}

Możliwość definiowania komponentów strony

84 Spark- przykład