1 / 17

ASP.NET MVC 4 SINGLE PAGE APPLICATION

ASP.NET MVC 4 SINGLE PAGE APPLICATION. Gunnar Peipman IIS/ASP.NET MVP. Kava. Mis on Single Page Application (SPA) Tänased probleemid SPA arhitektuur Demo Küsimused ja vastused. Mis on SPA. Veebirakendus, mis jookseb brauseris Kiire ja mugav kasutada Serverist laetakse esmane HTML

molly-delgado
Download Presentation

ASP.NET MVC 4 SINGLE PAGE APPLICATION

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. ASP.NET MVC 4SINGLE PAGE APPLICATION Gunnar PeipmanIIS/ASP.NET MVP

  2. Kava • Mis on Single Page Application (SPA) • Tänased probleemid • SPA arhitektuur • Demo • Küsimused ja vastused

  3. Mis on SPA • Veebirakendus, mis jookseb brauseris • Kiire ja mugav kasutada • Serverist laetakse esmane HTML • Andmevahetus AJAX-põhine • Andmeloogika asub serveri poolel

  4. Tänased probleemid • Puudub ühtne raamistik ja tehnoloogiad, mis aitaksid kasutada meile tuttavaid mudeleid • Kliendipool kasvab kiiresti mahukaksja keeruliseks • Miski ei koordineeri arendajaid nende töös kliendipoolel

  5. Demo Klassikaline veebirakendus

  6. SPA arhitektuur UI(html/css) UI(html/css/js) Rakenduskiht(javascript) Navigatsioon(javascript) Services(json/xml) DAL(javascript) Local storage(html5) Server Klient

  7. SPA komponendid UI(html/css) UI(ASP.NET MVC) Rakenduskiht(knockout.js) Navigatsioon(nav.js) Services(ASP.NET Web API) DAL(upshot.js) Local storage(html5) Server Klient

  8. ASP.NET Web API • Web API raamistik serveerib andmeid ja võtab muudatusi vastu • Kasutatakse API kontrollereid • Andmevahetus vaikimisi JSON kaudu, toetatud ka XML • ActionResult asemel andmeid kandvad tüübid

  9. MVC ja MVVM ViewModel Model Commands Binding View Controller View ViewModel

  10. knockout.js • JavaScriptis kirjutatud MVVM mustrit järgiv raamistiks • Hästi interaktiivne • Võimaldab andmeid siduda HTML-i elementide külge • Võimaldab mudelist kutsuda meetode

  11. upshot.js • JavaScripti põhine andmevahetuse raamistik • Standardiseerib ja varjestab andmevahetuse detailid • Võimaldab andmete puhverdamist

  12. nav.js • Uus JavaScripti teek Microsoftilt • Tegeleb navigatsiooni koordineerimisega

  13. Demo Single-Page Application

  14. Peatselt tulemas • LINQ-sarnaste päringute tugi kliendi poolel • Offline provider (upshot.js) – võimaldab andmetega töötada ilma neti ühenduseta

  15. Küsimused?

  16. Aitäh!

  17. www.eneta.ee/foorum

More Related