MVC med Javascript och Ajax. Filip Ekberg
|
|
|
- Ola Mattsson
- för 5 år sedan
- Visningar:
Transkript
1 MVC med Javascript och Ajax Filip Ekberg
2
3 MVC med Javascript och Ajax Lektion 2 - Introduktion Fortsätter
4 Dagens mål GET, POST - Hur sätter vi upp en action för respektive? Modell-bidningar, Modell-validering Razor, Areas, Sections, Layouts, Views, Jobba med data, ViewBag Felhantering Kompilerade vyer Web.config HTML Helpers Publicering
5 Bildgalleri? Ladda upp bilder Skapa album av uppladdade bilder Kommentera på bilder Inloggning & Säkerhet Administrationsgränssnitt
6 Hur har dete gått? Vad är svårast att förstå?
7 MVC
8 Var ska min logik vara?
9 Undvik logik i vyer! (Det finns undatag)
10 Löst Kopplat
11 Hur lätt är de för mig att byta ut ett lager nu?
12 Titta på template-koden!
13
14 HTTP Verbs GET, POST, PUT, DELETE,
15
16
17
18
19 JSON
20 [ ] { } "Id": "3c744db6-a16c d-7e171a5669b3", "Name": "Filip Ekberg"
21
22
23
24 public class AccountController : Controller { private static IList<Account> accounts = new List<Account>(); public ActionResult Index() { return Json(accounts, JsonRequestBehavior.AllowGet); } [HttpPost] public ActionResult Create(Account account) { if(accounts.any(x => x.name == account.name)) { return new HttpStatusCodeResult(400, "Kontot finns redan"); } account.id = Guid.NewGuid(); accounts.add(account); } } return Json(account);
25 View Engines
26 View Engines Razor & ASPX
27 Razor Enkelt att lära sig Enkelt att blanda in C# i vyerna utan att de blir kladdigt Följer med ASP.NET MVC razorcheatsheet.com
28 ViewBag?
29 <!DOCTYPE html> <html> <head> </head>
30 ViewBag är dynamic
31 Razor & C#
32 @{ } var names = new[] {"Filip", "Sofie"}; foreach (var name in names) { <h1>@name</h1> }
33 @{ var firstname = "Filip"; var lastname = "Ekberg"; <h1>@firstname</h1> } <h2>@lastname</h2>
34 @{ var firstname = "Filip"; var lastname = "Ekberg"; } <h2>@($"{firstname} {lastname}")</h2>
35 @{ } var html =
36 @{ } var html =
37 @{ } var html
38 @{ } string style = null; <div style="@style">test!</div>
39 @{ } string style = "color: #ccc;"; <div style="@style">test!</div>
40 Layout
41 Layout Ligger i Views\Shared Kan sättas per vy Du kan ha fler Layouts för ditt projekt Default sätts i _ViewStart
42 } Layout = "~/Views/Shared/_Layout.cshtml";
43 <!DOCTYPE html> <html> <head> - My ASP.NET Application</title> </head> <body> <div class="container <hr false) <script src="~/scripts/jquery min.js"></script> <script src="~/scripts/bootstrap.min.js"></script> </body> </html>
44 HTML Helpers
45 HTML Helpers Stöd för ofta använda funktioner Enkelt att lägga till egna vid behov techbrij.com/notes/aspnet-mvc-4.php
46 HTML Helpers Html.AntiForgeryToken Html.AttributeEncode Html.Encode Html.Raw Html.Partial Html.Action Html.RenderAction Html.ActionLink Html.BeginForm Html.CheckBox Html.EndForm Html.Hidden Html.ListBox Html.Password Html.RadioButton Html.DropDownList Html.TextArea Html.TextBox Html.ValidationSummary Html.ValidationMessage Html.RouteLink
47 public static class MyHtmlHelper { public static IHtmlString Scream(this HtmlHelper helper, string input) { return helper.raw($"<h1>{input}</h1>"); }
48
49
50 @helper HelperName(string name) { <h1>@name</h1>
51 Partial Views & Pages
52 En vy renderad i en annan vy
53 public ActionResult Profile() { return PartialView("PartialProfile", new Profile()); }
54
55 <!DOCTYPE html> <html> <head> <title>min Layout</title> <link href="~/styles/site.css" rel="stylesheet" type="text/css" /> </head> <div </div> <div id="footer"> 2016 Filip. All rights reserved. </div> </body> </html>
56 @model } ViewBag.Title = (var profile in Model) { Html.RenderPartial("Profile", profile); }
57 Sections
58 <!DOCTYPE html> <html> <head> - My ASP.NET Application</title> </head> <body> <div class="container <hr false) <script src="~/scripts/jquery min.js"></script> <script src="~/scripts/bootstrap.min.js"></script> </body> </html>
59
60 Areas
61 Organisera relaterad funktionalitet
62
63
64 Man kan ha olika rättigheter!
65 Attributes
66 [HttpGet] public ActionResult Profile() { } [HttpPost] public ActionResult Profile(string name) { } [HttpDelete] public ActionResult Profile(Guid id) { }
67 [Authorize] public class ProfileController : Controller { }
68 [OutputCache(Duration = 10)] public ActionResult Profile() { }
69 Formulär
70 @using (Html.BeginForm()) }
71 <form action="/photo/create" method="post"> <input name=" RequestVerificationToken" type="hidden" value="vl..." /> </form>
72 @using (Html.BeginForm( "Create", "Photo", FormMethod.Post, new {enctype = "multipart/form-data"})) { }
73 <form action="/photo/create" enctype="multipart/form-data" method="post"> <input name=" RequestVerificationToken" type="hidden" value="vl..." /> </form>
74 <input type="file" name="file" id="file" />
![public ActionResult Create() { return View(); } <input type="file" name="file" id="file" /> [HttpPost] public ActionResult](/docs-images/89/99694058/images/75-3.jpg "Create(Photo photo, HttpPostedFile file) { file.saveas( Path.Combine(Server.MapPath(\"~/Photos\"), file.")
75 public ActionResult Create() { return View(); } <input type="file" name="file" id="file" /> [HttpPost] public ActionResult Create(Photo photo, HttpPostedFile file) { file.saveas( Path.Combine(Server.MapPath("~/Photos"), file.filename)); } return View();
76
77 <configuration> <system.web> <httpruntime maxrequestlength=" " /> </system.web> </configuration> <system.webserver> <security> <requestfiltering> <requestlimits maxallowedcontentlength=" " /> </requestfiltering> </security> </system.webserver>
78
79 Scaffolding
80
81
82 Bundling
83 Minska antalet requests mot vår webbtjänst
84 Minska storleken på den totala dataöverföringen (Minification)
85 public static void RegisterBundles(BundleCollection bundles) { bundles.add(new ScriptBundle("~/bundles/jquery").Include( "~/Scripts/jquery-{version}.js")); bundles.add(new ScriptBundle("~/bundles/jqueryval").Include( "~/Scripts/jquery.validate*")); bundles.add(new ScriptBundle("~/bundles/modernizr").Include( "~/Scripts/modernizr-*")); bundles.add(new ScriptBundle("~/bundles/bootstrap").Include( "~/Scripts/bootstrap.js", "~/Scripts/respond.js")); } bundles.add(new StyleBundle("~/Content/css").Include( "~/Content/bootstrap.css", "~/Content/site.css"));
86 Hantera olika resultat
87 Resultat från en Action ActionResult ContentResult EmptyResult FileContentResult FilePathResult FileResult FileStreamResult HttpNotFoundResult HttpStatusCodeResult HttpUnauthorizedResult JsonResult JavaScriptResult PartialViewResult RedirectResult RedirectToRouteResult ViewResult
88 Modell-hantering
89 Modell-bindning
90 public class Photo { public Guid Id { get; set; } public string Name { get; set; } public string Url { get; set; } public string Path { get; set; } public long Size { get; set; } }
91 [HttpGet] public ActionResult Create(string name, string url, string path, long size) { return Json(new Photo { Id = Guid.NewGuid(), Name = name, Url = url, Path = path, Size = size }, JsonRequestBehavior.AllowGet); }
92 { } "Id": "f97ec982-c d-af5e-244a e", "Name": "name", "Url": "url", "Path": "path", "Size": 100
93 [HttpPost] public ActionResult Create(string name, string url, string path, long size) { }
94 [HttpPost] public ActionResult Create(Photo photo) { }
95 Hur kommer jag åt modellen i min vy?
96 public ActionResult Index() { var photosmodels = new List<Photo>(); var photos = Directory.GetFiles(Server.MapPath("~/Photos")); foreach (var photo in photos) { var info = new FileInfo(photo); } photosmodels.add(new Photo { Name = info.name, Path = $"/Photos/{info.Name}", Size = info.length }); } return View(photosModels);
97 @model (var item in Model) { }
98 => model.name) (var item in Model) { <td> <img src="@item.path" width="300" /> </td> }
99 Modell-validering
100 [HttpPost] public ActionResult Create(Photo photo, HttpPostedFileBase file) { if (!ModelState.IsValid) { return View(photo); } if (file == null) { ModelState.AddModelError("error", "Ingen bild?"); } return View(photo); file.saveas(path.combine(server.mappath("~/photos"), file.filename)); } return View();
101 @Html.ValidationSummary(true, "", new = "text-danger" }) <div => model.name, htmlattributes: new = "control-label col-md-2" }) <div => model.name, new { htmlattributes = new = "form-control" } => model.name, "", new = "text-danger" }) </div> </div> <div class="form-group"> <label class="control-label col-md-2" for="photo">photo</label> <div class="col-md-10"> <input type="file" name="file" id="file" </div> </div> <div class="form-group"> <div class="col-md-offset-2 col-md-10"> <input type="submit" value="create" class="btn btn-default" /> </div> </div>
102 public class Photo { public Guid Id { get; set; } [Display(Name = "Bildnamn")] [StringLength(20, ErrorMessage = "Fyll i ett namn", MinimumLength = 3)] public string Name { get; set; } } public string Url { get; set; } public string Path { get; set; } public long Size { get; set; }
103
104 Hantera fel
105 Överraskningsfel
106 <customerrors mode="on" defaultredirect="/home/error" /> public class HomeController : Controller { public ActionResult Error() { return View(); } }
107 protected void Application_Error() { Response.Redirect("/Home/Error"); }
108
109 Hantera modell-fel i Controllern
110 Inställningar i Web.config
111 Web.config
112 <appsettings> <add key="mysetting" value="somevalue" /> </appsettings> ConfigurationManager.AppSettings["MySetting"]
113 Kompilerade Vyer
114 Vad händer idag om vi har syntax-error i Razor?
115 Få kompileringsfel vid syntax-error i Razor!
116 Lite segare att starta..
117
118 <MvcBuildViews>true</MvcBuildViews>
119 <Target Name="MvcBuildViews" AfterTargets="AfterBuild" Condition="'$(MvcBuildViews)'=='true'"> <AspNetCompiler VirtualPath="temp" PhysicalPath="$(WebProjectOutputDir)" /> </Target> <Target Name="AfterBuild" Condition="'$(Configuration)'!='Debug'"> <RemoveDir Directories="$(BaseIntermediateOutputPath)" /> </Target>
120
121 Publicera till IIS
122
123
124
125
126
127 Publicera till Azure
128 Skapa gratiskonto och testa!
129 Tips & Trix
130 Web Essentials
131
132 Browser Link
133 Route Debugger
134 Fortsätta med Labben
135 Fortsätt med Bildgalleriet Ladda upp bilder Skapa album av uppladdade bilder Kommentera på bilder Inloggning & Säkerhet Administrationsgränssnitt
136 Håll följande i åtanke Håll din Controller liten Håll dina Views rena Dela upp i Partial Views Använd dig av Layout Undvik ViewBag om du inte behöver den Validera formulärdata
137 Skicka Github länk för review! Skicka en Github-länk till labben senast Torsdag-kväll Jag återkommer med feedback och förbättringsförslag
138
// GET: Test1/Index2 // Syftet är att se hur olika url:er leder till olika actions
Test1Controller.cs using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using System.Web.Mvc.Ajax; using System.Net; using Newtonsoft.Json; using System.Threading.Tasks;
MVC med Javascript och Ajax. Filip Ekberg
MVC med Javascript och Ajax Filip Ekberg Filip Ekberg Microsoft & Xamarin MVP mail@filipekberg.se Vad ska vi lära oss? I denna kurs lär sig den studerande hur man jobbar med den naturliga uppdelningen
ASP.NET MVC. Copyright Mahmud Al Hakim mahmud@dynamicos.se http://www.webbacademy.se. Innehåll
ASP.NET MVC Copyright Mahmud Al Hakim mahmud@dynamicos.se http://www.webbacademy.se Innehåll Introduktion till MVC Controller Action-metoder Views Arbeta med Layout-sidor och sektioner Route konfiguration
Asp.net mvc intro PER KVARNBRINK, 2015-01-27
Asp.net mvc intro PER KVARNBRINK, 2015-01-27 Byggstenarna i ett mvc-projekt 1. Databasen 2. Datamodellen (M:et) 3. Entity framwork 4. Routing 5. Kontroller (C:et) 6. Vy (V:et) 7. Vymodeller 8. Troligen
MVC med Javascript och Ajax. Filip Ekberg
MVC med Javascript och Ajax Filip Ekberg Hur går det? Föreläsningstempo Går det för fort? Labbar & Övningar Är de otydliga? Behövs mer hjälp? Upplägg Mindre föreläsning? Mer labbar? Läser ni boken? Läsanvisningar
MVC med Javascript och Ajax. Filip Ekberg
MVC med Javascript och Ajax Filip Ekberg MVC med Javascript och Ajax Lektion 7 ASP.NET MVC mail@filipekberg.se Veckans mål ASP.NET MVC Repetition & Diskussion Vad är MVC? Vad är ASP.NET MVC? Hur skapar
Övning MS SQL och MVC del 2
1 Övning MS SQL och MVC del 2 Denna övning, som är uppdelad i två delar, kommer att visa hur du kan arbeta med MS SQL och MVC. Applikationen är ett inloggningssystem som innehåller de flesta saker som
MVC med Javascript och Ajax. Filip Ekberg
MVC med Javascript och Ajax Filip Ekberg MVC med Javascript och Ajax Lektion 3 & 4 - Javascript & Ajax Vad ska vi lära oss? I denna kurs lär sig den studerande hur man jobbar med den naturliga uppdelningen
Det här dokumentet är till för att ge en översikt över ASP.NET MVC samt hur WCF Services används från.net applikationer.
Informationsinfrastruktur 7.5 hp Mattias Nordlindh Inledning Det här dokumentet är till för att ge en översikt över ASP.NET MVC samt hur WCF Services används från.net applikationer. Dokumentet består av
Räkna med ASP.NET MVC 3
Instruktion Räkna med ASP.NET MVC 3 Introduktionsuppgift Författare: Mats Loock Kurs: ASP.NET MVC Kurskod:1DV409 Innehåll Du ska följa steg-för-steg -instruktionen i denna introduktionsuppgift och skapa
MVC med Javascript och Ajax. Filip Ekberg
MVC med Javascript och Ajax Filip Ekberg Hur går det? MVC med Javascript och Ajax Lektion 6 Inloggning, Testning & Separation of Concerns mail@filipekberg.se Dagens mål Introducera inloggning, testning
Labb 3: ASP.NET 4.5 Anpassningar av användargränssnittet: Master Pages, Teman, och Kontroller
Labb 3: ASP.NET 4.5 Anpassningar av användargränssnittet: Master Pages, Teman, och Kontroller Beräknad tidsåtgång: ca. 3 timmar. I ASP.NET 4.5 finns en stor mängd nya funktioner för att förenkla utvecklingen
EDA095 HTML. Per Andersson. April 26, Lund University Innehåll: HTML, CSS, DOM, JavaScript
EDA095 HTML Per Andersson Lund University http://cs.lth.se/pierre_nugues/ April 26, 2017 Innehåll: HTML, CSS, DOM, JavaScript Per Andersson EDA095 HTML April 26, 2017 1 / 23 Webben Webben byggs upp av
Appar med ryggrad. Introduktion till JavaScriptramverket Backbone
Appar med ryggrad Introduktion till JavaScriptramverket Backbone Vanlig webbsida Databas MVC - Model View Controller MVC - Model View Controller MVC Backbone.js Ger struktur Bygger på MVC konceptet Tvingar
Räkna med ASP.NET Web Forms
Instruktion Räkna med ASP.NET Web Forms Introduktionsuppgift Författare: Mats Loock Kurs: ASP.NET Web Forms Kurskod:1DV406 Innehåll Du ska följa steg för steg -instruktionen i denna introduktionsuppgift
Kursplanering Utveckling av webbapplikationer
Kursplanering Utveckling av webbapplikationer Fakta Ämne Programmering Poäng 40 Yh-poäng Kurskod YSYS-WEB Klass Systemutvecklare.NET Syfte och koppling till yrkesrollen För att kunna arbeta som systemutvecklare
ASP.NET Web Pages. Copyright Mahmud Al Hakim Först lite Classic ASP :-)
ASP.NET Web Pages Copyright Mahmud Al Hakim mahmud@dynamicos.se http://www.webbacademy.se Innehåll Först lite Classic ASP :-) VBScript ASP Formulär ASP Cookies (Kakor) ASP.NET Web Pages Razor syntax Sökvägar
ASP.NET Thomas Mejtoft
ASP.NET Introduktion till ASP.NET Utveckla i ASP.NET I ASP.NET kan och bör man separera HTML-kod från övrig kod (C#, VB ) I enklare fall läggas kod i script-block Vanligtvis läggs den i en Code Behind-fil
Lab 6: ASP.NET 2.0 Providermodellen
Lab 6: ASP.NET 2.0 Providermodellen Den stora finessen med Providermodellen är enkelheten att skapa sin egna provider för att kunna anpassa en tjänst utefter de behov man har. Den gör tillståndshantering
INTRODUKTION TILL ANGULAR JS
INTRODUKTION TILL ANGULAR JS DEL 1 Mahmud Al Hakim www.alhakim.se mahmud@alhakim.se VAD ÄR ANGULAR? Angular är ett JavaScript ramverk. Angular används för utveckling av frontendwebbapplikationer. Angular
ASP.NET Web Forms. Copyright Mahmud Al Hakim mahmud@dynamicos.se http://www.webbacademy.se. Vad är Web Forms?
ASP.NET Web Forms Copyright Mahmud Al Hakim mahmud@dynamicos.se http://www.webbacademy.se Vad är Web Forms? Web Forms är en del av ASP.NET ramverket. Web Forms är kontroll- och händelsestyrd programmeringsmodell
JavaScript in SharePoint and not just for Apps. Wictor Wilén
JavaScript in SharePoint and not just for Apps Wictor Wilén Wictor Wilén Agenda Varför JavaScript? JavaScript bibliotek SharePoint JS bibliotek JavaScript Client Side Object Model (JSOM/CSOM) REST Client
F06 A table form Dagens agenda
F06 A table form Dagens agenda Länkar Tabeller Formulär Hyperlänkar index.html feed/news.html klickbar text hippo.png about.html Relativ länk till webbsida via klickbar länk: klickbar
Webbprogrammering. Sahand Sadjadee
Webbprogrammering Sahand Sadjadee Agenda Webb The World Wide Web (WWW) is a network of online content that is formatted in HTML and accessed via HTTP. The term refers to all the interlinked HTML pages
Webbtjänster med API er
Webbtjänster med API er Mål med lektionen! En lite djupare inblick i RESTfulla tjänster Vad lektionen omfattar RESTful Services Överblick SOAP kan vara lite overkill för vissa specifika web service scenarion.
21/01/2016. Stilmallar. styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. recept.html frukt.html grönsaker.html
Stilmallar styra utseendet av webbplatsen DEL 1 Karin Fahlquist index.html recept.html frukt.html grönsaker.html 1 Samma kod olika utseende Olika exempel om layout: http://www.csszengarden.com/ Stilmallar
<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
AngularJS Skriven av: Isak Glans. Datum: 2015-04-29. Kurs: Webbutveckling. Lärare: Per Sahlin. Utbildning: Systemutvecklare i.net, Newtons Yrkeshögskola. 1 Sammanfattning Syftet med denna uppsats är att
Lektion 2 - CSS. CSS - Fortsätt så här
Lektion 2 - CSS I den här lektionen behandlas HTML och CSS. Det förutsätts att lektion 1 är gjord, eller att du har tillräckliga kunskaper i grundläggande HTML för att klara den här lektionen. CSS - Fortsätt
HTML och CSS. Eric Elfving Institutionen för Datavetenskap (IDA)
HTML och CSS Eric Elfving Institutionen för Datavetenskap (IDA) Upplägg Introduktion Grundläggande HTML Ändra utseende med CSS 2 Introduktion HyperText Markup Language används för att strukturera text
Webbteknik II. Föreläsning 5. Restless farewell. John Häggerud, 2011
Webbteknik II Föreläsning 5 Restless farewell HTTP Request HTTP verbs (methods): GET, POST, HEAD, DELETE, PUT, OPTIONS, TRACE, CONNECT http://www.w3.org/protocols/rfc2616/rfc2616-sec9.html variable=value&variable2=value2
Klient/server. Översikt. Lektion 1: Webbtekniker från Microsoft. Webbteknik från Microsoft. Klient/server. Designmönster. Utrullning.
Klient/server Översikt Webbteknik från Microsoft. Klient/server. Designmönster. Utrullning. Lektion 1: Webbtekniker från Microsoft Microsoft webbtekniker. ASP.NET. Klientsidan. Internet Information Server.
Tentamen ITK:P2. Inga hjälpmedel tillåtna förutom penna och papper. Skriv tydligt och texta gärna. 14 st frågor, 70 poäng.
Tentamen ITK:P2 lördag 2007-04-14 Inga hjälpmedel tillåtna förutom penna och papper. Skriv tydligt och texta gärna. 14 st frågor, 70 poäng. 40 poäng ger betyget G, 55 ger VG Peter Mozelius DSV 1.) Ditt
JAVASCRIPT. Beteende
JAVASCRIPT Beteende OVERVIEW HTML Formulär JavaScript Syntax Events DOM Validering av fomulär WEBBPROGRAMMERING PÅ KLIENTSIDAN Skriptspråk som körs på klientsidan (klientskript) Koden exekveras i webbläsaren
Karlstads Universitet, Datavetenskap 1
DAV B04 - Databasteknik KaU - Datavetenskap - DAV B04 - MGö 229 PHP Hypertext Preprocessor Scriptspråk på serversidan Innebär att webbservern översätter php-scripten innan sidan skickas till webbläsaren,
Android fortsättning. TDDD80 Mobila och sociala applikationer
Android fortsättning TDDD80 Mobila och sociala applikationer 2018-02-24 Krav labb A2 + A3 Scrollbar lista + detalj-vy Stor skärm - liten skärm Rotation Nätverksanrop Hämta data från server Hantera JSON
Language Integrated Query, LINQ, och databaser
Language Integrated Query, LINQ, och databaser 1 Imperativ eller deklarativ programmering Imperativ programmering Du som programmerare beskriver i detalj alla steg som måste utföras för att lösa en viss
DB, DATA, LOGIC, EXPOSURE (WEB)
Backend DB, DATA, LOGIC, EXPOSURE (WEB) MySQL. MongoDB, LDAP, etc DB DATA LOGIC SOA TJänster EXPOSURE (WEB) Klienter kan vara webbsidor, desktop/mobil applikationer, andra SOA tjänster, ATM, parkeringsautomater
TNMK30. Elektronisk publicering
TNMK30 Elektronisk publicering Välkomna till kursen Niklas Rönnberg niklas.ronnberg@liu.se Kopparhammaren 2, rum 2011 Medverkande Stefan Gustavson, stefan.gustavson@liu.se Camilla Forsell, camilla.forsell@liu.se
Services + REST och OAuth
Services + REST och OAuth Syftet med Services Skapa ett Drupal API för att exponera webb- API:er. Officiella versionen - Create a unified Drupal API for web services to be exposed in a variety of different
Introduk+on +ll programmering i JavaScript
Föreläsning i webbdesign Introduk+on +ll programmering i JavaScript Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Språk Naturliga språk Mänsklig kommunika+on T.ex. Svenska, engelska,
Översikt. Installation av EasyPHP 1. Ladda ner från http://www.easyphp.org/ Jag använder Release 5.3.4.0 2. Installera EasyPHP.
Laboration 1 Översikt 1. Att komma igång med laborationsmiljön a. installera Aptana Studio 3 b. Installera EasyPHP 2. Testa lite programmering a. Testa enkla uppgifter b. Testa automatiskt 3. Skapa inloggningsformulär
Installationsanvisningar VisiWeb. Ansvarig: Visi Closetalk AB Version: 2.3 Datum: 2009-12-14 Mottagare: Visi Web kund
Sida: 1(7) Installationsanvisningar VisiWeb Ansvarig: Visi Closetalk AB Version: 2.3 Datum: 2009-12-14 Mottagare: Visi Web kund Detta dokument Detta dokument beskriver hur man installerar VisiWeb på en
TNMK30 Elektronisk publicering HT 2014 Laboration 5: PHP och MySQL
TNMK30 Elektronisk publicering HT 2014 Laboration 5: PHP och MySQL På webservern www.student.itn.liu.se finns stöd för PHP, och PHP har inbyggda funktioner för att kontakta och ställa SQL-frågor till en
En integration av betalningssystem på hemsida
Beteckning: Akademin för teknik och miljö En integration av betalningssystem på hemsida Benjamin Leetmaa Maj 2011 Examensarbete, 15 högskolepoäng, B Datavetenskap Ingenjör Online Examinator: Bengt Östberg
HTML och CSS. Eric Elfving Institutionen för datavetenskap. 18 augusti 2015
. HTML och CSS Eric Elfving Institutionen för datavetenskap 18 augusti 2015 Översikt 2/17 Introduktion HTML Syntax Vanliga element CSS Syntax Selektorer Kombinera HTML och CSS Webserver Introduktion 3/17
Viva la evolución. Peter Backlund
Viva la evolución Peter Backlund Grails Java- och Groovybaserat Treskiktade webbapplikationer med databas Bygger på Spring, Hibernate och Sitemesh Groovy Likheter med Rails Konventioner, inte konfiguration
Arbeta med databas. Översikt. Lektion 1: Arbeta med Entity Data Models. Arbeta med Entity Data Models. LINQ (Language Integrated Query).
Arbeta med databas Översikt Arbeta med Entity Data Models. LINQ (Language Integrated Query). Lektion 1: Arbeta med Entity Data Models Introduktion till ADO.NET Entity Framework. Stöd i ADO.NET Entity Framework.
Android översikt. TDDD80 Mobila och sociala applikationer
Android översikt TDDD80 Mobila och sociala applikationer Översikt Köra app på mobil / emulator Android Studio introduktion Android kodning Android labb 1 Köra på mobil / emulator Developer mode på mobilen
Föreläsning 4. CSS Stilmallar för webben
Föreläsning 4 CSS Stilmallar för webben Innehåll 1. CSS, vad är det? 2. Repetition av HTML-element 3. CSS, hur, var, när? 4. CSS & arv? CSS Cascading Style Sheet Same, same, but different Samma innehåll
WEBDESIGN A - DTR 1210
Lektion 6: Tabeller Vi ska lägga till en tabell i hemsidan. Först ska vi titta lite på hur man gör tabeller. Vi börjar med enklast tänkbara tabell. En tabell med bara en ruta: Nu ska vi gå igenom steg
Sidan kommer inte läggas upp någonstans utan du redovisar den för mig på något handledningstillfälle.
Lab1 - CV-sidan Du ska bygga en variant av en CV-sida i HTML och CSS. Sidan ska åtminstone innehålla en bild på dig, en klassisk tabell med utbildningar/erfarenheter, ditt favoritcitat, en eller flera
JS & beteende. TNMK30 - Elektronisk publicering
JS & beteende TNMK30 - Elektronisk publicering Dagens föreläsning HTML Formulär JavaScript Syntax Events DOM Validering av fomulär JavaScript Skriptspråk som körs på klientsidan (klientskript). Koden exekveras
PHP. Dynamiska webbsidor
PHP Dynamiska webbsidor WEBBPROGRAMMERING PÅ SERVERSIDAN DB server web browser client client script HTTP Request (get, post) HTTP Response (HTML, CSS, JS) web server server script JS PHP file (txt, xml,
Objektorienterad Programmering (OOP) Murach s: kap 12-16
Objektorienterad Programmering (OOP) Murach s: kap 12-16 2013-01-28 1 Winstrand Development Objektorienterad Programmering Förkortas OOP Objektorientering innebär att man delar in koden i olika block,
MVC-mönster i ASP.NET Projektblogg bygghemma.se
C-uppsats i Datavetenskap MVC-mönster i ASP.NET Projektblogg bygghemma.se Författare: Janina Torstensson Handledare: Martin Blomberg Termin: VT11 Kurskod: 2DV40E Abstrakt Rapporten tar upp resultatet av
Innehåll Introduktion... 3 InteractiveScene.config... 3 Scener <scenes>... 3 Typsnitt <fonts>... 3 Övergångar <transitions>...
Innehåll Introduktion... 3 InteractiveScene.config... 3 Scener ... 3 Typsnitt ... 3 Övergångar ... 4 Mall för slide ... 5 , ...
Webbutveckling med AngularJS
Webbutveckling med AngularJS Kommunikation och Användargränssnitt HT 2016 Per Lind Upplägg Laboration 1 - Skapa en SPA (single-page application) med AngularJS Laboration 2 - Responsiv design, mobile-first
Viktigt! Glöm inte att skriva TentamensKod (ditt anonyma student-id) på alla blad du lämnar in.
Webb- och mobilutveckling Provmoment: Ladokkod: Tentamen ges för: Tentamen 21WM1B Systemarkitektprogrammet 7,5 högskolepoäng TentamensKod: Tentamensdatum: 2017-03-23 Tid: 09.00 12.00 Hjälpmedel: Inga hjälpmedel
Namn: (Ifylles av student) Personnummer: (Ifylles av student) Tentamensdatum: Tid: Hjälpmedel: Inga hjälpmedel
Webb- och mobilutveckling Provmoment: Ladokkod: Tentamen ges för: Tentamen 21WM1B Systemarkitektprogrammet 7,5 högskolepoäng Namn: (Ifylles av student) Personnummer: (Ifylles av student) Tentamensdatum:
2I1073 Lektion 2. Lektion 2a. Lektion 2a. Servlets, säkerhet, och filhantering. import java.io.*; import javax.servlet.*; import javax.servlet.http.
2I1073 Lektion 2 Servlets, säkerhet, och filhantering KTH-MI Peter Mozelius import java.io.*; import javax.servlet.*; import javax.servlet.http.*; public class Lektion2a extends HttpServlet { public void
PHP. PHP: Hypertext Preprocessor
PHP PHP: Hypertext Preprocessor Vad är PHP? Script-språk (jmfr. JavaScript / Python) C-liknande syntax (familj: C / C++ / C# / Java) Dynamiskt typat Används främst server-side för att generera dynamisk
Användarmanual för. 1(1)
Användarmanual för sofie.landelius@bypasset.se 1(1) 2005-06-13 Innehållsförteckning 1. Logga in... 3 Problem... 3 Content... 4 Account... 4 Help... 4 2. Att skriva en artikel... 5 Publicera artikel alt
Programmeringteknik. Planering 2014-05-12 MÅL LABB: MOMENT LAB4 HTML - EXEMPEL HTML. Webbdelen
MÅL Programmeringteknik Webbdelen Efter webbmomentet ska du: kunna använda ett tiotal kommandon i: HTML (göra webbsidor) CSS (webbsidans utseende) Javascript (programmering - klienten) PHP (programmering
JavaScript. Innehåll. Historia. Document object model DHTML. Varför Javascript?
Innehåll JavaScript En introduktion till skriptspråket JavaScript och till DOM Scripting Introduktion till JavaScript och DOM JavaScript Syntax DOM och DOM Scripting Händelsehantering och CSS Historia
F12 - Collections. ID1004 Objektorienterad programmering Fredrik Kilander
F12 - Collections ID1004 Objektorienterad programmering Fredrik Kilander fki@kth.se Collections (samlingar) En collection är ett objekt som fungerar som en samling av andra objekt En collection erbjuder
WEBDESIGN A - DTR 1210
Lektion 9: Tips tricks och diverse Bakgrundsbilder Bakgrundsfärg och textfärg är några sätt att ge sin hemsida ett visst utseende. Ett annat sätt är att använda bakgrundsbilder. Man behöver en bild: HTML-koden
Avancerade Webbteknologier
Projektledning, Business Knowledge Användbarhet & Layout Avancerade Webbteknologier Lkti Lektion 1 Kommunikation Tobias Landén tobias.landen@chas.se Avancerade webbteknologier del 1 (4 KY poäng) Syfte
Grundläggande programmering med C# 7,5 högskolepoäng
Grundläggande programmering med C# 7,5 högskolepoäng Provmoment: TEN1 Ladokkod: NGC011 Tentamen ges för: Omtentamen DE13, IMIT13 och SYST13 samt öppen för alla (Ifylles av student) (Ifylles av student)
JavaScript. En Introduktion
JavaScript En Introduktion Innehåll Introduktion till JavaScript Händelsehantering och CSS Felhantering i JavaScript Validering i JavaScript Introduktion Ingen koppling till Java Statiska och dynamiska
Spelprogrammering med JavaScript och HTML5
Spelprogrammering med JavaScript och HTML5 Vad är vårt syfte? Eleverna ska komma igång fort med programmering. Det ska vara roligt från början. Resultatet ska vara enkelt att visa för kompisar och familj.
Lektion 2, Grundläggande funktioner i ASP.NET
Lektion 2, Grundläggande funktioner i ASP.NET Lektionen behandlar kapitlen 3 och 4 i kursboken. Application och Page Framework Med Visual Studio 2005 levereras ett antal inbyggda verktyg bland annat SQL
TDDD52 CSS. Färger. Färger 1/3/13
Jag önskar göra det lä0are för användarna genom a0 markera vissa delar med en annan färg? HTML är bra, men det är inte så snyggt? TDDD52 - CSS CSS regler och selectors gör a0 jag kan styla min HTML precis
Innehåll. dynamisk bindning. och programmering CRC) u Arv, polymorfi och
Innehåll u OOP snabbintroduktion u Datatyper u Uttryck u Satser u Arv (intro) u Programvaruutveckling och programmering u Klassdesign och metodik (UML, CRC) u Arv, polymorfi och dynamisk bindning u Fält
Webbteknik II. Föreläsning 4. Watching the river flow. John Häggerud, 2011
Webbteknik II Föreläsning 4 Watching the river flow Web Service XML-RPC, SOAP, WSDL, UDDI HTTP Request, Response, Headers, Cache, Persistant Connection REST Hype or the golden way? Web Service / Webbtjänst
Labb 1: Skapa en webbsite
Labb 1: Skapa en webbsite Beräknad tidsåtgång: ca 90 minuter effektiv arbetstid. (Utifrån mina egna test) ASP.NET har massor med nya features skapade för Att göra skapandet av avancerade webbsidor enklare
Internet A. HTML Grunder. 02-01-14 Maximilien Chiang 1
Internet A HTML Grunder 1 HTML Tags (Speciella markeringar) < Instruktion> De flesta instruktioner avslutas också med en 2 untitled Min
Schenker Privpak AB Telefon 033-178300 VAT Nr. SE556124398001 Schenker ABs ansvarsbestämmelser, identiska med Box 905 Faxnr 033-257475 Säte: Borås
Schenker Privpak AB Interface documentation for web service packageservices.asmx 2010-10-21 Version: 1.2.2 Doc. no.: I04304 Sida 2 av 14 Revision history Datum Version Sign. Kommentar 2010-02-18 1.0.0
E12 "Evil is going on"
E12 "Evil is going on" Föreläsning 12, HT2014 AJAX Kurs: 1dv403 Webbteknik I Johan Leitet E12 Evil is going on Dagens agenda AJAX XMLHttpRequest-objektet JSON Vad är AJAX? Asynchronous JavaScript and XML
Lösningar till tentamen i EDAF25
Lösningar till tentamen i EDAF25 1 juni 2017 Lösning 1 Se figur 1. Figure 1: Tillståndsdiagram espressomaskin Lösning 2 (a) Kompositmönstret (b) Se figur 2 (c) Se figur 3 : Square : Drawing : Group : Circle
1ME323 Webbteknik 3 Lektion 6 API. Rune Körnefors. Medieteknik Rune Körnefors
1ME323 Webbteknik 3 Lektion 6 API Rune Körnefors Medieteknik 1 2019 Rune Körnefors rune.kornefors@lnu.se Agenda API (Application Programming Interface) Mashup Flickr API Google Maps API Labb 6 2 API (Application
Essential Php Security Författare: Shiflett, Chris Antal sidor: 124 Förlag: O'Reilly
PHP Säkerhet & Optimering tobias.landen@chas.se se Att läsa om ämnet Bra och kortfattad tt dbok: Essential Php Security Författare: Shiflett, Chris Antal sidor: 124 Förlag: O'Reilly ISBN 10: 059600656X
Lektion 3 HTML, CSS och JavaScript
Lektion 3 HTML, CSS och JavaScript I den här lektionen behandlas HTML, CSS och JavaScript (JS). Det förutsätts att lektion 1 och 2 är gjord, eller att du har tillräckliga kunskaper i grundläggande HTML
F4. programmeringsteknik och Matlab
Programmeringsspråk Föreläsning 4 programmeringsteknik och Matlab 2D1312/ 2D1305 Introduktion till Java Kompilering, exekvering, variabler, styrstrukturer 1 Ett program är en eller flera instruktioner
Lab 5: ASP.NET 2.0 Site Navigation
Lab 5: ASP.NET 2.0 Site Navigation Enkel navigering är en viktig del av en modern webbapplikation. Eftersom en stor del av utvecklingstiden för en site används för att bygga meyer, trädstrukturer och andra
Lab 5: ASP.NET 4.5 Site Navigation
Lab 5: ASP.NET 4.5 Site Navigation Enkel navigering är en viktig del av en modern webbapplikation. Eftersom en stor del av utvecklingstiden för en site används för att bygga menyer, trädstrukturer och
Föreläsning 7. Träd och binära sökträd
Föreläsning 7 Träd och binära sökträd Föreläsning 7 Träd Binära träd Binärt sökträd som ADT Implementering av binärt sökträd Travestera binärt sökträd Sökning Insättning/borttagning Läsanvisningar och
Upplägg. Introduktion. Examination. Mål. Konsekvenser. Java. Kursen heter konstruktion, ej design eller formgivning.
Introduktion Upplägg Kursen heter konstruktion, ej design eller formgivning. det handlar främst om att lära sig att bygga gränssnitt som är sunda den är praktiskt orienterad; vetenskapliga teorier finns,
E02 "The Review" Föreläsning 2, HT2013 Grunderna, repetition. Johan Leitet. Kurs: 1dv403 Webbteknik I
E02 "The Review" Föreläsning 2, HT2013 Grunderna, repetition Kurs: 1dv403 Webbteknik I Johan Leitet E02 - "The Review" Dagens agenda Identifierare Kommentarer Variabler Datatyper Operatorer Villkorssatser
Webbsidor och webbservrar
Webbsidor och webbservrar Server HTTP-protokollet Dokument (t.ex. HTML kod) Klient URL (t.ex. länk) Normal funktion hos webben: Användaren klickar på länk eller anger URL på annat sätt. Servern lokaliserar
DAT043 Objektorienterad Programmering
DAT043 Objektorienterad Programmering Detta är en exempeltenta som innehåller gamla tentauppgifter av ungefär liknande slag som ni kan förvänta er se på ordinarie tenta i Del 1 respektive Del 2. Dock är
F07 Stilmallar Dagens agenda
F07 Stilmallar Dagens agenda CSS, Stilmallar Lokala, interna, externa Selektorer - Taggselektorer - Klasselektorer - ID-selektorer Egenskapsarv Pseudo-klasser och element Kombinatorer Specificitet Stilmallar
Tentamen Programmeringsteknik II Skrivtid: Hjälpmedel: Java-bok (vilken som helst) Skriv läsligt! Använd inte rödpenna!
Tentamen Programmeringsteknik II 2014-01-09 Skrivtid: 0800-1300 Hjälpmedel: Java-bok (vilken som helst) Tänk på följande Skriv läsligt! Använd inte rödpenna! Skriv bara på framsidan av varje papper. Börja
Outline. Objektorienterad Programmering (TDDC77) En frukt har ett namn. Man kan lägga en frukt i en korg... Hashing. Undantag. Ahmed Rezine.
Outline Objektorienterad Programmering (TDDC77) Föreläsning XIV: Undantag, Design Ahmed Rezine IDA, Linköpings Universitet Undantag Design Hösttermin 2017 En frukt har ett namn Man kan lägga en frukt i
Objektorienterad Programmering (TDDC77)
Objektorienterad Programmering (TDDC77) Föreläsning XIV: Undantag, Design Ahmed Rezine IDA, Linköpings Universitet Hösttermin 2017 Outline Hashing Undantag Design Outline Hashing Undantag Design En frukt
Labb 3: ASP.NET 2.0 Anpassningar av användargränssnittet: Master Pages, Teman, och Kontroller
Labb 3: ASP.NET 2.0 Anpassningar av användargränssnittet: Master Pages, Teman, och Kontroller Beräknad tidsåtgång: ca. 60 minuter. I ASP.NET 2.0 finns ett stor mängd nya funktioner för att förenkla utvecklingen
Webbprogrammering - 725G54 PHP. Foreläsning II
Webbprogrammering - 725G54 PHP Foreläsning II Agenda Serverskript PHP Validering av data med serverskript Säkerhet Lab 2. Live coding Serverskript Kör ett program på servern och resultatet skickas till
HTML. Introduktion till HyperText Markup Language
HTML Introduktion till HyperText Markup Language 1 Frågor innan vi börjar? 2 Dagens föreläsning Snabb introduktion till webben Varför använder vi HTML? Ett första HTML-dokument Metadata Teckenkodning Validera
Det finns en referensbok (Java) hos tentavakten som du får gå fram och läsa men inte ta tillbaka till bänken.
Tentamen Programmeringsteknik I 2014-10-17 Skrivtid: 0800-1300 Hjälpmedel: Java-bok Tänk på följande Det finns en referensbok (Java) hos tentavakten som du får gå fram och läsa men inte ta tillbaka till
Användarbeskrivning för Anvisningstjänsten
1 (23) Användarbeskrivning för Anvisningstjänsten 2 (23) INNEHÅLL 1 ALLMÄN BESKRIVNING AV ANVISNINGSTJÄNSTEN... 3 1.1 Skillnad mellan Central och Lokal anvisning... 3 2 INTEGRATION ENLIGT [IDP-DISCO]...
Tänk på följande: Det finns en referensbok (Java) hos tentavakten som du får gå fram och läsa men inte ta tillbaka till bänken.
Tentamen Programmeringsteknik I 2015-01-10 Skrivtid: 8.00 13.00 Hjälpmedel: Java-bok Tänk på följande: Det finns en referensbok (Java) hos tentavakten som du får gå fram och läsa men inte ta tillbaka till