Cursus .Net

Click here to load reader

  • date post

    04-Feb-2018
  • Category

    Documents

  • view

    215
  • download

    0

Embed Size (px)

Transcript of Cursus .Net

  • 7/21/2019 Cursus .Net

    1/74

    Cursus

    ASP.NET 4.0

    ICT - opleidingenApplicatieontwikkelaarLeerjaar 3, trimester 1

  • 7/21/2019 Cursus .Net

    2/74

    cursus ASP.NET 4.0

    2 ROC de Leijgraaf

    Inhoud ....................................................................................................................................2

    1: Introductie .........................................................................................................................3

    2: Server Controls. ........................................ ....................................................................... 10

    3: De programmeertaal C# ................................................................................ ................... 14

    4: Navigatie en CSS ............................................................................................................. 18

    5: Validatie .......................................................................................................................... 25

    6: State ................................................................................................................................ 29

    7: Database .......................................................................................................................... 33

    7.1 ASP.NET en databases .............................................................................................. 34

    7.2 Database bouwen binnen Visual Web Developer ....................................................... 37

    7.3 SqlDataSource met SQL .................................................. .......................................... 40

    7.4 werken met stored procedures ................... ................................................................. 42

    7.5 doe-het-zelf-methode .............................................................................................. 44

    7.6 DataSet ..................................................................................................................... 48

    7.7 Extra opdrachten .......... .............................................................................................. 50

    8: LINQ ............................................................................................................................... 60

    9: Beveiligde toegang .......................................................................................................... 66

    10:Beveiligde web-applicatie bouwen................................................................................... 69

    Wil je meer weten van ASP.NET 4.0 dan ishet boek van Jan Smits aan te bevelen.

    Titel: Handboek ASP.NET 4.0

    Uitgever: vanDuuren Informatica

    ISBN: 97-890-5940-449-6

  • 7/21/2019 Cursus .Net

    3/74

    cursus ASP.NET 4.0

    opleiding Applicatieontwikkelaar 3

    ASP staat voor Active Server Pages; paginas in een website die de server activeren. Dit in

    tegenstelling tot bv. HTML dat door de browser aan de client-kant wordt uitgevoerd.

    ASP is geen programmeertaal maar een onderdeel van de .NET framework van Microsoft.

    Programmeertalen als C# en Visual Basic kun je toepassen in ASP-web-applicaties. In deze

    cursus gebruiken we C#.

    Wat heb je nodig?

    Microsoft heeft Visual Studio gebouwd als ontwikkelomgeving. Afhankelijk van de soort

    applicatie gebruik je bv. Visual C# voor een Windows-desktopapplicatie of Visual Web

    Developer voor een web-applicatie. In deze cursus speelt de Web Developer de hoofdrol.

    Als je websites bouwt die actief omgaan met invoergegevens van gebruikers zoals

    inloggegevens of bestelling in een webwinkel dan heb je een webserver nodig. Microsoft

    heeft zijn eigen webserver IIS (Internet Information Services). In de ontwikkelomgeving die

    je gaat gebruiken zit IIS ingebouwd. Dit is voldoende om de website te kunnen testen. Ga je

    de web-applicatie beschikbaar stellen dan gebruik je een eigen webserver of je host je websitebij een provider.

    Voor de opslag en het bewerken van gegevens wordt een database-programma ingezet; in een

    Microsoft-omgeving is dat SQL-Server. Ook voor dit onderdeel geldt dat het ingebouwd zit in

    de ontwikkelomgeving wat voldoende is om je website te testen.

    Om de opdrachten in deze cursus te kunnen uitvoeren heb je dus voldoende aan Visual Web

    Developer 2010 Express. Deze software is gratis te downloaden, maar ook beschikbaar op

    school (vraag de docent). Het is natuurlijk overbodig om te vermelden dat het installeren op

    een pc moet gebeuren met Windows als besturingssysteem (Windows 7 prof.-editie of hoger).

    Installeren Visual Web Developer.

    Over het installeren valt weinig te vertellen; het proces verloopt geheel automatisch.

    Als de installatie is geslaagd dan vind je op je bureaublad een nieuw icoon

  • 7/21/2019 Cursus .Net

    4/74

    cursus ASP.NET 4.0

    4 ROC de Leijgraaf

    Kennismaking met Visual Web Developer.

    (Dit is een eerste oefening; voer de opdrachten uit.)

    - Start Visual Web Developer.- Kies in menu File New website of klik op New Web Site.

    - Selecteer Visual C# en voer de naam van je website inoef1. Klik OK.Let ook op de locatie waar de website wordt weggeschreven.

  • 7/21/2019 Cursus .Net

    5/74

    cursus ASP.NET 4.0

    opleiding Applicatieontwikkelaar 5

    Er verschijnt een scherm dat kenmerkend is voor Visual Studio, de ontwikkelomgeving van

    Microsoft.

    Een nieuwe pagina maken.

    - Klik met de rechter muisknop op C:\....\oef1 in het venster Solution Explorer- Kies Add New Item.

    o Selecteer Web Formo geef de pagina een naam:hallo

    o place code in separate filemag NIET aangevinkt zijn en klik Add

  • 7/21/2019 Cursus .Net

    6/74

    cursus ASP.NET 4.0

    6 ROC de Leijgraaf

    De nieuwe pagina kan in de design-stand of in de

    source-stand worden weergegeven. Met de optie Split

    zie je beide.

    Is links de Toolbox niet zichtbaar dan kun je de Toolbox oproepen met:

    - Kies in menu View- Selecter Other Windows- En kies Toolbox

    Het is mogelijk dat de Toolbox niet naast,

    maar op de pagina ligt. Klik op het knopje

    automatisch verbergen.

    Klik je op het driehoekje bij standard dan

    zie je dat er meerdere toolboxen zijn.

    Voorlopig kun je met de standard-toolbox

    vooruit.

    Als je de broncode (source) zichtbaar maakt dan zie je dat er eigenlijk een gewone HTML-

    pagina is aangemaakt met de bekende codes als , < head> en .

    In de eerste regels zie je:

    - Dat de pagina programmacode van C# kan bevatten; dit is informatie voor dewebserver.

    - Informatie over de pagina zoals w3.org dat wil hebben.- Dat de html-code aan de xhtml-eisen moet voldoen van W3.org

  • 7/21/2019 Cursus .Net

    7/74

    cursus ASP.NET 4.0

    opleiding Applicatieontwikkelaar 7

    De eerste pagina bouwen.- Zet de nieuwe pagina in de design-stand- Sleep vanuit de toolbox een Textbox, een Button en een Label in de pagina- Klik 1x op Button en pas de tekst aan bij Properties

    - Klik op label en verander bij properties de tekst in voer je naam in.

    - Dubbel-klik op de button verstuur.

    De code opent zich;

    B1C(, EA)

    (TB1.T != "")

    L1.T = "H, "+ TB1.T;

    L1.T = "J .";

    - Sla het document op (CTRL + S )- Test de pagina (CTRL + F5)

    Resultaat

    Na opstarten Na invoeren naam en klik Geen naam, alleen klik

  • 7/21/2019 Cursus .Net

    8/74

    cursus ASP.NET 4.0

    8 ROC de Leijgraaf

    De code in zijn geheel:

    B1C(, EA)

    (TB1.T != "")

    L1.T = "H, "+ TB1.T;

    L1.T = "J .";

    Toelichting:

    - Het eerste gedeelte bevat informatie voor de web-server en de programmacode dietussen de tags staat.- Het tweede deel bevat html-code. In deze code vallen twee dingen op:

    o Bij de meeste codes staat runat=servero Bij de formulier-elementen staat asp:TextBox; dit noemt men server controls

    In beide gevallen betekent dit dat de webserver er iets mee moet doen.

  • 7/21/2019 Cursus .Net

    9/74

    cursus ASP.NET 4.0

    opleiding Applicatieontwikkelaar 9

    In onderstaande afbeelding zie je de zelfde opdracht in PHP.

    Zie je de overeenkomsten en verschillen met ASP?

    Zo, de kop is er af.

    Op naar hoofdstuk2.

  • 7/21/2019 Cursus .Net

    10/74

    cursus ASP.NET 4.0

    10 ROC de Leijgraaf

    Een server control of kortweg control, is een functioneel element dat je in een pagina zet alsof

    het HTML is. Het verschil is dat ASP bij het verwerken van de pagina de webserver

    inschakelt (runat=server) en daarna de pagina doorstuurt naar de browser. Aan zon

    controle kan veel code vastzitten; dit is ingebouwde functionaliteit. Als programmeur maak je

    hiervan gebruik, maar je kent de code niet; je kunt autorijden, maar weet niet wat er onder demotorkap gebeurt.

    De meest gebruikte server controls

    In hoofdstuk 1 heb je al kennisgemaakt met drie veel gebruikte controls:

    - TextBox: invoerveld- Button: actie-knop- Label: uitvoerveld

    Links zie je de lijstmet standaard

    controls.

    Rechts zie je de

    eigenschappen die je

    kunt aanpassen van

    een Button.

    Belangrijk is om te

    weten wat de

    mogelijkheden zijn

    van een control;

    wanneer gebruik je

    welke control en

    welke eigenschappen

    kun je afregelen.

    Tijdens de opdrachten

    worden de controls

    besproken die je moet

    gebruiken.

  • 7/21/2019 Cursus .Net

    11/74

    cursus ASP.NET 4.0

    opleiding Applicatieontwi