ASP.NET-verkkolomakkeiden opetusohjelma: Esimerkkejä käyttäjän ohjauksista

ASP.Netissä on mahdollista luoda uudelleen käytettävää koodia. Uudelleen käytettävää koodia voidaan käyttää monissa paikoissa ilman, että koodia tarvitsee kirjoittaa uudelleen.

Uudelleen käytettävä koodi auttaa vähentämään aikaa, jonka kehittäjä käyttää koodin kirjoittamisen jälkeen. Se voidaan tehdä kerran ja käyttää uudelleen useissa paikoissa.

Luo käyttäjähallinta ASP.Netissä

ASP.Netillä on mahdollisuus luoda Web-ohjausobjekteja. Nämä säätimet sisältävät koodia, jota voidaan käyttää uudelleen. Sitä voidaan käyttää kaikissa sovelluksissa tarpeen mukaan.

Katsotaanpa esimerkkiä siitä, kuinka voimme luoda verkkokäyttäjän hallinnan ASP.Netissä

Esimerkissämme

• Aiomme luoda verkkohallinnan.
• Sitä käytetään otsikkokomponentin luomiseen.
• Se sisältää alla mainitun tekstin.” Guru99 Tutorials”Tämä opetusohjelma on ASP.Netille”

Työskentelemme nykyisen verkkosovelluksemme kanssa, joka on luotu aikaisemmissa osioissa. Noudatetaan alla olevia ohjeita luodaksesi Web-käyttäjän hallinnan.

Vaihe 1) Ensimmäinen askel on luoda verkkokäyttäjän ohjausobjekti ja lisätä se Visual Studio -ratkaisuun.

1. Siirry Visual Studion Solution Exploreriin ja napsauta hiiren kakkospainikkeella DemoApplication Solutionia
2. Valitse valikosta Lisää->Uusi kohde

Vaihe 2) Seuraavassa vaiheessa meidän on valittava verkkokäyttäjän hallinnan luontivaihtoehto

1. Projektin valintaikkunassa näemme erilaisia ​​vaihtoehtoja erityyppisten komponenttien luomiseen. Napsauta "Web" -vaihtoehtoa vasemmalla puolella.
2. Kun napsautamme "Web" -vaihtoehtoa, näet "Web Forms -käyttäjän hallinta" -vaihtoehdon. Napsauta tätä vaihtoehtoa.
3. Sen jälkeen annamme Web Controlille nimen "Guru99Control".
4. Napsauta lopuksi Lisää-painiketta, jotta Visual Studio voi lisätä verkkokäyttäjän hallinnan ratkaisuumme.

Näet "Guru99Control" lisättynä ratkaisuun.

Vaihe 4) Nyt on aika lisätä mukautettu koodi Web-käyttäjähallintaan. Koodimme perustuu puhtaaseen HTML-syntaksiin. Lisää seuraava koodi Guru99Control.ascx-tiedostoon

<table>
	<tr>
	  <td>Guru99 Tutorials</td>
	</tr>
	
	<tr>
	  <td> This Tutorial is for</td>
	</tr>
</table>

Koodin selitys: -

1. Verkkohallintatiedostossamme luomme ensin taulukkoelementin. Tätä käytetään pitämään 2 riviä tekstiä, joita käytetään näyttämään

• "Guru99 opetusohjelmat" ja
• "Tämä opetusohjelma on ASP.Netille."

2. Seuraavaksi määritämme ensimmäisen taulukon rivimme ja laitamme tekstiksi "Guru99 Tutorials".
3. Määrittelemme sitten toisen taulukon rivimme ja laitamme tekstiksi "Tämä opetusohjelma on ASP.Netille".

HUOMAUTUS: Nyt emme voi suorittaa tätä koodia ja näyttää tulostetta. Ainoa tapa nähdä, toimiiko tämä, on sisällyttää se sovellukseemme (aspx-tiedosto). Näemme tämän seuraavassa aiheessa.

Käyttäjäohjaimien rekisteröinti ASP.NET-verkkolomakkeille

Aiemmassa osiossa näimme kuinka voimme luoda mukautetun web-ohjaimen. Tätä voidaan käyttää seuraavien kahden rivin näyttämiseen verkkolomakkeessa

• "Guru99 opetusohjelmat"
• "Tämä opetusohjelma on ASP.Netille."

Kun mukautettu "hallinta" on luotu, meidän on käytettävä sitä verkkosovelluksessamme. Ensimmäinen vaihe on rekisteröidä komponentti sovellukseemme (Demo.aspx). Tämä on edellytys käytettäväksi missä tahansa mukautetussa verkkoohjauksessa ASP.Net-sovelluksessa.

