ASP.NET-webformulieren-zelfstudie: voorbeelden van gebruikersbedieningen
In ASP.Net is het mogelijk om herbruikbare code te creëren. De herbruikbare code kan op veel plaatsen worden gebruikt zonder dat u de code opnieuw hoeft te schrijven.
De herbruikbare code helpt de hoeveelheid tijd die de ontwikkelaar besteedt na het schrijven van de code, te verminderen. Het kan één keer worden gedaan en op meerdere plaatsen worden hergebruikt.
Creëer gebruikersbeheer in ASP.Net
ASP.Net heeft de mogelijkheid om webcontroles te creëren. Deze besturingselementen bevatten code die opnieuw kan worden gebruikt. Het kan voor alle toepassingen worden gebruikt, afhankelijk van de vereisten.
Laten we eens kijken naar een voorbeeld van hoe we een webgebruikerscontrole kunnen maken in ASP.Net
In ons voorbeeld
- We gaan een webcontrole maken.
- Het zal worden gebruikt om een headercomponent te maken.
- Het zal de onderstaande tekst bevatten.”Guru99 Tutorials”Deze tutorial is voor ASP.Net”
Laten we werken met onze huidige webapplicatie die in de eerdere secties is gemaakt. Laten we de onderstaande stappen volgen om een webgebruikersbeheer te maken.
Stap 1) De eerste stap is het maken van een webgebruikersbesturingselement en het toevoegen ervan aan onze Visual Studio-oplossing.
- Ga naar de Solution Explorer in Visual Studio en klik met de rechtermuisknop op de DemoApplication Solution
- Kies het menu-item Toevoegen->Nieuw item
Stap 2) In de volgende stap moeten we de optie kiezen om een webgebruikerscontrole te maken
- In het projectdialoogvenster kunnen we verschillende opties zien voor het maken van verschillende typen componenten. Klik op de optie "Web" aan de linkerkant.
- Wanneer we op de optie ‘Web’ klikken, ziet u een optie voor ‘Gebruikersbeheer voor webformulieren’. Klik op deze optie.
- Vervolgens geven we een naam voor de webcontrole “Guru99Control”.
- Klik ten slotte op de knop 'Toevoegen' zodat Visual Studio het besturingselement voor webgebruikers aan onze oplossing kan toevoegen.
U zult zien dat de “Guru99Control” aan de oplossing is toegevoegd.
Stap 4) Nu is het tijd om de aangepaste code toe te voegen aan de Web user control. Onze code zal gebaseerd zijn op pure HTML syntax. Voeg de volgende code toe aan het 'Guru99Control.ascx' bestand
<table> <tr> <td>Guru99 Tutorials</td> </tr> <tr> <td> This Tutorial is for</td> </tr> </table>
Code-uitleg: -
- In ons webcontrolebestand maken we eerst een tabelelement. Dit zal worden gebruikt om 2 rijen tekst vast te houden die zullen worden weergegeven
- “Guru99-tutorials” en
- “Deze tutorial is voor ASP.Net.”
- Vervolgens definiëren we onze eerste tabelrij en plaatsen we de tekst als “Guru99 Tutorials.”
- Vervolgens definiëren we onze tweede tabelrij en plaatsen we de tekst als "Deze tutorial is voor ASP.Net."
NOTITIE: Nu kunnen we deze code niet uitvoeren en de uitvoer tonen. De enige manier om te zien of dit werkt, is door het op te nemen in onze applicatie (aspx-bestand). We zullen dit zien in het volgende onderwerp.
Gebruikerscontroles registreren op ASP.NET-webformulieren
In het eerdere gedeelte zagen we hoe we een aangepast webbesturingselement kunnen maken. Dit kan worden gebruikt om de volgende twee regels in een webformulier weer te geven
- “Guru99-tutorials”
- “Deze tutorial is voor ASP.Net.”
Zodra het aangepaste 'besturingselement' is gemaakt, moeten we het gebruiken in onze webapplicatie. De eerste stap is het registreren van de component in onze applicatie (Demo.aspx). Dit is de vereiste voor gebruik in elk aangepast webbesturingselement in een ASP.Net-toepassing.
Laten we eens kijken hoe we dit kunnen bereiken. De onderstaande stappen zijn een vervolg op het vorige gedeelte. In de vorige sectie hebben we ons aangepaste besturingselement gemaakt. In deze sectie gebruiken we het besturingselement in onze Demo.aspx webformulier.
Eerst zullen we ons aangepaste 'besturingselement' registreren in het bestand Demo.aspx.
Stap 1) Zorg ervoor dat u werkt aan het bestand demo.aspx. In dit bestand wordt de webgebruikerbesturing geregistreerd. Dit kunt u doen door te dubbelklikken op het bestand demo.aspx in de Solution Explorer van uw .Net-oplossing.
Zodra u dubbelklikt op het formulier, ziet u waarschijnlijk de onderstaande code in het formulier. Dit is de standaardcode die Visual Studio toevoegt wanneer een webformulier wordt toegevoegd aan een ASP.Net-project.
De standaardcode bestaat uit stappen, die nodig zijn om ervoor te zorgen dat het formulier als ASP.Net-webformulier in de browser kan draaien.
Stap 2) Laten we nu onze code toevoegen om het gebruikersbeheer te registreren. De onderstaande schermafbeelding toont de registratie van de gebruikersbesturing op de bovenstaande basiscode.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Demo.aspx.cs" Inherits="DemoApplication.Demo" %> <%@ Register Src="~/Guru99Control.ascx" TagName="WebControl" TagPrefix="TWebControl"%> <!DOCTYPE html> <html xmlns="http://www.w3.ore/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="forml" runat="server”> <TWebControl:WebControl ID="Header" runat="server" /> </form> </body> </html>
Code-uitleg: -
- De eerste stap is het registreren van het webgebruikersbeheer. Dit bestaat uit de onderstaande basisparameters
- Het trefwoord 'Registreren' wordt gebruikt om de webgebruikersbediening te registreren.
- De src-parameter wordt gebruikt om de naam van het besturingselement te definiëren, wat in ons geval Guru99Control.ascx is.
- De tagnaam en Tagprefix zijn individuele namen die aan het besturingselement worden gegeven. Dit wordt gedaan zodat ze in HTML-pagina's kunnen verwijzen als een normaal HTML-besturingselement.
- Vervolgens verwijzen we naar ons webgebruikersbeheer via de TagPrefix:TagName die eerder is toegewezen. De TagPrefix:TagName is een indicator dat we ons aangepaste webcontrole willen gebruiken. Wanneer de pagina door de webserver wordt verwerkt, kunt u zien dat we de TWebControl:WebControl-tag hebben gebruikt. Vervolgens wordt de 'Guru99Control' dienovereenkomstig verwerkt. In ons voorbeeld is dit TWebControl:WebControl.
- Er wordt een optionele ID gegeven aan de besturing van “Header”. Het is over het algemeen een goede gewoonte om een ID aan een HTML-besturingselement te geven.
- Ten slotte het runat=server-attribuut, zodat de control op de webserver wordt uitgevoerd. Voor alle ASP.Net-controls is dit het standaardattribuut. Alle ASP.Net-controls (inclusief aangepaste controls) moeten op de server worden uitgevoerd. Hun uitvoer wordt vervolgens van de server naar de client verzonden en dienovereenkomstig in de browser weergegeven.
Wanneer de bovenstaande code is ingesteld en het project wordt uitgevoerd met behulp van Visual Studio. U krijgt de onderstaande uitvoer.
Uitgang: -
Het uitvoerbericht dat in de browser wordt weergegeven, geeft aan dat de webgebruikersbesturing succesvol is uitgevoerd.
Asp.net-besturingselementen globaal registreren in het webconfiguratieconfiguratiebestand asp
Soms wil je misschien gebruikersbedieningen gebruiken op meerdere pagina's in een .Net-applicatie. Op dit moment wilt u niet doorgaan met het registreren van gebruikerscontroles op elke ASP.Net-pagina.
- In .Net kunt u de registratie uitvoeren in het bestand 'web.config'.
- Het web.config-bestand is een algemeen configuratiebestand dat door alle webpagina's in het .Net-project wordt gebruikt.
- Het bevat de benodigde configuratiedetails voor het ASP.Net-webproject. Een veelvoorkomende configuratie in het bestand web.config is bijvoorbeeld de doelraamwerkparameter.
- Deze parameter wordt gebruikt om de .Net-frameworkversie te identificeren die door de toepassing wordt gebruikt.
Hieronder ziet u een momentopname van de standaardcode in het web.config-bestand. Het gemarkeerde gedeelte is het doelframeworkgedeelte.
Laten we eens kijken hoe we onze Guru99Control kunnen registreren in het web.config-bestand.
Stap 1) Open het bestand web.config vanuit de Solution Explorer door erop te dubbelklikken.
Wanneer u het web.config-bestand opent, ziet u mogelijk de onderstaande configuratie. De 'web.config' wordt automatisch toegevoegd door Visual Studio wanneer het project wordt gemaakt. Dit is de basisconfiguratie die nodig is om het ASP.Net-project goed te laten werken.
Stap 2) Laten we nu onze component registreren in het web.config-bestand. Daarvoor moeten we de onderstaande regels toevoegen.
<configuration> <system.web> <compilation debug="true" targetFramework="4.5" /> <pages> <controls> <add tagPrefix="TWebControl" src ="~/Guru99Control.ascx" tagName="WebControl"/> </controls> </pages> </system.web> </configuration>
De registratie bestaat uit de onderstaande substappen
- Voeg een tag toe met de naam . Het betekent dat alle configuratie voor de bedieningselementen van toepassing is op alle ASP.Net-pagina's in de oplossing.
- De tag betekent dat u een configuratie voor het gebruikersbeheer toevoegt.
- Vervolgens registreren we de gebruikerscontrole met de extra tag. De overige parameters van tagPrefix, tagName en src blijven hetzelfde als voorheen.
Stap 3) Vergeet niet om naar de 'demo.aspx'-pagina te gaan en de regels voor controle te verwijderen, die de registratie van de Guru99-component hadden. Als u deze stap niet uitvoert, wordt het 'Guru99Control.ascx'-bestand uitgevoerd vanuit het 'demo.aspx'-bestand in plaats van het 'web.config'-bestand.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Demo.aspx.cs" Inherits="DemoApplication.Demo" %> <%@ Register Src="~/Guru99Control.ascx" TagName="WebControl" TagPrefix="TWebControl"%> <!DOCTYPE html> <html xmlns="http://www.w3.ore/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server”> <TWebControl:WebControl ID="Header" runat="server" /> </form> </body> </html>
De bovenstaande code is ingesteld en het project wordt uitgevoerd met Visual Studio. U krijgt de onderstaande output.
Uitgang: -
Het uitvoerbericht geeft aan dat de webgebruikerscontrole succesvol is uitgevoerd.
Openbare eigenschappen toevoegen aan een webbesturingselement
Een eigenschap is een sleutel-waardepaar dat aan elk besturingselement is gekoppeld. Laten we een voorbeeld nemen van het simpele HTML-tag. Hieronder ziet u een screenshot van hoe de tag eruit ziet.
<html> <body> <div style="color:#0000FF"> Demo Form </div> <body> </html>
De 'div'-tag wordt gebruikt om een sectie in een HTML-document te maken. De 'div'-tag heeft een eigenschap die een stijleigenschap wordt genoemd. Dit kan worden gebruikt om een andere stijl te geven aan de tekst die wordt weergegeven in de div-tag. Normaal gesproken ziet u de code voor de div-tag zoals hieronder weergegeven.
<div style="color:#0000FF">
Het kleurattribuut is dus niets anders dan een sleutel-waardepaar dat meer informatie geeft over de tag zelf. In het bovenstaande geval is de sleutelnaam 'style' en de sleutelwaarde 'color:#0000FF'.
Op dezelfde manier kunt u voor gebruikersbesturingselementen uw eigen eigenschappen maken die het besturingselement beschrijven.
Laten we een eenvoudig voorbeeld nemen en voortbouwen op onze 'Guru99Control' die in de eerdere secties is gemaakt.
In ons voorbeeld gaan we een eenvoudige integer-eigenschap toevoegen, genaamd MinValue. Deze waarde zou het minimale aantal tekens in de tekst weergeven die wordt weergegeven in het gebruikersbesturingselement.
Laten we de onderstaande stappen uitvoeren om dit op zijn plaats te krijgen.
Stap 1) Open het Guru99Control.ascx-bestand. Voeg de code toe voor het toevoegen van de eigenschap MinValue.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Demo.aspx.cs" Inherits="DemoApplication.Demo" %> <script runat="server"> public int MinValue = 0; </script> <table> <tr> <td>Guru99 Tutorials</td> </tr> <tr> <td> This Tutorial is for </tr> </table>
Code-uitleg: -
Het script runat=server attribuut wordt gebruikt om aan te geven dat we bepaalde.Net-specifieke code toevoegen en dat deze op de webserver moet worden uitgevoerd.
Dit is vereist voor het verwerken van eigendommen die aan het gebruikersbeheer zijn toegevoegd. Vervolgens voegen we onze eigenschap MinValue toe en geven deze de standaardwaarde 0.
Stap 2) Laten we nu naar deze eigenschap verwijzen in ons demo.aspx-bestand. Het enige dat we nu doen is verwijzen naar de eigenschap MinValue en een nieuwe waarde van 100 toekennen.
!DOCTYPE html> <html xmlns="http://www.w3.ore/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server”> <TWebControl:WebControl ID="Header" runat="server" MinValue="100"/> </form> </body> </html>
NOTITIE: – Wanneer u deze code uitvoert, wordt er geen uitvoer weergegeven. Dit komt omdat de uitvoer onder de limiet van 100 tekens valt.
Samenvatting
- ASP.Net heeft de mogelijkheid om gebruikerscontroles te creëren. Gebruikersbedieningen worden gebruikt om code te hebben die meerdere keren in een applicatie wordt gebruikt. Het gebruikersbeheer kan vervolgens in de hele applicatie worden hergebruikt.
- Het gebruikersbeheer moet worden geregistreerd op de ASP.Net-pagina voordat het kan worden gebruikt.
- Om gebruikerscontrole op alle pagina's in een applicatie te gebruiken, registreert u deze in het web.config-bestand.
- Eigenschappen kunnen ook worden toegevoegd aan een webgebruikersbeheer.