Mijn eerste ASP.NET pagina
Mijn eerste ASP.NET pagina
ASP.NET pagina's maken is eenvoudig. De basis syntax lijkt veel op HTML, dus zelfs als je niet kan programmeren
kun je nog veel doen. Een pagina in ASP.NET heeft de extensie .aspx, zodat ASP.NET pagina's
niet verward worden met ASP "Classic" pagina's. Een pagina heeft veel weg van een formulier of een dialoogvenster in
een Windows-applicatie. De pagina gedraagt zich als een object met controls, zoals knoppen en tekstvakken, welke
gebeurtenissen kunnen afvuren. Deze gebeurtenissen kunnen op de server afgehandeld worden, zodat de gebruiker een
respons krijgt. Dit heeft veel weg van ASP "Classic", maar het programmeermodel ligt dichterbij dat van Visual Basic, Delphi,
en andere talen die werken op basis van objecten en een visuele aanpak.
Je kunt controls, zoals knoppen, tekstvakken, keuzelijsten, en meer, op een pagina plaatsen. Je kunt ook zelf
controls maken en gebruiken. Controls genereren pure HTML en geven dus geen problemen met oudere browsers
of browsers die geen Java of ActiveX ondersteunen.
De basis van een pagina is de <form> tag bekend van HTML.
Daaraan moet je het attribuut (met waarde) runat="server" toevoegen, als volgt:
<form runat="server">
</form>
Zoals je kunt zien lijkt deze code heel veel op HTML. Er zijn geen extra attributen voor de
<form> tag, want ASP.NET genereert deze zelf. Je kunt zien dat het resultaat pure
HTML is door de bron weer te geven van de pagina in de browser. De volgende code laat zien hoe gemakkelijk het is om
een volledige werkende pagina te maken.
01calendar.aspx
<HTML>
<BODY>
<form runat="server">
<asp:calendar id="myCalendar" runat="server" />
</form>
</BODY>
</HTML>
Het resultaat van de bovenstaande code is een fraai ogende kalender waarop je kunt klikken om een datum te selecteren.
Deze kan later met code worden uitgelezen. Je kunt de kalender ook nog verder opmaken met code die ook
weer op HTML lijkt, zoals hieronder:
02calendar.aspx
<HTML>
<BODY>
<form runat="server">
<asp:Calendar id="Calendar1" runat="server" BackColor="White" BorderColor="#999999" Width="350px" Height="350px" Font-Size="12pt" Font-Names="Verdana" DayNameFormat="FirstLetter" CellPadding="4">
<TodayDayStyle ForeColor="Black" BackColor="#CCCCCC" />
<SelectorStyle BackColor="#CCCCCC" />
<DayHeaderStyle Font-Bold="True" BackColor="#CCCCCC" />
<SelectedDayStyle Font-Bold="True" ForeColor="White" BackColor="#666666" />
<TitleStyle Font-Bold="True" BorderColor="Black" BackColor="#999999" />
<WeekendDayStyle BackColor="#AAAAFF" />
<OtherMonthDayStyle ForeColor="#808080" />
</asp:Calendar>
</form>
</BODY>
</HTML>
|