Katsotaanpa, kuinka voimme saavuttaa tämän. Alla olevat vaiheet ovat jatkoa edelliseen osaan. Edellisessä osiossa olemme luoneet mukautetun ohjausobjektin. Tässä osiossa käytämme ohjainta Demo.aspx verkkolomake.

Ensin rekisteröimme mukautetun "hallintamme" Demo.aspx-tiedostoon.

Vaihe 1) Varmista, että työskentelet demo.aspx-tiedoston parissa. Tähän tiedostoon rekisteröidään verkkokäyttäjän hallinta. Tämä voidaan tehdä kaksoisnapsauttamalla demo.aspx-tiedostoa .Net-ratkaisusi Solution Explorerissa.

Kun kaksoisnapsautat lomaketta, näet todennäköisesti alla olevan koodin lomakkeessa. Tämä on oletuskoodi, jonka Visual Studio lisää, kun verkkolomake lisätään ASP.Net-projektiin.

Oletuskoodi koostuu vaiheista, joilla varmistetaan, että lomake voi toimia ASP.Net-verkkolomakkeena selaimessa.

Vaihe 2) Lisätään nyt koodimme käyttäjäohjauksen rekisteröimiseksi. Alla oleva kuvakaappaus näyttää käyttäjän ohjauksen rekisteröinnin yllä olevaan peruskoodiin.

<%@ 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>

Koodin selitys: -

1. Ensimmäinen askel on rekisteröidä web-käyttäjähallinta. Tämä sisältää alla olevat perusparametrit
   1. 'Rekisteröi'-avainsanaa käytetään rekisteröimään web-käyttäjähallinta.
   2. Parametrilla src määritellään ohjausobjektin nimi, joka tässä tapauksessa on Guru99Control.ascx.
   3. Tagname ja Tagprefix ovat yksittäisiä nimiä, jotka annetaan ohjausobjektille. Tämä tehdään, jotta he voivat viitata HTML-sivuihin normaalina HTML-ohjausobjektina.
2. Seuraavaksi viittaamme Web-käyttäjähallintaamme aiemmin määritetyn TagPrefix:TagName-tunnisteen kautta. TagPrefix:TagName on osoitus siitä, että haluamme käyttää mukautettua verkkohallintaamme. Kun verkkopalvelin käsittelee sivua, voit nähdä, että olemme käyttäneet TWebControl:WebControl -tunnistetta. Se käsittelee sitten "Guru99Control" vastaavasti. Esimerkissämme se on TWebControl:WebControl.
   1. "Otsikko" -ohjaukselle annetaan valinnainen tunnus. Yleensä on hyvä käytäntö antaa tunnus HTML-komponentille.
   2. Lopuksi attribuutti runat=server, jotta ohjaus toimii web-palvelimella. Tämä on oletusmäärite kaikille ASP.Net-ohjaimille. Kaikki ASP.Net-ohjaimet (mukaan lukien mukautetut ohjaimet) on suoritettava palvelimella. Niiden tulos lähetetään sitten palvelimelta asiakkaalle ja näytetään selaimessa vastaavasti.

Kun yllä oleva koodi on asetettu ja projekti suoritetaan käyttämällä Visual Studio. Saat alla olevan tulosteen.

Lähtö: -

Selaimessa näkyvä tulossanoma osoittaa, että verkkokäyttäjän hallinta on suoritettu onnistuneesti.

Asp.net-ohjaimien rekisteröinti maailmanlaajuisesti verkkoasetustiedostoon asp

Joskus saattaa haluta käyttää käyttäjän ohjaimia useilla sivuilla .Net-sovelluksessa. Tässä vaiheessa et halua rekisteröidä käyttäjäohjaimia jokaiselle ASP.Net-sivulle.

• .Netissä voit suorittaa rekisteröinnin web.config-tiedostoon.
• Web.config-tiedosto on yleinen määritystiedosto, jota käyttävät kaikki .Net-projektin verkkosivut.
• Se sisältää ASP.Net-verkkoprojektin tarvittavat määritystiedot. Esimerkiksi yksi yleinen web.config-tiedoston määritys on kohdekehysparametri.
• Tätä parametria käytetään tunnistamaan sovelluksen käyttämä .Net-kehysversio.

Alla on tilannekuva web.config-tiedoston oletuskoodista. Korostettu osa on kohdekehysosa.

Katsotaanpa, kuinka voimme rekisteröidä Guru99Controlin web.config-tiedostoon.

Vaihe 1) Avaa web.config-tiedosto Solution Explorerissa kaksoisnapsauttamalla tiedostoa.

Kun avaat web.config-tiedoston, saatat nähdä alla olevan kokoonpanon. Visual Studio lisää web.config-tiedoston automaattisesti, kun projekti luodaan. Tämä on peruskokoonpano, joka tarvitaan ASP.Net-projektin toimimiseen oikein.

Vaihe 2) Nyt rekisteröidään komponenttimme web.config-tiedostoon. Meidän on lisättävä alla olevat rivit sitä varten.

