Scott Guthrie's Blog in Dutch

ASP.NET MVC Preview 4 release, part 1

Joeri Pansaerts — Thu, 24 Jul 2008 10:00:00 GMT

Het ASP.NET MVC team is de laatste hand aan het leggen aan de nieuwe 'Preview 4' release die het later op de week hoopt uit te brengen. De Preview 3 release was vooral gericht op de afwerking van vele onderliggende centrale API's en uitbreidbaarheidsfactoren in ASP.NET MVC. Als je deze week start met de Preview 4, dan zal je meer en meer functies ontdekken die gebouwd zijn op de centrale funderingen en die heel wat productiviteit toevoegen.

Er zijn een aantal nieuwe functies en mogelijkheden in deze nieuwe versie, zoveel zelfs dat ik heb beslist om ze te verdelen over twee posts. De eerste post zal de nieuwe Caching, Error Handling en Beveilingsfuncties behandelen, alsook enkele testverbeteringen. In mijn volgende post komen de nieuwe AJAX functies aan bod die in deze release aanwezig zullen zijn.

Filter Interceptors begrijpen

Action Filter Attributen houden veel potentieel in wat uitbreidbaarheid betreft in ASP.NET MVC die overigens voor het eerst werd geintroduceerd met de "Preview 2" release. Met deze attributes kan je code toevoegen aan de request van een MVC Controller. Deze code kan uitgevoerd worden voor of na een Controller of diens Action methods uitvoering. Hierdoor kan je gemakkelijk functionaliteit groeperen en hergebruiken op een mooie declaratieve manier.

HIeronder vind je een voorbeeld van een supereenvoudige "ScottGuLog" filter die ik zou kunnen gebruiken om details te loggen over exceptions die opgedoken zijn tijdens de uitvoering van een request. Een custom filter implementeren is gemakkelijk, je moet de "ActionFilterAtribute' in een sub classe steken en de nodige methodes overriden om de code uit te voeren voor of nadat een Action method is aangevraagd op de Controller en voor of nadat een ActionResult in een antwoord wordt verwerkt.

Een filter gebruiken in een ASP.NET MVC Controller is gemakkelijk. Je moet het gewoon declareren als een attribuut op een Action Method, of op de Controller class zelf (in dat geval zal het van toepassing zijn

op alle Action Methods in de Controller):

In het bovenstaande voorbeeld zie je hoe twee filters toegepast worden. Ik heb aangeduid dat ik wil dat mijn "ScottGuLog" toegepast wordt op de 'About' action method en dat ik wil dat de 'HandleError' filter toegepast wordt op alle action methods van de HomeController.

Voorgaande preview releases van ASP.NET MVC maakten deze uitbreidbaarheid van filters mogelijk, maar er waren nog geen voorgebouwde filters aanwezig. ASP.NET Preview 4 bevat nu verschillende handige filters om output caching, errors en beveiliging te behandelen.

OutputCache Filter

De [OutputCache] filter biedt een gemakkelijke manier om ASP.NET MVC te integreren met de output caching functies van ASP.NET (met ASP.NET MVC preview 3 moest je zelf code schrijven om dit te bereiken). Om dit uit te proberen, wijzig de 'Message' waardeset in de 'Index' action method van de HomeController (gecreëerd door de VS ASP.NET MVC project template) om de tijd weer te geven:

Als je je applicatie doet werken, dan zul je zien dat de getoonde tijd wordt vernieuwd telkens je de pagina vernieuwt:

We kunnen output caching mogelijk maken voor deze URL door het [OutputCache] attribute toe te voegen aan onze Action Method. We zullen dit zo configuren dat het antwoord 10 seconden lang gecached wordt met de declaratie hieronder:

Als je nu op 'pagina vernieuwen' klikt dan zal je zien dat de tijdsaanduiding slechts om de 10 seconden wordt vernieuwd. Dit komt omdat de action method slechts om de 10 seconden aangeroepen wordt. Alle aanvragen tussen deze tijdsintervallen worden uit de ASP.NET output cache gefilterd (dit betekent dat er geen code hoeft uitgevoerd te worden en daardoor gaat het ook supersnel!). Bovenop de ondersteuning van tijdsduur, ondersteunt de OutputCache ook de standaard ASP.NET output cache met gevarieerde opties (varierend op parameters, headers, content encoding en custom logic). Bijvoorbeeld, het voorbeeld hieronder zou verschillende cached versies opslaan van de pagina, afhankelijk van de waarde van een optionele "PageIndex" QueryString parameter en automatisch de correcte versie genereren afhankelijk van de querystring waarde van de inkomende URL:

Je kan ook de Database Invalidation functie integreren in ASP.NET, waardoor je automatisch de cache kan ongeldig maken als een database waar de URL afhankelijk van is, gewijzigd is (tip: de beste manier om dit te doen is een CacheProfile sectie opzetten in je web.config en er dan naar refereren in het OutputCache attribute).

HandleError Filter

De [HandleError] filter biedt een manier om declaratief aan te duiden op een Controller of een Action method dat een vriendelijk error antwoord getoond moet worden als zich een error voordoet tijdens de verwerking van een ASP.NET MVC aanvraag. Om dit uit te proberen, voeg een nieuwe "TestController" toe aan een project en implementeer een action method om een exception te genereren zoals hieronder:

Als je je browser naar die URL leidt, dan zal het standaard een standaard ASP.NET errorpagina tonen om gebruikers op de fout te wijzen (tenzij je een <customErrors> sectie hebt gecreëerd in je web.config bestand):

We kunnen de HTML error die getoond wordt veranderen naar een vriendelijkere boodschap voor de eindgebruiker door een [HandleError] attribute aan toe te voegen aan onze Controller of aan onze Action Method op de Controller:

De HandleError filter zal alle exceptions cachen (ondermeer errors die gegenereerd worden wanneer View templates verwerkt worden), en toont een gepersonaliseerd Error antwoord als ze zich zouden voordoen. Standaard zal het proberen om een View template, "error" genaamd, in je project trachten aan te maken om een antwoord te genereren. Je kan de "Error" view plaatsen in dezelfde directory als je andere controllerspecifieke views (bijvoorbeeld: \Views\Test voor de TestController hierboven), of in de \Views\Shared folder (het zal eerst zoeken naar een controllerspecifieke errorview en als dat niet wordt gevonden, dan zal het zoeken in de shared folder, die de views bevat die door alle Controllers gedeeld worden). Visual Studio voegt nu automatisch een standaard "Error" view template toe aan de \Views\Shared folder als je een nieuw ASP.NET MVC Projects aanmaakt met de Preview 4:

Als we een [HandleError] attribute toevoegen aan onze TestController, dan zal dit standaard eindgebruikers een html errorpagina tonen zoals hieronder (merk op dat het de masterpage template aanneemt van het project, zodat de error boodschap geintegreerd is in de site). Je kan uiteraard de Error view template personaliseren zodat je om het even welke html en/of vriendelijkere errorboodschap kunt tonen. Hieronder wordt getoond wat je standaard krijgt.

Om ontwikkelaars te helpen is de standaard Error view template, die geintegreerd is in de nieuwe project template in Visual Studio, gemaakt om bijkomende error stack trace informatie te tonen als je de applicatie lokaal uitvoert:

Je kan dit afzetten door de code te verwijderen uit de Error view template, of door de <customErrors> op "off" te zetten in je web.config bestand. De [HandleError] filter zal standaard alle exceptions opvangen en verwerken die voorkomen tijdens een aanvraag. Je kan ook specifieke exception types specificeren die je wil cachen. Je kan ook gepersonaliseerde error views specificeren door het "ExceptionType" en de "View" eigenschappen van de [HandleError] attributes te specificeren:

In de bovenstaande code kies ik ervoor om gepersonaliseerde error views voor SqlExceptions en NullReferenceExceptions te tonen. Alle andere exceptions zullen getoond worden met de de standaard "Error" view template.

