Element Kontrole prijave
Kontrola prijave olakšava stvaranje stranice za prijavu za provjeru autentičnosti obrazaca u kombinaciji s API-jem za članstvo. Pruža spremno za korištenje korisničko sučelje, koji traži korisničko ime i lozinku i nudi korisniku gumb za prijavu. Iza kulisa, sažima funkcionalnost koja je opisana u prethodnom članku: provjera identiteta korisnika putem API-ja za članstvo i sažimanje osnovnih funkcija provjere autentičnosti obrazaca, kao što je preusmjeravanje na izvorno traženu stranicu u sigurnom području aplikacije nakon uspješnog prijaviti se.
To znači da Login enkapsulira stvari poput Membership.ValidateUser() ili FormsAuthentication.RedirectFromLoginPage(), tako da ne morate sami pisati taj kod. Slika ispod prikazuje kontrolu prijave na djelu:
Kad god korisnik klikne gumb Prijava, kontrola automatski provjerava korisničko ime i lozinku pomoću funkcije Membership.ValidateUser(), a zatim poziva FormsAuthenication.RedirectFromLoginPage() ako je provjera uspješna. Sve opcije kontrole prijave utječu na unos koji isporučuje tim metodama. Na primjer, ako označite potvrdni okvir Zapamti me sljedeći put, proslijedit će vrijednost true u parametru createPersistentCookie metode RedirectFromLoginPage(). Stoga FormsAuthenticationModule stvara trajni kolačić.
Iza scene, Login je ASP.NET kompozitna kontrola. Potpuno je proširiv - u smislu da vam omogućuje nadjačavanje svih stilova i svojstava izgleda, kao i presretanje emitiranih događaja kako biste nadjačali njegovo zadano ponašanje. Ako ostavite kontrolu kakva jest i ne presretnete događaje, ona će automatski koristiti pružatelja članstva konfiguriranog za aplikaciju.
Najjednostavniji oblik kontrole prijave na stranici izgleda ovako:
Postoji nekoliko dostupnih svojstava za promjenu izgleda kontrole Login. Može se koristiti različite postavke stilovi kao ispod:
Također možete koristiti CSS klase za prilagodbu izgleda prijave. Svako svojstvo stila koje podržava kontrola Login uključuje svojstvo CssClass. Kao i kod bilo koje druge ASP.NET kontrole, ovo svojstvo vam omogućuje da odredite naziv CSS klase koja je prethodno dodana na web mjesto. Pretpostavimo da je sljedeća CSS lista stilova dodana projektu, s nazivom datoteke MyStyles.css:
MyLoginTextBoxStyle ( kursor: pokazivač; boja pozadine: žuta; poravnanje teksta: centar; padding: 6px; obrub: isprekidana crna; obitelj fonta: Verdana; okomito poravnanje: sredina; ) .Prijava ( display:inline-block; ) .Naslov ( ispuna: 6px; )
Ova stilska datoteka može se uključiti u stranicu za prijavu kako biste mogli stilizirati element Prijava:
U sljedećoj tablici navedeni su stilovi koje podržava kontrola prijave. Svaki stil funkcionira na isti način. Svojstva fonta i boje mogu se postaviti izravno ili možete koristiti svojstvo CssClass za navođenje potrebnu klasu CSS:
| CheckBoxStyle | Definira svojstva stila za potvrdni okvir Zapamti me sljedeći put. |
| FailureStyle | Definira stil za tekst koji se prikazuje kada prijava ne uspije. |
| HyperLinkStyle | Kontrola prijave omogućuje vam definiranje nekoliko vrsta hiperveza, kao što je početna stranica za registraciju. Ovaj stil postavlja izgled takve hiperveze |
| InstructionTextStyle | Kontrola prijave omogućuje vam da odredite tekst pomoći koji se pojavljuje izravno unutar kontrole prijave. Ovaj stil određuje izgled ovog teksta |
| LabelStyle | Definira stil za oznake Korisničko ime i Lozinka. |
| LoginButtonStyle | Definira stil gumba za prijavu |
| TextBoxStyle | Definira stil tekstualnih polja Korisničko ime i Lozinka. |
| TitleTextStyle | Definira stil teksta zaglavlja za kontrolu prijave |
| ValidatorTextStyle | Definira stilove za kontrole koje se koriste za provjeru korisničkog imena i lozinke |
Korisničko sučelje elementa Prijava nije prilagođeno samo ovim stilovima; namijenjena su druga dodatna svojstva određene dijelove kontrolirati sadržaj, kao što je gumb za prijavu, koji također omogućuje prilagodbu GUI-ja.
Na primjer, možete odabrati tekst prikazan na gumbu za prijavu ili čak prikazati hipervezu umjesto ovog gumba (kako je postavljeno prema zadanim postavkama). Štoviše, možete dodati višestruke hiperveze u kontrolu prijave, kao što je veza na stranicu za pomoć ili stranicu za registraciju. Obje stranice moraju biti otvorene za anonimni pristup jer bi pomoć trebala biti ponuđena i anonimnim korisnicima (zapamtite da ako netko vidi kontrolu Login, tada je potencijalno anonimni korisnik). Za uključivanje dodatnih poveznica u Login, izmijenite prethodno prikazanu definiciju na sljedeći način:
...
Ovaj kod uzrokuje da se prikažu dvije dodatne veze - na stranicu za pomoć i na početnu stranicu za registraciju, a također dodaje tekst kratke upute pod naslovom elementa Prijava:
Ranije opisani stilovi također se primjenjuju na ova svojstva. Tablica u nastavku opisuje važna svojstva za konfiguriranje kontrole prijave:
| Tekst poruke | |
| TitleText | Tekst za prikaz u naslovu kontrole |
| Tekst upute | Ovo je svojstvo već korišteno u prethodnom isječku koda. Sadrži tekst koji se pojavljuje ispod naslova kontrole |
| FailureText | Tekst koji prikazuje kontrola prijave ako pokušaj prijave ne uspije |
| UserNameLabelText | Tekst prikazan kao oznaka prije polje za tekst Korisničko ime |
| PasswordLabelText | Tekst prikazan kao oznaka prije tekstualnog polja korisničke lozinke |
| Korisničko ime | Početna vrijednost, koji ispunjava tekstualno polje korisničkog imena |
| UsernameRequiredErrorMessage | Prikazuje se poruka o pogrešci ako korisnik ne unese ime |
| PasswordRequiredErrorMessage | Prikazuje se poruka o pogrešci ako korisnik nije unio lozinku |
| Gumb za prijavu | |
| LoginButtonText | Tekst prikazan na gumbu za prijavu |
| LoginButtonType | |
| LoginButtonImageUrl | Ako je gumb za prijavu predstavljen kao grafička slika, morate navesti URL na kojem se slika nalazi |
| Stranica za prijavu | |
| DestinationPageUrl | Ako je pokušaj prijave uspješan, kontrola prijave preusmjerava korisnika na ovu stranicu. Prema zadanim postavkama, ovo svojstvo je prazno. Na prazna vrijednost koristi okvir za provjeru autentičnosti obrazaca za preusmjeravanje ili na izvorno traženu stranicu ili defaultUrl konfiguriran u web.config za provjeru autentičnosti obrazaca |
| FailureAction | Definira radnju koju kontrola izvodi nakon neuspješan pokušaj ulaz. Dvije važeće opcije su Refresh i RedirectToLoginPage. Prva vrijednost rezultira samo ažuriranjem Trenutna stranica, a drugi na preusmjeravanje na konfiguriranu stranicu za prijavu. Druga je opcija korisna ako se kontrola prijave koristi negdje drugdje osim na stranici za prijavu |
| VisibleWhenLoggedIn | Ako je postavljeno na false, kontrola se automatski skriva ako je korisnik već prijavljen. Ako je postavljeno na true (zadano), element Prijava se prikazuje čak i ako je korisnik prijavljen |
| Postavljanje oznake "Zapamti me". | |
| DisplayRememberMe | Omogućuje vam da prikažete ili sakrijete potvrdni okvir Zapamti me sljedeći put. Prema zadanim postavkama ovo je svojstvo postavljeno na true |
| RememberMeSet | Određuje zadanu vrijednost potvrdnog okvira Zapamti me sljedeći put. Prema zadanim postavkama, ovo je svojstvo postavljeno na false, tj. potvrdni okvir nije označen |
| Stranica za registraciju | |
| CreateUserUrl | Definira hipervezu na stranicu web stranice koja vam omogućuje stvaranje (registraciju) korisnika. Dakle, ovo se obično koristi da se korisniku omogući pristup početnoj stranici za registraciju. Obično će se prikazati kontrola CreateUserWizard |
| CreateUserText | |
| CreateUserIconUrl | URL grafička slika, prikazan zajedno s tekstom hiperveze CreateUserUrl |
| Stranica za pomoć | |
| HelpPageUrl | URL za preusmjeravanje korisnika na stranicu pomoći |
| HelpPageText | |
| HelpPageIconUrl | URL ikone koja se pojavljuje uz tekst hiperveze HelpPageUrl |
| Stranica za oporavak lozinke | |
| PasswordRecoveryUrl | URL za preusmjeravanje korisnika na stranicu za oporavak lozinke. Ova stranica se koristi kada je korisnik zaboravio lozinku. Obično prikazuje kontrolu PasswordRecovery |
| PasswordRecoveryText | |
| PasswordRecoveryIconUrl | URL ikone koja se pojavljuje uz tekst hiperveze PasswordRecoveryUrl |
Kao što vidite, sva ova svojstva čine kontrolu prijave vrlo prilagodljivom. Ali kao što ste vjerojatno primijetili, nemoguće je definirati bilo koji izraz za provjeru valjanosti unosa. Naravno, moguće je implementirati provjeru valjanosti na strani poslužitelja unutar procedura događaja koje nudi kontrola prijave. Kada želite dodati neke elemente kompozitnoj kontroli Login, to ne možete učiniti putem gore navedenih svojstava. Na primjer, što ako trebate drugo tekstno polje za snažna autentifikacija s drugom lozinkom ili prilagođenim pristupnim ključem, kao što se radi na nekim vladinim stranicama?
Srećom, poput drugih kontrola kao što je GridView, element Login podržava predloške. Predlošci vam omogućuju da prilagodite sadržaj kontrole prijave bez ikakvih ograničenja. Možete mu dodati nove kontrole. Primjenjuje prilagođeni predložak na kontrolu prijave pomoću ručice LayoutTemplate:
Prijaviti se
| Korisničko ime: | |
| Lozinka: |
Priključak na sustav
|
korisnik.aspx
korisnik
Najbolji članci na temu |
