Begin met ASP.NET
1. Inleiding
2. .NET
3. Installeren
4. Eerste pagina in asp.NET
 top
1. Inleiding
Eerst en vooral wat is asp?
ASP is een taal ontwikkeld door Microsoft (Active Server Pages). Het lijkt een beetje op PHP qua idee alleen een meer VB gerichte syntax.
Dit was simpel uitgelegd, voor meer info: ASP tutorials
ASP draait normaal gezien op IIS (Internet Information Services) wat (meestal) alleen maar geïnstalleerd kan worden op Windows XP Proffesional (of Server 2003).
Nu heb ik het goede nieuws dat de 'home' gebruikers onder ons rustig kunnen meefeesten door gewoon een super handig klein tooltje te installeren.
Hierover later meer.
top
2. .NET
.NET is een platform ontwikkeld door Microsoft. Het zorgt ervoor dat je verschillende talen met elkaar kan combineren.
Ik ga niet de hele werking hiervan uitleggen maar eerder laten inzien waarom dit nuttig kan zijn.
Het is mogelijk om via het .NET platform C#/VB te programmeren binnen een webpagina.
Je kan door een HEEL simpel kort commando van syntaxis veranderen. Dus dit is handig voor de C gerichte programmeur of voor de mensen die al met VB hebben gewerkt.
Natuurlijk worden de mensen die nog nooit hebben geprogrammeerd niet in de koude gelaten daar VB een enorm simpele syntaxis heeft en deze dus heel makelijk onder de knie te krijgen is.
Ik ga in deze tutorial (en alle volgende) gebruik maken van de VB syntaxis. Hier en daar zal ik ook wel vermelden hoe het mogelijk is via de C# syntaxis.
Wat is er nu MEER aan asp.NET dan aan ASP?
Om te beginnen: de mogelijkheid om echt te 'programmeren' binnen een webpagina (zoals hierboven vermeld) maar zeker en vast OOK de webformulieren.
Voor asp.NET speciaal ontwikkelde formulieren die je volledig naar jou believen kan aanpassen en alles veel dynamischer maakt.
Een soort van javascript maar dan meer asp gericht.
Zo is het bijvoorbeeld mogelijk direct te reageren en niet te hoeven wachten op een klik op een knop.
Er zijn nog zoveel dingen meer (usercontrols (.ascx), servercontrols (.cs, .vb), geavanceerde webcontrols, besturingselementen voor data, enzovoort) die in het begin nog niet zo uitgebreid behandelt zullen worden.
Hier zal ik later misschien dieper op in gaan maar laten we eerst beginnen met het begin.
top
3. Installeren
Zoals ik daarnet vermelde is het mogelijk om asp.NET op windows XP Home te draaien.
Voor de 'proffesional' gebruikers kan je gewoon het .NET framework en IIS installeren (IIS installeren vind je hier).
Ikzelf heb een 'home' en 'proffesional' edition.
Bij beiden maak ik gebruik van het kleine tooltje waar ik het daarnet over had.
Ga gewoon naar deze pagina.
Download daar het .NET framework en 'asp.NET Web Matrix' (het tooltje waar ik het over had).
Installeer het tooltje en ga naar start->alle programma's->Microsoft ASP.NET Webmatrix->ASP.NET WebMatrix (openen).
Maak hier desnoods een snelkoppeling van op het bureaublad, altijd handig.
En nu kunnen we aan de slag.
top
4. Eerste pagina in asp.NET
Als je de webMatrix hebt geopend kan je kiezen wat voor bestand je wil aanmaken.
Kies voor extentie .aspx.
Geef het bestand een naam naar keuze, bv. test.aspx.
En sla het maar op waar je wil.
In de interface zie je onderaan vier opties: "Design" | "HTML" | "Code" | "All".
Ik neem altijd optie "All".
Hierin zie je al een stukje code staan:
<%@ Page Language="VB" %>
<script runat="server">
' Insert page code here
'
</script>
<html>
<head>
</head>
<body>
<form runat="server">
<!-- Insert content here -->
</form>
</body>
</html>
|
Die eerste regel betekend dat je de "VB" syntaxis gaat gebruiken.
Vervolgens krijg je het 'server side' gedeelte en dan begint de html.
De 'form runat="server"' is al een begin van het manipuleren van webformulieren.
Hierdoor wordt het formulier verwerkt door de code die tussen de script tags staat.
Een simpel voorbeeld om hier van gebruik te maken is:
<%@ Page Language="VB" %>
<script runat="server">
Sub verwerk(Sender As Object, E As EventArgs)
tekst.Text = invoerVeld.Text
invoerVeld.Text = ""
End Sub
</script>
<html>
<head>
</head>
<body>
<form runat="server">
<asp:textbox id="invoerVeld" runat="server" />
<asp:button text="verzend" runat="server" onClick="verwerk" />
<asp:label id="tekst" runat="server" />
</form>
</body>
</html>
|
Ik maak eerst de subroutine verwerk aan. Deze krijgt gegevens uit het formulier (door de argumenten als volgt in te vullen).
Vervolgens zet ik de text van het object 'tekst' gelijk aan die van 'invoerVeld' en daarna verwijder ik de text van 'invoerVeld' waardoor alleen 'tekst' een waarde heeft.
Daarna maak ik mijn formulier op:
Eerst een textbox (in html 'input type="text"') met het id (naam) 'invoerVeld' en ik laat hem via de server alles doorsturen('runat="server"').
Daarna een button met de text 'verzend' en als er op wordt geklikt roept hij de subroutine 'verwerk' aan (zonder haakjes).
Daarna een label met id (naam) "tekst". Deze zal later de waarde bevatten die wordt ingevuld bij 'invoerVeld'.
Je test dit voorbeeld uit door op f5 te drukken. Ikzelf neem poort 70 omdat hij anders in conflict komt met een andere webserver (apache,...).
Dit is een heel simpel voorbeeld maar het illustreert wel hoe de webformulieren werken.
Hierover komen later meer tutorials: verschillende soorten formulieren, formuliertypes, mogelijkheden etc...
Let op: Elke <asp:*> tag moet gesloten worden door oftewel: </asp:*> of op het einde van de tag zelf een slash te zetten.
Dus:
<asp:textbox id="foo" runat="server"></asp:textbox>
of
<asp:textbox id="foo" runat="server" />
|
Hopelijk heeft deze tutorial je aangezet tot het leren van asp.NET of tenminste interesse gewekt waardoor je bij volgende tutorials toch nog eens zal komen kijken.
top
|
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
(4.33) 
Lees de nota's (0)