Authorize Filter

De [Authorize] filter biedt een manier om de beveiligingstoegang declaratief controleren op een Controller of een Action Method. Hierdoor kan je aanduiden dat een gebruiker ingelogged moet zijn, en kan je eventueel ook vereisen dat ze een specifieke gebruiker zijn in een specifieke beveiligingsrol om toegang te kunnen krijgen. De filter werkt met alle types authenticatie (waaronder Windows en formuliergebaseerde authenticatie). Het biedt ook ondersteuning om automatisch anonieme gebruikers door te verwijzen naar een login formulier wanneer nodig. Om dit uit te proberen, voeg een [Authorize] filter toe aan de "About" action in de HomeController, die standaard gecreëerd wordt door Visual Studio:

Een [Authorize] attribute declareren zoals hierboven wijst erop dat een gebruiker ingelogged moet zijn in de website om een "About" action te kunnen aanvragen. Als niet-ingelogde gebruikers trachten om de /Home/About URL aan te klikken, dan zullen ze geen toegang krijgen. Als de webapplicatie zo is geconfigureerd dat het Windowsgebaseerde authenticatie gebruikt, dan zal ASP.NET automatisch de gebruiker authenticeren door hun Windows login info te gebruiken, en indien in orde, dan kan de gebruiker verder. Als de webapplicatie is geconfigureerd om Formuliergebaseerde authenticatie te gebruiken, dan zal het [Authorize] attribute automatisch de gebruiker doorverwijzen naar een loginpagina zodat deze zich kan autentificeren (waarna hij toegang zal krijgen):

Het [Authorize] attribute laat je ook toe om toegang te verlenen aan specifieke gebruikers en gebruikersrollen. Bijvoorbeeld, als ik de toegang tot de "About" action zou willen limiteren tot mezelf en Bill Gates, dan zou ik het volgende kunnen schrijven:

Het is zeker niet aan te raden voor meer geavanceerde applicaties om gebruikersnamen te hardcoden in je code. Je kan beter een concept gebruiken van een bovenliggend niveau zoals "rollen" om permissies te definieren. Dan kan je de gebruikers apart in rollen verdelen (bijvoorbeeld, de active directory of een database gebruiken om de verdeling op te slaan). Met het [Authorize] attribute is het gemakkelijk om de toegang te beheren tot Controllers en Actions door de "Roles" eigenschap te gebruiken:

Het [Authorize] attribute is niet afhankelijk van een specifieke gebruikersidentiteit of role management mechanisme. Het werkt met het ASP.NET "User" object, dat uitbreidbaar is en waarmee je eender welk identificeersysteem kan gebruiken.

AccountController Class

Hierboven heb ik vermeld dat het [Authorize] attribute gebruikt kan worden met elk authenticatiesysteem of identiteitbeheersysteem. Je kan elk gepersonaliseerd login UI en / of gebruikersnaam/paswoord systeem schrijven of gebruiken. Om je wat op weg te helpen, bevat de ASP.NET MVC Project Template in Visual Studio nu een voorgebouwde "AccountController" met login views die een systeem voor formulierauthenticatie op basis van lidmaatschap integreert met ondersteuning voor inloggen, uitloggen, nieuwe gebruikers registreren en paswoorden wijzigen. Alle view templates en UI kunnen gemakkelijk gepersonaliseerd worden, los van de AccountController class of implementatie:

De Site.master template bevat nu ook UI in de rechterbovenhoek die login/logout functionaliteit biedt. Als je fomuliergebaseerde authenticatie gebruikt, dan zal het je je login vragen als je nog niet geidentificeerd werd:

En het toont een welkomstboodschap samen met een logout link als je geidentificeerd bent op de site:

Als je hierboven op de login link klikt, dan wordt je doorverwezen naar een loginscherm zoals hieronder zodat je je kan identificeren:

Nieuwe gebruikers kunnen klikken op de registreerlink om een nieuwe account te creëeren:

Error handing en error display is ook ingebouwd:

De AccountController class dat is toegevoegd aan nieuwe projecten maakt gebruik van de ingebouwde ASP.NET membership API om gebruikersgegevens te bewaren en te beheren (het Membership systeem gebruikt een provider API, waardoor alle back-end opslag kan ingeplugd worden en ASP.NET bevat ingebouwde providers voor Active Directory en SQL Server). Als je het ingebouwde Membership systeem niet wil gebruiken, dan kan je dezelfde AccountController action method signatures behouden. View templates, en Forms Authentication zijn zeer logisch opgebouwd en vervangen gewoon de gebruikersaccount logica binnen de AccountController class. Voor de volgende ASP.NET MVC preview release plannen we de inbedding van de interactielogica tussen de Account Controller en het gebruikersidentiteitssysteem achter een interface. Dit zal het gemakkelijker maken om je eigen opslagsysteem in te pluggen (zonder een volledige membership provider te moeten implementeren). Ook zal het gemakkelijker zijn om dit en de AccountController te unit testen.We hopen vooral dat dit een goede manier zal zijn om mensen snel aan de slag te helpen zodat ze een goed werkend afgewerkt beveiligingssysteem hebben van zodra ze een nieuw project creëren.

TempData testen

Een laatste verbetering die ik graag ter sprake breng in deze eerste preview 4 post is die aan de Controller class waardoor je gemakkelijker de TempData collectie kan unit testen. Met de TempData eigenschap kan je data opslaan die je wil houden voor een toekomstige aanvraag van een gebruiker. De semantiek zit zo ineen dat het slechts een toekomstige aanvraag blijft bestaan (daarna wordt het verwijderd). Het wordt over het algemeen gebruikt voor MVC scenario's, waarin je een client-side redirect wil uitvoeren om de URL in de browser te veranderen en een eenvoudige manier wil om scratch data te bewaren. In vorige ASP.NET MVC preciew moest je objecten 'namaken' om de TempData collectie te testen. Met Preview 4 is dit niet langer nodig, ook andere setups zijn niet meer nodig. Je kan nu objecten toevoegen en verifieren binnen de TempData collectie van de controller en dit onmiddellijk in je Unit tests (bijvoorbeeld: de Tempdata eigenschap van een controller bepalen, voor zijn action method aan te roepen verifieren of een action method de TempData heeft geupdate na terugkeer). De opslagsemantiek van de TempData collecite is nu vervat in een aparte TempDataProvider eigenschap.

Conclusie

Hopelijk biedt de bovenstaande post een snelle blik op het aantal nieuwe functies en veranderingen in de ASP.NET MVC Preview 4. Mijn volgende post over ASP.NET MVC Preview 4 zal de nieuwe AJAX functionaliteit behandelen en zal ook demonstreren hoe je er gebruik van kan maken.

Hopelijk kan je hiermee aan de slag,

Scott

Silverlight 2 Beta2 Release

Joeri Pansaerts — Wed, 11 Jun 2008 05:02:00 GMT

Silverlight 2 Beta2 is vandaag op de markt gelanceerd. Je kunt de toolondersteuning voor Silverlight 2 beta1, Visual Studio en Expression Blend hier downloaden.

Aan de Beta2 zijn heel wat functies toegevoegd (meer details hieronder). Toch is het nog steeds een download van 4.6MB, met een downloadtijd van minder dan 10 seconden. Software van het .NET framework of andere software is niet nodig om ermee te kunnen werken. Ook werken alle functies cross-browser op Mac en Windows pc's en zullen ze via de Moonlight 2 release ook ondersteund worden op Linux.

Silverlight 2 beta2 ondersteunt een go-live licentie waarmee je kan starten met commerciele applicaties in Silverlight 2. Er zullen enkele API veranderingen plaatsvinden tussen Beta2 en de uiteindelijke release, waardoor je erop moet voorbereid zijn dat de applicaties die je hebt gecreëerd met de Beta2 geupdate moeten worden wanneer de finale versie uitkomt. Maar we denken dat deze veranderingen eenvoudig en relatief gemakkelijk zullen zijn, en dat je gerust kunt beginnen plannen en creëeren.

