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.

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

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

ASP.Net pystyy luomaan verkko-ohjaimia. Nämä ohjausobjektit sisältävät koodia, jota voidaan käyttää uudelleen. Sitä voidaan käyttää sovelluksessa vaatimusten mukaisesti.

Katsotaanpa esimerkkiä siitä, miten voimme luoda verkkokäyttäjän ohjausobjektin ASP.Netissä.

Esimerkissämme:

• Aiomme luoda verkkohallinnan.
• Sitä käytetään otsikkokomponentin luomiseen.
• Se sisältää alla mainitun tekstin: ”Guru99 opetusohjelmaa” ja ”Tämä opetusohjelma on tarkoitettu 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 Ratkaisuhallintaan ja napsauta DemoApplication-ratkaisua hiiren kakkospainikkeella.
2. Valitse valikkokohta Lisää -> Uusi kohde.

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

1. Projektin valintaikkunassa näemme erilaisia ​​vaihtoehtoja erityyppisten komponenttien luomiseen. Napsauta "Web" -vaihtoehtoa vasemmalla puolella.
2. Kun napsautamme ”Verkko”-vaihtoehtoa, näet vaihtoehdon ”Verkkolomakkeiden käyttäjähallinta”. Napsauta tätä vaihtoehtoa.
3. Sitten annamme verkko-ohjaukselle nimen, ”Guru99Ohjaus”.
4. Napsauta lopuksi Lisää-painiketta, jotta Visual Studio voi lisätä verkkokäyttäjän hallinnan ratkaisuumme.

Näet sitten kohdan ”Guru99Control” lisättiin ratkaisuun.

Vaihe 3) Nyt on aika lisätä mukautettu koodi verkkokäyttäjän hallintaan. Koodimme perustuu puhtaaseen HTML-syntaksiin. Lisää seuraava koodi kohtaan 'Guru99Control.ascx-tiedosto.

<table>
	<tr>
	  <td>Guru99 Tutorials</td>
	</tr>

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

Code Selitys:-

1. Verkkohallintatiedostossamme luomme ensin taulukkoelementin. Tätä käytetään kahden tekstirivin tallentamiseen, joissa näkyy "Guru99 opetusohjelmaa” ja ”Tämä opetusohjelma on tarkoitettu ASP.Netille.”
2. Seuraavaksi määrittelemme taulukon ensimmäisen rivin ja kirjoitamme tekstin muotoon "Guru99 opetusohjelmaa.
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 tarkistaa, toimiiko tämä, on sisällyttää se sovellukseemme (aspx-tiedosto). Näemme tämän seuraavassa aiheessa.

Käyttäjäohjausobjektien rekisteröiminen ASP.NET-verkkolomakkeelle

Edellisessä osiossa näimme, kuinka voimme luoda mukautetun verkko-ohjausobjektin. Tätä voidaan käyttää seuraavien kahden rivin näyttämiseen verkkolomakkeessa:

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

Kun mukautettu 'ohjausobjekti' on luotu, meidän on käytettävä sitä web-sovelluksessamme. Ensimmäinen vaihe on komponentin rekisteröiminen sovellukseemme (Demo.aspx). Tämä on edellytys minkä tahansa mukautetun web-ohjausobjektin käyttämiselle ASP.Net-sovelluksessa.

Katsotaanpa, miten voimme saavuttaa tämän. Alla olevat vaiheet ovat jatkoa edelliselle osiolle, jossa loimme mukautetun ohjausobjektin. Tässä osiossa käytämme ohjausobjektia Demo.aspx verkkolomake. Ensin rekisteröimme mukautetun 'ohjausobjektin' Demo.aspx-tiedostoon.

Vaihe 1) Varmista, että työskentelet demo.aspx-tiedoston parissa. Verkkokäyttäjän ohjausobjekti rekisteröidään tähän tiedostoon. Voit tehdä tämän kaksoisnapsauttamalla demo.aspx-tiedostoa .Net-ratkaisusi Solution Explorerissa.

Kun kaksoisnapsautat lomaketta, näet todennäköisesti alla olevan koodin lomakkeessa. Tämä on Visual Studion lisäämä oletuskoodi, kun verkkolomake lisätään ASP.Net-projektiin. Oletuskoodi koostuu vaiheista, jotka on suoritettava sen varmistamiseksi, että lomake toimii ASP.Net-verkkolomakkeena selaimessa.

Vaihe 2) Lisätään nyt koodi käyttäjäkontrollin rekisteröimiseksi. Alla oleva kuvakaappaus näyttää yllä olevaan peruskoodiin lisätyn käyttäjäkontrollin rekisteröinnin.