<configuration>
	<system.web>
	 <compilation debug="true" targetFramework="4.5" />
	<pages>
		<controls>
		 <add tagPrefix="TWebControl" src ="~/Guru99Control.ascx" tagName="WebControl"/>
		</controls>
	</pages>
	</system.web>
</configuration>

Rekisteröinti koostuu alla olevista alavaiheista

1. Lisää tunniste nimeltä . Se tarkoittaa, että kaikki säätimien konfiguraatiot koskevat kaikkia ratkaisun ASP.Net-sivuja.
2. The -tunniste tarkoittaa, että olet lisäämässä käyttäjän ohjauksen määritystä.
3. Sitten rekisteröimme käyttäjän ohjauksen lisätunnisteella. Muut parametrit tagPrefix, tagName ja src pysyvät samoina kuin ennen.

Vaihe 3) Muista mennä 'demo.aspx' -sivulle ja poistaa ohjausrivit, joissa oli Guru99-komponentin rekisteröinti. Jos et suorita tätä vaihetta, "Guru99Control.ascx" -tiedosto suoritetaan demo.aspx-tiedostosta "web.config"-tiedoston sijaan.

<%@ 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>

Yllä oleva koodi asetetaan ja projekti suoritetaan Visual Studiolla. Saat alla olevan tulosteen.

Lähtö: -

Tulostusviesti osoittaa, että verkkokäyttäjän hallinta on suoritettu onnistuneesti.

Julkisten ominaisuuksien lisääminen verkkohallintaan

Ominaisuus on avain-arvo-pari, joka liittyy mihin tahansa ohjausobjektiin. Otetaan esimerkki yksinkertaisesta HTML-tunniste. Alla on kuvakaappaus siitä, miltä tagi näyttää.

<html>
<body>
	<div style="color:#0000FF">
		  
		Demo Form
			
	</div>	
		
<body>
</html>

Div-tunnistetta käytetään osion luomiseen HTML-dokumenttiin. Div-tunnisteella on ominaisuus nimeltä style property. Tätä voidaan käyttää antamaan eri tyyli div-tunnisteessa näkyvälle tekstille. Normaalisti näet div-tunnisteen koodin alla olevan kuvan mukaisesti.

<div style="color:#0000FF">

Joten color-attribuutti ei ole muuta kuin avain-arvo-pari, joka antaa enemmän tietoa itse tunnisteesta. Yllä olevassa tapauksessa avaimen nimi on "tyyli" ja avaimen arvo on "color:#0000FF".

Vastaavasti voit luoda käyttäjäohjaimia varten omia ominaisuuksia, jotka kuvaavat ohjausobjektia.

Otetaan yksinkertainen esimerkki ja kehitetään aiemmissa osioissa luotua "Guru99Control" -ohjelmaa.

Esimerkissämme aiomme lisätä yksinkertaisen kokonaislukuominaisuuden nimeltä MinValue. Tämä arvo edustaisi käyttäjän ohjauksessa näytettävän tekstin merkkien vähimmäismäärää.

Suoritetaan alla mainitut vaiheet saadaksesi tämän paikalleen.

Vaihe 1) Avaa Guru99Control.ascx-tiedosto. Lisää koodi MinValue-ominaisuuden lisäämistä varten.

<%@ 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>

Koodin selitys: -

Komentosarjan runat=server-attribuuttia käytetään osoittamaan, että lisäämme some.Net-kohtaista koodia ja että se on suoritettava verkkopalvelimella.

Tätä tarvitaan kaikkien käyttäjän ohjaukseen lisättyjen ominaisuuksien käsittelyyn. Lisäämme sitten omaisuutemme MinValue ja annamme sille oletusarvon 0.

Vaihe 2) Viitataan nyt tähän ominaisuuteen demo.aspx-tiedostossamme. Teemme nyt vain viittaamalla MinValue-ominaisuuteen ja määrittämällä uuden arvon 100.

!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>

HUOMAUTUS: – Kun suoritat tämän koodin, se ei näytä tulostetta. Tämä johtuu siitä, että tuloste jää alle 100 merkin rajan.

Yhteenveto

• ASP.Netillä on kyky luoda käyttäjäohjaimia. Käyttäjäohjaimia käytetään koodiin, jota käytetään useita kertoja sovelluksessa. Käyttäjäohjausta voidaan sitten käyttää uudelleen koko sovelluksessa.
• Käyttäjäohjaus on rekisteröitävä ASP.Net-sivulle ennen kuin sitä voidaan käyttää.
• Jos haluat käyttää käyttäjähallintaa kaikilla sovelluksen sivuilla, rekisteröi se web.config-tiedostoon.
• Ominaisuuksia voidaan lisätä myös verkkokäyttäjän hallintaan.