Je kunt Silverlight Beta2 applicaties bouwen met de VS2008 Tools voor Silverlight en Expression Blend 2.5 June Previeuw. Je kunt beide hier downloaden. De VS2008 Tools voor de Silverlight download werkt met zowel VS 2008 als de recente VS 2008 SP1 beta release.

Verbeteringen aan UI en Control

Silverlight 2 Beta2 bevat een hoop verbeteringen in de UI en Control:

Meer ingebouwde Controls

Beta1 bevatte slechts enkele ingebouwde controls in de core Silverlight setup. De meeste algemene controls (Button, ListBox, Slider, enz) waren ondergebracht in gescheiden assemblies die je moest samenbrengen in je applicatie (waardoor de applicatie download dus langer duurde). Beta 2 installeert nu meer dan 30 van de algemene controls als onderdeel van de core Silverlight 2 download. Dit wil zeggen dat je Silverlight 2 applicaties kunt bouwen die core controls van kleiner dan 3kb gebruiken. Het resultaat is een kleine Silverlight applicatie met een zeer snelle opstarttijd.

Naast de core controls in de basisinstallatie van de Silverlight 2 setup, brengen we deze week ook higher-level controls uit die geïmplementeerd zijn in aparte assemblies, die je kan verwerken in je applicatie en waarnaar je kan refereren. Deze controls zoals de DataGrid (meer details bij de nieuwe Beta2 functies beneden) , Calendar (nu met meerdere dagen selectie en blackout data ondersteuning in Beta2), en de TabPanel control (nieuw in Beta2).

Op het einde van de rit verwachten we meer dan 100 controls voor Silverlight.

Ondersteuning voor de bewerking van Control Template

Eén van de krachtigste functies in het WPF en Silverlight programming model is de mogelijkheid om de look en feel van de controls helemaal te veranderen. Zo kunnen ontwikkelaars en ontwerpers de UI van de controls bewerken op subtiele of ingrijpende wijze, en het laat ook een enorme flexibliteit toe.Ik behandelde deze materie enigzins hier in mijn vorige Silverlight Control Templating blog.

De Expression Blend 2.5 June Preview van deze week bevat ontwerpondersteuning in om control templates te bewerken. Dit maakt het ons gemakkelijk om een snelle aanpassing te doen aan het uitzicht van elke control zonder naar de XAML broncode te moeten gaan.

Om de control template editing in actie te zien, sleep je gewoon de twee slider controls naar je Expression Blend design surface :

Het kan voorkomen dat we de slider head in de standaard Slider control template te groot en te breed vinden voor onze applicatie. Om de control editing template te gebruiken om dit te veranderen, klikken we met de rechtermuisknop op een van de sliders en selecteren we het "Edit Control Parts" context menu item. We kiezen vervolgens om een 'new control template' aan te maken voor onze slider (en we beginnen vanaf nul). Een andere optie is een kopie bewerken van de ingebouwde control template (en starten vanaf daar om het te bewerken):

Nadat we gekozen hebben om een kopie van de bestaande control template te bewerken, zal Blend ons vragen om een herbruikbare style source te creëren en een naam te geven waarin we onze control template zullen definieren. We kunnen het een naam geven en dan verkiezen we dat onze stijl wordt opgeslagen op applicatieniveau (in de App.xaml) of in onze huidige page/usercontrol :

Wanneer we "ok" klikken, zullen we ons in de template editing mode bevinden van onze Slider control. We kunnen elk onderliggend element veranderen, uitrekken of toevoegen/verwijderen in de control van de Slider template. Let hieronder op hoe we in de template editing mode kunnen zien hoe we elk onderliggend element kunnen selecteren in de control van de Slider template (ze zijn in het rood omcirkeld hieronder in de "object" window)

Om onze sliderhead smaller te maken, kunnen we het "HorizontalThumb" element selecteren in de control template en de breedte aanpassen (ofwel grafisch of via de property grid):

We kunnen dan de breadcrumb navigatie bar gebruiken, bovenaan de designer surface, om terug naar onze pagina te navigeren en dus om de control template wijzigingen te zien. :

Let op dat rechts enkel één van de slider control de nieuwe Style recource gebruikt met de control template die wij definieerden.

Om dezelfde style resource toe te voegen aan de andere slider control, kunnen we hem selecteren via rechtermuisklik, en dan klikken op "Apply Resource" context menu om onze "ScottSlider" style eraan toe te voegen :

Eens we dit gedaan hebben zullen beide sliders refereren naar dezelfde style :

De veranderen die we maken in de "ScottSlider" style worden automatisch toegepast op beide controls.

Let op dat alle controls in Silverlight 2 control templates ondersteunen. Ze ondersteunen ook de bovenstaande bewerkingen in Expression Blend.

Ondersteuning voor Visual State Manager (VSM)

Control templates in Silverlight en WPF ondersteunen zowel de "look" van een control, als de "feel" van een control. Met "feel" bedoel ik zijn interactieve gevoeligheidsveranderingen. Bijvoorbeeld : hoe ziet hij eruit als je erop klikt, als het gefocused is of net de focus verliest, in ingedrukte toestand, als iets erin geselecteerd is enz ... . Soms wil je animaties starten wanneer er interactie is tussen de control en de gebruiker.

Eén van de nieuwe dingen die we introduceren met Silverlight 2 beta2 is een "Visual State Manager" (VSM) functie waarmee je gemakkelijker interactieve control templates kan maken. VSM introduceert twee basis concepten die je voordeel kunnen bieden in een control template : "Visual States" en "State Transitions". Bijvoorbeeld, een control zoals een Button definieert meerdere visuele statussen voor zichzelf - "Normal", "MouseOver", "Pressed", "Disabled", "Focused", "Unfocused". In de template editing mode in Blend kunnen de ontwerpers nu de looks in elke staat aanpassen, alsook de overgang wanneer je de control doet veranderen van de ene staat in de andere.

Wat tof is aan dit model is dat ontwerpers helemaal geen code hoeven te schrijven, ze moeten geen manuele animatie storyboards schrijven en moeten het object model niet verstaan om productief te zijn. Dit maakt het leerproces voor het maken van interactieve control templates heel gemakkelijk, en in elk geval kan een bestaande grafisch ontwerper heel gemakkelijk werken aan Silverlight projecten. Later dit jaar zullen we de Visual State Manager (VSM) ondersteuning toevoegen tot WPF, waardoor je dezelfde methodes kan toepassen op Windows applicaties en templates kan delen tussen WPF en Silverlight Projecten.

Om een voorbeeld te zien van deze actie, voegen we een Button control toe op onze design surface :

We kunnen dan rechts klikken op de button en zijn control template bewerken. In plaats van te beginnen met de bestaande standaard control template (zoals we hebben gedaan in het slider voorbeeld hierboven), creëren we nu een lege control template:

Blend zal ons de naam vragen van de Style resource die we willen creëren. We noemen het "ScottButton" en we klikken op ok. Hierdoor zal de designer in control editing mode omgezet worden voor de button en starten met een lege control template:

Wat je vooral moet opmerken in het bovenstaande is het nieuwe "States" venster in Blend. Daarin zullen we alle beschikbare "Visual States" te zien krijgen die de Button control vertoont. Hierboven is de "Base" state of status geselecteerd, waardoor we de gebruikelijke visuele tree van onze Button control template kunnen definiëren.