<%@ 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.org/1999/xhtml">
<head runat="server">
	<title></title>
</head>
<body>
	<form id="form1" runat="server">
		<TWebControl:WebControl ID="Header" runat="server" />
	</form>
</body>
</html>

Code Selitys:-

1. Ensimmäinen vaihe on verkkokäyttäjän hallinnan rekisteröiminen. Tämä sisältää seuraavat perusparametrit:
   1. 'Rekisteröi'-avainsanaa käytetään rekisteröimään web-käyttäjähallinta.
   2. Src-parametria käytetään ohjausobjektin nimen määrittämiseen, joka meidän tapauksessamme on Guru99Ohjaus.ascx.
   3. TagName ja TagPrefix ovat kontrollille annettuja yksilöllisiä nimiä. Tämä tehdään, jotta niihin voidaan viitata HTML-sivuilla normaalina HTML-kontrollina.
2. Seuraavaksi viittaamme verkkokäyttäjän hallintaan aiemmin määritetyn TagPrefix:TagName-tagin kautta. TagPrefix:TagName osoittaa, että haluamme käyttää mukautettua verkkohallintaamme. Kun verkkopalvelin käsittelee sivun, näet, että olemme käyttäneet TWebControl:WebControl-tagia. Sen jälkeen se käsittelee 'Guru99Control' vastaavasti.
   1. ”Header”-komponentille annetaan valinnainen tunniste. HTML-komponentille on yleensä hyvä käytäntö antaa tunniste.
   2. Lopuksi runat="server"-attribuutti varmistaa, että ohjausobjekti toimii web-palvelimella. Tämä on oletusattribuutti kaikille ASP.Net-ohjausobjekteille. Kaikkien ASP.Net-ohjausobjektien (mukaan lukien mukautetut ohjausobjektit) on toimittava palvelimella. Niiden tuloste 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-ohjausobjektien rekisteröiminen globaalisti web.config-määritystiedostoon

Joskus käyttäjäohjauksia halutaan käyttää useilla sivuilla .Net-sovelluksessa. Tässä vaiheessa ei haluta rekisteröidä käyttäjäohjauksia jokaiselle ASP.Net-sivulle.

• .Netissä voit suorittaa rekisteröinnin web.config-tiedostoon.
• Web.config-tiedosto on yleinen asetustiedosto, jota kaikki .Net-projektin verkkosivut käyttävät.
• 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, miten voimme rekisteröidä omamme Guru99Control web.config-tiedostossa.

Vaihe 1) Avaa web.config-tiedosto ratkaisujen hallinnasta 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 käsittää seuraavat osavaiheet:

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äkontrollin lisätagilla. Loput tagPrefix-, tagName- ja src-parametrit pysyvät samoina kuin aiemmin.

Vaihe 3) Muista siirtyä 'demo.aspx'-sivulle ja poistaa rivit siitä ohjausobjektista, jolla oli rekisteröinti Guru99-komponentti. Jos et suorita tätä vaihetta, niin 'Guru99Control.ascx-tiedosto suoritetaan 'demo.aspx'-tiedostosta 'web.config'-tiedoston sijaan.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Demo.aspx.cs" Inherits="DemoApplication.Demo" %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head runat="server">
	  <title></title>
	</head>
<body>
	<form id="form1" runat="server">
	  <TWebControl:WebControl ID="Header" runat="server" />
	</form>
</body>
</html>

Kun yllä oleva koodi on asetettu ja projekti on suoritettu 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-tagi. Kuvakaappaus tagin ulkoasusta näkyy alla.

<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 rakennetaan sen pohjaltaGuru99Control', joka on luotu aiemmissa osioissa. Esimerkissämme lisäämme yksinkertaisen kokonaislukuominaisuuden nimeltä MinValue. Tämä arvo edustaisi käyttäjän ohjausobjektissa 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äämiseksi.

<%@ 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</td>
	</tr>
</table>

Code Selitys:-

Skriptin runat="server"-attribuuttia käytetään ilmaisemaan, että lisäämme .Net-kohtaista koodia ja että se on suoritettava web-palvelimella. Tämä on välttämätöntä käyttäjäohjausobjektiin lisättyjen ominaisuuksien käsittelyyn. Sitten lisätään MinValue-ominaisuus ja annetaan sille oletusarvoksi 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.org/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ä mitään tulosta. Tämä johtuu siitä, että tuloste on alle 100 merkin rajan.

UKK