We kunnen daarna enkele vectoriële elementen toevoegen aan onze base status (basisstatus), die het uitzicht van een gepersonaliseerde button definieert zoals hieronder. We zouden de ingebouwde tool voor vectorieel tekenen kunnen gebruiken dat ondersteund wordt door Blend om deze afbeeldingen te maken. Een andere mogelijkheid is Expression Design of Adobe Illustrator gebruiken om vectoriële elementen te creëren en het finale resultaat implementeren in Blend. Hieronder voegen we 4 "Path" elementen toe aan onze control template, een ronde achtergrond ("background" genaamd), een drop shadow ("shadow" genoemd), een 40% transparantie "shine" dat een gloei-effect toevoegt bovenaan en een dat de standaard inner content definieer (in dit geval een afbeelding van een huis):

Opmerking: we hadden ook een afbeelding kunnen importeren, maar als we gebruik maken van vectorïele elementen, krijgen we de flexibiliteit om de button in een latere fase te verkleinen/uittrekken/transformeren zodat we een crips look en feel behouden bij elke resolutie of verkleining (het is vooral handig in Silverlight mobile scenario's, waarin de schermresolutie kan variëren). We zullen ook gemakkelijk een vectorieel element veranderen of er animatie aan toevoegen.

Als we klaar zijn met de ontwerpfase van onze basisstatus hierboven, kunnen drukken op F5 om onze applicatie uit te voeren in de browser:

Zoals je hierboven kan zijn, ziet onze Button er nu veel aantrekkelijker uit. Ondanks deze nieuwe look, wekt de button nog steeds dezelfde focus, click en hover acties op zoals voorheen. Een ontwikkelaar die de buttons gebruikt moet de code dus niet veranderen als hij wil werken met een button die werd vormgegeven met onze nieuwe control template.

Een nadeel van onze nieuwe button control template, is dat het niet interactief is. Dit betekent dat ik geen visuele feedback krijg als de button de focus krijgt of verliest, als je erover gaat met de muis of niet. Ik krijg ook geen mooie depress/bounce-back animatie als ik erop klik.

Om interactiviteit toe te voegen aan onze button, keren we terug naar Blend en werken we terug in de control template van de button. Daarnet voegden we vectoriele grafische elementen toe aan de basisstatus van onze button control. Hierdoor konden we de standaard visuele look definieren van alle visuele statussen van onze button. We kunnen nu teruggaan en elke afzonderlijke visuele statut van de button personaliseren.

Bijvoorbeeld, om een mouse-over actie te implementeren voor onze button, kunnen we de "MouseOver" status in het "States" venster selecteren om dan de look van de button te creëren als het zich in die status bevindt. Hieronder heb ik het "shine" vectorieel element geselecteerd in onze control template en heb ik de Opacity eigenschap aangepast in de property grid zodat de button iets visueler is in de MouseOver status. Merk op hoe blend automatisch het "Shine" element highlight met een rode stip en daarna de Opacity eigenschap plaatst in ons objectvenster. Hierdoor kan je gemakkelijk alle veranderingen opvolgen die we hebben gemaakt tussen de "Base" status en de "MouseOver" status in onze control template:

We kunnen vervolgens de "Pressed" status selecteren in ons "States" venster en personaliseren hoe een button er moet uitzien als er op geklikt wordt. We zullen twee aanpassingen doen in de "Base" status. De eerste aanpassing is het "Shine" element zichtbaar maken (zoals in de MouseOver status). De tweede aanpassing zal de inhoud van de button control lichtjes een offset effect geven, terwijl het shadowelement op zijn plaats blijft. . HIerdoor zal de button eruitzien alsof ze niet ingedrukt is en zal het mooi contrasteren met de basis visual:

We kunnen de offset verandering implementeren in de achtergrond, de inhoud en de shine elementen door ze te selecteren in de designer en dan een offset render transform erop toepassen in de property browser:

En als we nu onze applicatie uitvoeren in de browser, dan zullen we zien dat onze button nu interactieve visuele feedback geeft als ze gebruikt wordt. Hieronder zie je de "normale" look van onze button:

Het gloeieffect zoals hieronder krijg je door met de muis over de button te gaan:

Door op de button te klikken zal ze 'ontklikken' en de shadow verbergen (het zal in de oorspronkelijke staat teruggeplaats worden als de muisklik stopt):

Merk op dat we geen code of XAML hebben moeten schrijven om de look en feel van onze Button te veranderen. De nieuwe Visual State Manager functie heeft de bewegingen tussen de visual states automatisch voor ons afgehandeld.

Silverlight bouwt voert een transitie Storyboard dynamisch voor je uit als je je van visual state naar visual state begeeft (en zo verkrijg je een vloeiende animatie tussen de twee states). Je hoeft hiervoor geen code te schrijven (opmerking: je hebt wel nog steeds de mogelijkheid om een een gepersonaliseerde Storyboard transitie toe te voegen als je dit wil, maar in de meeste gevallen is de automatische Storyboard transitie voldoende).

Een functie waarvan je kan profiteren met de automatische transitie in Silverlight, is de mogelijkheid om de duur van een visual state transitie te personaliseren. Je kan dit doen door te klikken op de pijl aan de linkerkant van een van visual state en een regel op te stellen die bepaald hoelang de transitie animatie zou mogen duren wanneer je van een visual state naar een andere gaat.

Bijvoorbeeld, we zouden kunnen aanduiden dat de transitie van "Normal" naar "MouseOver" 2 seconden mag duren, door de onderstaande regel toe te voegen:

We kunnen deze regel dan zo configureren dat de transitie tussen Normal-> MouseOver slechts twee seconden mag duren:

We kunnen dan klikken op de "MouseOver" state en een regel instellen waarmee aangeduid wordt dat de transitie van Mouseover -> 4 seconden mag duren:

Als we nu de applicatie opnieuw uitvoeren, dan zien we dat de animatietransitie voor MouseOver scenario's trager verloopt, waardoor onze applicatie er wat meer afgewerkt uitziet. We hebben niet een lijn code moeten schrijven om dit allemaal mogelijk te maken. Alle controls die uitgebracht zijn met Silverlight 2 zullen ingebouwde support bevatten voor Control Template en Visual State Manager personalisatie zoals hierboven.

Om meer te leren over de nieuwe Visual State Manager en Control Template Editing functies, bekijk dan zeker hier and hier de tutorials en de videos hier, hier, en hier.

TextBox

Beta2 bevat belangrijke verbeteringen aan de ingebouwde TextBox editing control. Ook Text scrolling met text-wrap, multi-line text selecties, document navigation keys, en copy/paste met het klembord worden nu ook ondersteund.

Beta2 bevat nu ook IME niveau 3 input ondersteuning (met onder andere candidate window selection) voor niet-Westerse charactersets:

Input Ondersteuning

Beta2 biedt ook toetsenbord ondersteuning in Fullscreen modus (pijltjes, tab, enter, home, end, pageup/down, space). Opmerking: volledige input ondersteuning is niet toegelaten om paswoord spoofing scenario's te vermijden.

Beta2 biedt ook nieuwe APIs om inking en stylus te ondersteuning.

UI Automatisatie and Toegankelijkheid

Beta2 voegt UI Automatieframework ondersteuning toe aan Silverlight. Met UI Automatie (of UIA) kunnen beeldschermlezers en andere assitieve tools componenten identificeren die allemaal samen je Silverlight 2 applicatie vormen. Ze kunnen met deze combinatie ook in interactie treden.

Beta2 gebruikt het UIA framework en voegt UIA gedragingen toe aan een initiële set van Silverlight controls. Met de finale release van Silverlight 2, zullen alle controls UIA gedragingen bevatten die gebaseerd zijn op UIA. We zullen ook ondersteuning toevoegen voor hoge-contrast scenario's. Met deze functies zul toegankelijke, sectie 58 compatibele applicaties kunnen bouwen. Deze UIA ondersteuning zal je ook in staat stellen om automatische UI testing te doen van applicaties.

Animatie and Graphic Systeem

Beta2 voegt ondersteuning toe om animatie toe te voegen aan gepersonaliseerde dependency properties. Ondersteuning voor objectanimatie (animating structs) wordt nu ook ondersteund. Beta2 ondersteunt eveneens de mogelijkheid om Storyboards in code te creëren die delen van de render tree kunnen animeren zonder dat ze eraan moeten worden toegevoegd (hierdoor kan je animaties helemaal in de code onderbrengen). Per frame zal er animatie callback worden toegevoegd in de finale release.

Beta2 bevat een nieuwe Visual Tree Helper static class dat geavanceerde inspectie API's van de visual tree. Het biedt functies, zoals de mogelijkheid om de children van een element te nummeren en de ancestor/parent krijgen van een gegeven referentie element. Deze API's werken met elk UIElement die je eraan toevoegt.

DeepZoom

Beta2 ondersteunt nu een XML gebaseerd manifestbestand voor DeepZoom collecties. Beta2 voegt ook uitbreidbare MultiScaleTileSource ondersteuning voor DeepZoom.

WPF Compatibiliteit

Silverlight Beta2 bevat een hoop herstellingen/veranderingen om de API compatibiliteit tussen Silverlight en WPF te verbeteren (opmerking: de finale release van Silverlight zal bijkomend compatibiliteitswerk bevatten). We zullen ook enkele nieuwe API's toevoegen die we zullen introduceren in Silverlight to WPF in .NET 3.5 SP1 deze zomer.

Deze inspanningen, in combinatie met de VSM ondersteuning die we later dit jaar zullen toevoegen aan WPF, zullen je in staat stellen om code te hergebruiken door browser en desktop applicaties heen.

Media verbeteringen

Silverlight 2 Beta2 bevatten significant werk wat Media betreft.

Adaptive Streaming

Beta2 voegt ondersteuning toe voor "adaptive streaming". Hiermee kan je media encoderen tegen meerdere bit-rates. Dan kan je met een Silverlightapplicatie dynamisch switchen tussen hen afhankelijk van het netwerp en de CPU condities.

Hierdoor worden veel rijkere media-ervaringen voor de eindgebruiker mogelijk. Het wordt zo immers mogelijk dat contentproviders zowel lower-end als higher-end bitrate versies van een video bieden. Silverlight kan dan de meest optimale versie kiezen, gebaseerd op de hardware en netwerkcapaciteit van de eindgebruiker. Als de machine- of netwerkcondities veranderen terwijl de gebruiker de video bekijkt, dan kan Silverlight automatisch overschakelen naar een meer gepaste bitrate zonder buffering of haperingen.

De ondersteuning voor adaptive streaming van Silverlight is uitbreidbaar. Hierdoor kan iedereen zijn eigen logica inpluggen om te bepalen vanwaar de media content komt en welke bitrate er zou moeten worden gebruikt. Dit betekent dat elke CDN of medialeverancier gemakkelijk zijn systeem kan integreren in Silverlight en zo video's kan leveren van superhoge kwaliteit.

Content bescherming

Beta2 bevat DRM contentbescherming, en ondersteunt Windows DRM en PlayReady DRM. Beide werken cross-browser en cross-platform.

Server Side Playlists

Beta2 voegt ondersteuning toe voor serverside playlists (voorgaande releases ondersteunden enkel clientside playlists).

Verbeteringen voor netwerken

Silverlight 2 Beta2 bevat een hoop werk op gebied van netwerken:

Cross-domein Sockets

Met Beta2 is cross-domein netwerkondersteuning mogelijk. Hiervoor wordt zowel HTTP als Sockets gebruikt (wat betekent dat je applicaties andere sites kan aanspreken dan de deze waarvan de applicatie was gedownload).

Silverlight zal het bestaan van een XML policy bestand controleren op target servers, dat aanduid of cross-domein netwerktoegang toegelaten is. Silverlight ondersteunt een nieuw XML policy bestand dat we hebben ontwikkeld, alsook Flash policy bestanden (wat betekent dat bestaande sites die openstaan voor Flash aangeroepen kunnen worden vanuit Silverlight zonder bijkomende inspanningen).

Background Thread Netwerken

Beta2 laat nu toe dat Silverlightapplicaties netwerkverzoeken over background threads kunnen starten, alsook netwerkantwoorden over background threads behandelen. Hierdoor zijn een hele reeks krachtige scenario's mogelijk en kan je vermijden dat de browser's UI thread geblokkeerd wordt terwijl je zowel HTTP als Socket communicatie doet.

Duplex Communication (Server Push)

Beta2 maakt ondersteuning mogelijk om duplex communicatie kanalen op te zetten met een WCF service op een server. Hierdoor kan je hele mooie programmeermodellen maken waarmee servers boodschappen kunnen "pushen" naar Silverlight clients zonder dat de ontwikkelaar handmatig de servers moet bedienen om veranderingen door te voeren. Dit programmeermodel is zeer nuttig in een brede waaier aan scenario's, zoals instant messaging/chatapplicaties en monitoring/update applicaties zoals stock tickers en traderapplicaties.

Web Services

Beta2 maakt belangrijke verbeteringen voor interop met SOAP gebaseerde webservices. Web service proxy class end-point URLs kunnen nu geconfigureerd worden zonder applicaties te moeten recompileren. Visual studio heeft nu een nieuwe "Silverlight-enabled WCF Service" project item template, dat je kan toevoegen aan ASP.NET webprojecten om services te publiceren naar clients.

REST en ADO.NET Data Services

Silverlight bevat ondersteuning om te kunnen werken met REST gebaseerde webservices.

Beta2 voegt ondersteuning toe om ADO.NET Data Services aan te roepen en te "consumeren" (voorheen bekend met codenaam: "Astoria"). ADO.NET Data Services zullen worden uitgebracht als onderdeel van .NET 3.5 SP1 en maakt publiceren mogelijk van data eindpunten in een ASP.NET webproject, die consumeerbaar zijn vanaf elke client door gebruik te maken van REST URI's. Silverlight Beta2 bevat nu ook ADO.NET Data Service clientondersteuning, waardoor je deze services gemakkelijk kan aanroepen (en als je dit wil ook LINQ expressies gebruiken in SIlverlight om externe REST queries ernaar te verwijzen).

JSON

Silverlight ondersteunt het aanroepen van JSON-gebaseerde services op het web.

Beta2 bevat nu LINQ to JSON ondersteuning, waardoor je gemakkelijk JSON resultaten naar .NET objecten kunt queryen, filteren en mappen in een Silverlightapplicatie. Dit maakt het heel gemakkelijk om AJAX eindpunten en services die gepubliceerd zijn op het werk aan te roepen en ermee te werken.

Data verbeteringen

Silverlight 2 Beta2 bevat een hoop werk op gebied van dataspace:

DataGrid

Beta2 voegt een aantal nieuwe functies toe aan de DataGrid control, zoals ondermeer:

Auto-sizing ondersteuning voor kolommen en rijen
Sorteren van kolommen (met ondersteuning voor zowel sortering voor één kolom als voor meerdere kolommen)
Ondersteuning voor herordenen van kolommen door eindgebruikers (ze kunnen kolommen slepen en verplaatsen om de volgorde te herordenen)
Ondersteuning voor "frozen' kolommen (waardoor je kan vermijden dat een bepaalde kolom gepersonaliseerd wordt)
Prestatie en bugherstellingen

DataBinding

Beta2 voegt meer core data-binding functies toe en betere validatie ondersteuning, zoals ondermeer:

Per-binding Validatie en BindingValidationError event handler ondersteuning voor controls (waardoor je input validatie kan doen met TwoWay bindings)
Ondersteuning voor binding expressies voor attached properties
Rijkere binding waardeconversie ondersteuning (met ook waardeconversie fallback ondersteuning)

Geïsoleerd opslaan

Met silverlight kunnen applicaties data lokaal op een client opslaan (via de functie "Isolated Storage"). Applicties kunnen gebruikers vragen om hen groottepermissies toe te kennen voor dit opslaan (bijvoorbeeld: een gebruiker kan een e-mailprogramma 50MB lokale opslagruimte toekennen).

Beta2 vermeerdert de standaard lokale opslagruimte die wordt geboden door Silverlightapplicaties tot een grootte van 1MB. Beta2 biedt nu ook betere eindgebruikerondersteuning voor het beheer van per-site opslagpermissies, alsook de mogelijkheid om gemakkelijk de lokale opslagruimte van een applicatie aan te roepen of te verwijderen. Management UI om dit te beheren, kan nu door een eindgebruiker worden opgevraagd door de rechtermuisklik op een Silverlightapplicatie en de "Silverlight Configuration" menu optie te kiezen.

De compatibiliteit met Silverlight 1.0 en Silverlight 2 Beta 1 begrijpen

Silverlight 2 Beta2 is compatibel met applicaties die doelen op Silverlight 1.0.

Silverlight 2 Beta2 zal geen applicaties uitvoeren die doelen op Silverlight 2 Beta1, omdat we een aantal API veranderingen hebben doorgevoerd tussen de twee beta's voor de nieuwe functies die zijn toegevoegd aan Silverlight 2. Browsers waarop Silverlight 2 Beta1 geïnstalleerd is, bezoeken een site die een Silverlight Beta2 applicatie host, zal gevraagd worden te upgraden naar de nieuwere beta van Silverlight. Eens ze dit gedaan hebben, zullen ze geen Beta1 applicaties kunnen uitvoeren als ze Beta2 niet deïnstalleren. Dit betekent dat als je een sample hebt gepubliceerd op het web die gebouwd werd met Beta1, je waarschijnlijk zal moeten updaten naar Beta2.

We hebben hier een document gepubliceerd waarin de veranderingen tussen Beta 1 en Beta 2 in detail te lezen zijn. Ik beveel jullie ook aan What Changed in Silverlight 2 Beta2 van Shawn Wildermuth te lezen en de Upgrading your Silverlight 2 Projects to Beta2 posts voor meer details over enkele van de veranderingen tussen Beta1 en Beta2.

Samenvatting

Om meer te leren over Silverlight 2 en om de Beta2 release te downloaden, neem dan een kijkje op http://www.silverlight.net en http://expression.microsoft.com websites. We zullen artikels posten, alsook tutorials, video's en meer over beide websites in de komende dagen en weken. Ik zal ook enkele tutorials posten op mijn blog.

ALs je ze nog niet hebt gelezen, dan kan ik ook mijn vorige blog posts First Look at Silverlight 2 en First Look at Expression Blend with Silverlight 2 aanbevelen, die ik enkele maanden terug heb geschreven toen Beta1 uitkwam, omdat ze een goed overzicht bieden van het Silverlight programmeermodel en hoe erop te doelen met zowel Visual Studio 2008 en Expression Blend.

Hopelijk kunnen jullie hiermee aan de slag,

Scott

ASP.NET MVC ondersteuning met Visual Web Developer 2008 Express

Joeri Pansaerts — Mon, 02 Jun 2008 04:07:00 GMT

Vorige week blogde ik over de ASP.NET MVC Preview 3 release. Eén belangrijk ding ben ik vergeten mee te geven over deze release. Je kunt het nu ook gebruiken met Visual Studio 2008 alsook met de Visual Web Devolper 2008 Express Edition.

De SP1 release van Visual Web Devoloper 2008 Express biedt ook ondersteuning voor beide class library projecten alsook voor webapplicatieprojecten (voordien konden enkel web site projecten erin gebruikt worden). Deze nieuwe ondersteuning kan je afzonderlijk gebruiken in VWD Express, maar ook met ASP.NET en Silverlight projectondersteuning. Als je Visual Web Developer Express SP1 Beta installeert kan je onmiddellijk starten met ASP.NET Preview 3.

Belangrijk: ASP.NET MVC Preview 3 heeft SP1 niet nodig als je Visual Studio 2008 gebruikt. ASP.NET MVC Preview 3 zal perfect werken met VS 2008 en VS 2008 SP1.

Je kunt meer leren over de nieuwe VWD Express ondersteuning van ASP.NET MVC door hier de blog van het VS Web Tools team te lezen. Deze post bevat ook een gratis download die ASP.NET MVC Test Project ondersteuning voorziet van NUinit-based unit tests. Je kunt deze NUnit project templates gebruiken met Visual Studio 2008 alsook met Visual Web Developer Express 2008.

Hopelijk kan je hiermee aan de slag,

Scott.

ASP.NET MVC Preview 3 release

Joeri Pansaerts — Fri, 30 May 2008 10:24:00 GMT

Deze morgen publiceerden we de Preview 3 build van het ASP.NET MVC framework. Ik blogde vorige maand gedetailleerd over een voorlopige broncode release waarin we verschillende veranderingen aangebracht hebben met deze Preview 3 release. De versie van vandaag bevat veel van de veranderingen in de Preview 3 release. De build van vandaag bevat ook bijkomende functies die niet aanwezig waren in de drop van vorige maand, enkele mooie verbeteringen en verfijningen alsook tool integratie in Visual Studio en documentatie.

Je kan hier een geintegreerd pakket van de ASP.NET MVC Preview 3 setup downloaden. Als je dat wil, kan je ook de ASP.NET MVC Preview 3 framework broncode en de framework unit tests hier downloaden.

Veranderingen in de Controller Action Method

ASP.NET MVC Preview 3 bevat de MVC Controller veranderingen die we eerder hebben besproken in de MVC broncode release van april, samen met enkele bijkomende aanpassingen.

Je kan action methods blijven schrijven die void retourneren en al hun logica in de action method vervatten. Bijvoorbeeld:

waardoor je de onderstaande HTML zou krijgen, wanneer uitgevoerd:

Preview 3 ondersteund nu ook het gebruik van een aanpak waarin je een "ActionResult" object retourneert dat het resultaat van de action methode aantoont en uitgestelde uitvoering mogelijk maakt. Hierdoor kan je veel eenvoudiger actions unit testen ("mocking" is in dit geval dus niet nodig). Ook wordt een veel schonere compositie en algemene control flow van de uitvoering mogelijk.

Bijvoorbeeld, we gebruiken LINQ to SQL in onze Browse action method om een sequentie van Product objecten te verkrijgen uit onze database en we duiden aan dat we er een View van willen krijgen. De onderstaande code zal drie onderdelen van "ViewData" doorsturen naar de view - "Title" en "CategoryName" stringwaarden, en een sterk getypeerde sequentie van producten (doorgestuurd als het ViewData.Model object):

Een duidelijk voordeel van de bovenstaande ActionResult aanpak is dat het unit testen van Controller actions heel eenvouidg wordt ("Mocking" is hier niet nodig). Hieronder zie je een unit test dat het gedrag van onze bovenstaande Browse action method nagaat:

We kunnen dan een "Browse" ViewPage creëren in de \Views\Products sub-directory om een antwoord te genereren met de ViewData waarin onze Browse action zich bevindt

Als we klikken op de /Products/Browse/Beverages URL, dan krijgen we een HTML antwoord zoals hieronder (de drie gebruiken van ViewData zijn omcirkeld in rood):

Merk op dat ASP.NET MVC Preview 3 naast de ondersteuning van een "ViewResult" antwoord (om aan te duiden dat een View gegereneerd moet worden), ook ondersteuning biedt om "JsonResult" te retourneren (voor AJAX JSON serialisatie scenario's), alsook ondersteuning voor "ContentResult" (om content te streamen zonder een View), HttpRedirect en RedirectToAction/Route resultaten.

De algemene ActionResut aanpak is uitbreidbaar (waardoor je je eigen resultaattypes kan creëren), en met de tijd zul je zien dat we nog meer resultaattypes zullen inbouwen.

Verbeterde HTML Helper Methods

De HTML helper methods zijn geupdate in ASP.NET MVC Preview 3. Naast een hoop bugherstellingen, bevatten ze ook een aantal mooie verbeteringen naar gebruiksvriendelijkheid toe.

Automatische Value Lookup

Zonder voorgaande preview releases moest je altijd expliciet de waarde invoegen om te kunnen genereren als je de Html helpers aanroept. Bijvoorbeeld: om een waarde te plaatsen in een <input type="text" value="some value"/> element, dan zou je het volgende schrijven:

De bovenstaande code werkt nog steeds, hoewel je ook gewoon het volgende kan schrijven::

De HTML helpers zal nu standaard het ViewData woordenboek en elk Model object controleren dat doorgestuurd is naar de view voor een ProductName keu of een property waarde om te gebruiken.

SelectList en MultiSelectList ViewModels

De HTML helpers bevatten nu nieuwe SelectList en MultiSelectList View-Model klassen en maken HTML dropdown's en multi-select listboxes veel schoner (en dingen zoals huidige selectie, enz.). Een aanpak die zorgt voor schonere formulierscenario's is om deze View-Model objecten te starten en te plaatsen in een controller action, om ze dan in het ViewDatawoordenboek te plaatsen voor de View.

Bijvoorbeeld, hieronder creëer ik een SelectList view-model klasse boven een set van unieke categorie objecten in onze database. Ik duid ook aan dat ik de "CategoryID" property wil gebruiken als de waarde van elk item in de lijst, en de "CategoryName" als display tekst. Ik plaats de lijstselectie ook op de huidige CategoryId van het product dat we editeren:

In onze view moeten we de onderstaande code schrijven om aan te duiden dat we een drop-down lijst willen creëren tegen de SelectList dat we in de ViewData plaatsen:

Hierdoor zal de gepaste dropdown gegenereerd worden met items en selectie tijdens de uitvoering:

Onze HTML helpers bevatten nog geen ingebouwde ondersteuning voor errorvalidatie (op dit moment moet je er nog code voor schrijven) - maar in de toekomst zal dit zeker ingebouwd worden, waardoor editeren van formulieren veel gemakkelijker zal worden.

Je zal ook zien dat er ASP.NET AJAX helper methods zullen verschijnen in toekomstige preview releases, waardoor je gemakkelijker AJAX zal kunnen integreren in MVC applicaties met een minimum aan code.

Verbeteringen voor URL Routing

ASP.NET MVC Preview 3 bevat een aantal verbeteringen aan het URL routing systeem. URL routing is een van de meest fundamentele componenten van een web MVC framework. Daarom hebben we ons er zo intens op gericht dat dit deelgebied helemaal goed zat in de eerste paar previews. Onze nieuwe URL routing motor zal uitgebracht worden in .NET 3.5 SP1 deze zomer, en zal ondersteuning bieden voor zowel Web Formulieren als MVC verzoeken. ASP.NET MVC zal in staat zijn om de ingebouwde .NET 3.5 SP1 routing motor te gebruiken wanneer uitgevoerd op .NET 3.5 SP1. ASP.NET MVC zal ook een eigen versie hebben van die assembly zodat het ook kan werken op non-SP1 systemen.

Enkele verbeteringen aan de URL Routing in de Preview 3 release:

MapRoute() en gnoreRoute() helper methods

ASP.NET MVC Preview 3 bevat nieuwe "MapRoute" en "IgnoreRoute" helper methods die je kan gebruiken om gemakkelijker route regels te kunnen registereren. MapRoute() biedt een gemakkelijke manier om een nieuwe MVC Route regel toe te voegen aan de collectie van Routes. IgnoreRoute() biedt een gemakkelijke manier om het URL routing systeem duidelijk te maken om dat het moet stoppen met bepaalde URL patronen te verwerken (fbijvoorbeeld:: handler .axd resources in ASP.NET die gebruikt worden om JavaScript, images, etc te gebruiken).

Hieronder vind je een voorbeeld van de standaard RegisterRoutes() method in Global.asax wanneer je een nieuw ASP.NET MVC project creëert waarin je beide nieuwe helper methodes in actie kan zien:

De MapRoute() helper method is overloaded and takes two, three or four parameters (route name, URL syntax, URL parameter default, and optional URL parameter regular expression constraints).

You can call MapRoute() as many times as you want to register multiple named routes in the system. For example, in addition to the default convention rule, we could add a "Products-Browse" named routing rule like below:

We kunnen dan expliciet verwijzen naar deze "Products-Browse" regel in onze Controllers en Views als we een URL ernaar willen genereren. Bijvoorbeeld, we gebruiken de Html.RouteLink view helper om aan te duiden dat we willen linken naar onze "Product-Browse" route en we geven het een "Food" categorie parameter met behulp van code in onze view template zoals hieronder:

Deze view helper gaat dan het routing systeem binnen en zou een output geven van een gepaste HTML hyperlink URL zoals hieronder (merk op hoe het automatisch parametervervanging toepast van de categorie parameter in de URL met de route regel):

We zouden ook de nieuwe Url.RouteUrl(routeName, values) kunnen gebruiken in views als we alleen de URL wilden opvragen voor een benoemde route (en niet een <a> html element output).

We zouden ook de nieuwe RedirectToRoute(routeName, values) helper methode kunnen gebruiken op de Controller base class om browser redirects te realiseren gebaseerd op de benoemde routing regels.

Rijkere URL Route Mapping Functies

ASP.NET MVC Preview 3 ondersteunt ook een aantal nieuwe URL route mapping functies. Je kan nu ook "-", ".", ";" gebruiken of elk ander karakter die je wil als onderdeel van je routeregels.

Bijvoorbeeld, als je een "-" scheidingsteken wil gebruiken, dan kan je nu de taal- en localewaarden afzonderlijk parsen van je URLS met behulp van een regel zoals hieronder:

Hierdoor zouden gepaste "language", "locale", en "category" parameters naar een ProductsController.Browse action method gestuurd worden wanneer aangeroepen:

URL Route Rule	Example URL	Parameters Passed to Action method
{language}-{locale}/products/browse/{category}	/en-us/products/browse/food	language=en, locale=us, category=food
	/en-uk/products/browse/food	language=en, locale=uk, category=food

Of je kan het "." bestandsextentie type gebruiken op het einde van een url om te bepalen of je het resultaat in XML of in HTML formaat wil laten genereren:

Hierdoor zouden zowel de "category" en de "format" parameters naar de ProductsController.Browse action method gestuurd worden, wanneer aangeroepen:

URL Route Rule	Example URL	Parameters Passed to Action method
products/browse/{category}.{format}	/products/browse/food.xml	category=food, format=xml
	/products/browse/food.html	category=food, format=html

ASP.NET MVC Preview 3 ondersteunt ook wildcard routeregels (die ook in Preview 2 aanwezig waren). Bijvoorbeeld, je kan in een regel aanduiden dat je alle overblijvende URI content will doorsturen naar een action method als een benoemde parameter:

Hierdoor zou een "contentUrl" parameter naar de WikiController.DisplayPage action method worden gestuurd wanneer aangeroepen:

URL Route Rule	Example URL	Parameters Passed to Action method
Wiki/Pages/{*contentUrl}	/Wiki/Pages/People/Scott	contentUrl="People/Scott"
	/Wiki/Pages/Countries/UK	contentUrl="Countries/UK"

Deze wildcard routes zijn heel nuttig als je eraan denkt een wiki, blog, cms of ander contentbased systeem te bouwen.

Samenvatting

De Preview 3 release of ASP.NET MVC van vandaag, bevat een hele reeks verbeteringen en verfijningen. Meer en meer krijgen we een goed gevoel over het URL routing en Controller/Action programmeermodel van MVC. We merken dat die deelgebieden heel goed beginnen te boeren. In toekomstige releases zal je meer verbeteringen zien in de hogere tredes van de programmeerladder in gebieden als Views (html helpers, validation helpers, etc), AJAX, sub-controllers en site composition, deeper Login, Authenticatie, Authorisatie en Caching integratie, alsook data scaffolding ondersteuning.

Ik heb ook nog een (zeer) lange tutorialpost dat ik ben beginnen schrijven in het afgelopen weekend, waarin ik gedetailleerd alle stappen overloop om een applicatie te bouwen met ASP.NET MVC Preview 3. Ik hoop dat ik die tutorial snel afheb, zodat ik het de komende dagen kan posten. Dit zou een goede intro moeten zijn van ASP.NET MVC, maar ook een hulp om je wat meer context te bieden rond hoe alle onderdelen een geheel vormen, als je interesse hebt om de ASP.NET MVC optie te gebruiken.

Ik hoop dat jullie hiermee aan de slag kunnen,

Scott

Links op 20 mei: ASP.NET, ASP.NET AJAX, .NET, Visual Studio, Silverlight, WPF

Joeri Pansaerts — Sat, 24 May 2008 06:44:00 GMT

Mijn verontschuldigingen voor de weinige posts de laatste weken. Mijn werk en leven zijn enorm de druk de laatste tijd. Hieronder vind je een nieuwe post in mijn link-listing series waarin je weer heel wat nieuwe info zal vinden. Neem zeker ook even een kijkje op mijn ASP.NET Tips, Tricks and Tutorials pagina en Silverlight Tutorials pagina voor links naar populaire artikels die ik een tijd geleden heb geschreven.

ASP.NET

Bulk Inserting Data met de ListView Control: Matt Berseth Zet zijn schitterende posts voort met eentje dat toont hoe je omgaat met bulk-editing van data met de ASP.NET ListView control in .NET 3.5.· Master-Detail met de GridView, DetailsView, en ModalPopup Controls: Een andere goede post van Matt waarin hij beschrijft hoe je fijntjes omgaat met een gewone data entry scenario.
Mooie Thumbnail afbeeldingen creëren in ASP.NET: Een hele goede blogpost van een andere Matt waarin gedetailleerd wordt een methode wordt beschreven hoe je thumbnail afbeeldingen van hoge (en lage) kwaliteit kan genereren.
De gebruiker waarschuwen als Caps-Lock aanstaat: Scott Mitchell heeft een goed artikel waarin hij beschrijft hoe je automatisch gebruikers op loginpagina's kunt detecteren en waarschuwen als de caps-lock aanstaat.
ASP.NET Prestatieprobleem: Veel heropstarten van applicatie door virusscanners: Tess Ferrandez heeft een schitterende post waarin een debug sessie op een gedetailleerde manier wordt beschreven om te bepalen waarom een ASP.NET applicatie vaak herstartte (waardoor de prestatie verlaagt). Het probleem was een virusscanner waardoor bestanden voortdurend werden geupdate. Zorg ervoor dat je de logincode controleert die je kan toevoegen aan je applicatie om dergelijke oorzaken van heropstarten te herkennen.

ASP.NET AJAX

ASP.NET AJAX Progress Bar Control: Matt Berseth heeft nog een ander schitterend artikel waarin hij de nieuwe ASP.NET AJAX Progress Bar control beschrijft.
Sneller paginaladen door meerdere JavaScript bestanden in Batch te combineren: Omar Al Zabir (stichter van PageFlakes.com en auteur van het schitterende boek Building a Web 2.0 Portal with ASP.NET 3.5 ) heeft een goed artikel waarin hij het prestatievoordeel beschrijft van de samenvoeging van meerdere JavaScript bestanddownloads. Onthou ook dat .NET 3.5 SP1 een nieuw script combiner functie zal bevatten die je helpt om dit nog gemakkelijker te doen.
ASP.NET AJAX Server Controls creëren met de ScriptControl base class: Chris Pietschmann heeft een goed artikel over hoe je ASP.NET AJAX server controls kan bouwen door ze te af te leiden van de ingebouwde ScriptControl base class.· Inline Edit Box en Postback Ritalin Beta: Dave Ward en Mike Davis hebben een nieuw CodePlex project gecreëerd voor hun populaire Inline Edit Box en PostBack Ritalin ASP.NET AJAX controls.

.NET

7 manieren om je code te vereenvoudigen met LINQ: Igor Ostrovsky heeft een schitterende blogpost over nieuwe programmeertechnieken die je kan gebruiken om je code te verbeteren met .NET 3.5 en de nieuwe taal en de LINQ functies erin.
Visuele LINQ Query Bouwer voor LINQ to SQL: Mitsu Furuta heeft een toffe Visual Studio designer gecreëerd waarmee je grafisch LINQ to SQL queries kan bouwen. Download zeker ook de nieuwste LINQPad tool, die zeer waardevol is om LINQ te leren en om LINQ queries uit te proberen.
DataContracts zonder attributen (POCO ondersteuning): Aaron Skonnard heeft een goede post over een mooie verandering in gebruiksvriendelijkheid met .NET 3.5 SP1 waardoor je POCO (de gewone en bekende objecten) in serie te plaatsen met de WCF serializers.
Ukadc.Diagnostics: Josh Twist wees me op een nieuw CodePlex project waaraan hij werkt dat de System.Diagnostics functies uitbreidt in .NET voor betere logfuncties (SQL traceerondersteuning, e-mail ondersteuning, etc).

Visual Studio

11 VS Short Cuts die je zou moeten kennen: Een geweldige post over een hoop nuttige shortcuts om af te printen en te onthouden voor wanneer je met Visual Studio werkt.
Wist je dat je extensiemethodes kan tonen in de object browser?: Sara Ford zet haar schitterende "Wist je dat" reeks verder. Ik moet toegeven dat ik deze ook nog niet kende!

Silverlight

AutoComplete voor Silverlight TextBoxes: Nikhil Kothari heeft een goede blogpost over hoe hij een auto-complete behavior control maakt voor Silverlight.
Scrollen door lange resultatenreeksen met Silverlight 2 en LINQ to SQL: Het Zwitserse MSDN team heeft een goede blogpost over hoe je door lange resultatenreeksen moet scrollen met de Silverlight DataGrid en LINQ to SQL.
IValueConverter: Het zwitserse zakmes van bindings: David Anson heeft een nuttige blogpost en voorbeeld, waarmee wordt getoond hoe je de IValueConverter functie kan gebruiken in Silverlight en WPF om rijkere binding te ondersteunen tegenover complexe objecten.
Silverlight 2 Pie Chart: Peter McGrattan heeft een goede control en goed artikel gepost over hoe je een nieuwe Silverlight charting control die hij heeft geschreven, kunt gebruiken.

WPF

WPF week op Channel9: Bekijk 6 schitterende videos op Channel9. Elk van deze videos bevat interviews en demos met leden van het WPF team waarin ze spreken over het werk aan WPF 3.5 SP1 (lees here mijn blogpost voor een samenvatting van bepaalde onderdelene).
WPF Testing en Application Quality Guide: Neem een kijkje in de 0.2 release van een gratis online boek dat ontwikkeld is door Microsoft. Het behandelt de methodes om WPF applicaties te testen. Het is een bookmark waard als je zelf bezig bent met WPF ontwikkeling.
Stap per stap WPF Data Binding: Josh Smith heeft een schitterend artikel over CodeProject.com waarin WPF data binding wordt uitgelegd en stap voor stap alles verklaart.
WPF 3.5 SP1 StringFormat: Lester heeft een goede post waarin hij beschrijft hoe je de nieuwe StringFormat functie in WPF 3.5 SP1 kan gebruiken. Dit maakt het veel eenvoudiger om datagebonden waarden te wijzigen.

Hopelijk kunnen jullie hiermee aan de slag,

Scott