51052429-login-asp-net

5/12/2018 51052429-Login-Asp-net - slidepdf.com

http://slidepdf.com/reader/full/51052429-login-asp-net 1/7

Login Asp.Net

Login Asp.Net | Simples

Neste primeiro tópico iremos aprender a criar login em asp.net para suaaplicação de modo simples. Nos outros tópicos você poderá personalizarseu login asp.net.

Com asp.net utilizando o Visual Studio é bem simples criação de login.Pois o próprio asp.net tem componentes que facilitam e nos ajudamnisso.

Vamos criar 2 páginas, "default.aspx" e "login.aspx". A página"default.aspx" será a página inicial da sua administração e a página"login.aspx" será responsável pelo login.

Para iniciar localize o componente "Login" dentro do ToolBox conforme aimagem abaixo:

E arraste para sua página "login.aspx", conforme imagem abaixo:

Em seguida clique duas vezes sobre o componente login da imagemacima.Ao fazer isso a tela de código C# irá abrir com o seguinte código,conforme abaixo:



Código C#

1 2 protected void Login1_Authenticate(object sender,3 AuthenticateEventArgs e)4 {5 //Funções para tratar o login.6 }7

Agora iremos configurar o login, para isso digite o seguinte código C#dentro do componente de login:

Código C#

1

2 protected void Login1_Authenticate(object sender, AuthenticateEventArgs e)

3 {

4 if ((Login1.UserName == "admin") && (Login1.Password == "123"))

5 {

6 e.Authenticated = true;

7 FormsAuthentication.RedirectFromLoginPage(Login1.UserName, false);

8 }

9 else

10 {

11 e.Authenticated = false;

12 }

13 }

14

Explicação das linhas: na linha 4 criamos um If que compara oUserName(nome de usuário) digitado no componente chamado Login1 com o texto "admin" e o Password(senha) digitado no componentechamado Login1 com o texto "123".

Obs. Aqui passamos dois valores fixos, "admin" e "123", no entanto,podemos fazer uma consulta no banco de dados para buscar essasinformações.

Se o nome de usuário for "admin" e a senha "123" então executamos aslinhas 6 e 7.

Linha 6: Fala para a aplicação que o usuário está logado no sistema.Linha 7: Fala para a aplicação que após logar o usuário ele deve serdirecionado para a página que tentou acessar. Vamos entender isso mais

a frente.

Senão, ou seja, se o usuário ou senha forem incorretos(linha 9) entãoexecuto a linha 11. Que diz para a aplicação que o usuário não estálogado.

Agora abra a página "default.aspx" nela digite: "Usuário logado comsucesso!".



O último passo é configurar nosso arquivo "Web.config" da aplicação.

Abra seu arquivo "Web.config", se não tiver um na sua aplicação crie. Edigite dentro da Tag "<system.web>" o seguinte código:

Código Web.config

1

2 <authentication mode="Forms">

3 <forms name="MyCookie" loginUrl="login.aspx" timeout="30"/>

4 </authentication>

5

6 <authorization>

7 <deny users="?"/>

8 </authorization>

9

Linha 2: Configuro a aplicação para autenticar por Formulário.

Linha 3: Configuro a aplicação para ter como página de login padrão apágina "login.aspx", ou seja, qualquer página que o usuário que nãoestá logado tentar acessar vai ser direcionado para a página"login.aspx". Quando o usuário entra na página "default.aspx" e não estálogado será direcionado para "login.aspx", quando efetuar o login, serádirecionado para a página que tentou acessar, ou seja, "default.aspx".

Linhas 6, 7 e 8: Diz a aplicação que somente usuários logados temacesso as páginas.

Testando: Para testar basta abrir a página "default.aspx", você serádirecionado para a página de login(login.aspx), após digitarusuario(admin) e senha(123) você será direcionado novamente para apágina "default.aspx", só que agora com permissão para acessar o

conteúdo da mesma.

Login Asp.Net | Personalizando visual e mensagens

O componente de login do asp.net também permite que personalizemosas mensagens de erro e textos bem como aparência.

Para personalizar a aparência da caixa de login, clique sobre a mesma,aparecerá uma seta na parte direita superior.

Clique na seta e escolha a opção "Auto Format ...". Conforme a imagemabaixo:



Abrirá uma caixa com alguns temas padrões, escolha o desejado.Conforme imagem abaixo:

Pronto! Seu componente de login estará com o novo tema escolhido,

conforme exemplo:

Agora vamos configurar os textos e mensagens de erro. Clique sobre acaixa de login do seu asp.net e observe a janela "Properties" do VisualStudio, conforme imagem abaixo:



Bem, a "Properties" do componente login tem diversas opções parapersonalizar. Abaixo segue algumas:

FailureText: Texto que será exibido quando nome de usuário ou senhaestiverem incorretos. Ex: Erro! Nome de Usuário ou senha incorretos!

LoginButtonText: Texto do botão de login. Ex: Entrar.

PasswordLabelText: Texto da senha. Ex: Senha.

PasswordR equiredErrorMessage: Erro a ser exibido quando o usuárionão digitar senha. Ex: Digite sua senha!

R ememberMeText: Texto da opção para salvar o usuário nocomputador. Ex: Guardar Dados!

TitleText: Título da caixa de login. Ex: Efetue seu login:.

UserNameLabelText: Texto do Usuário. Ex: Usuário.

UserNameR equiredErrorMessage: Erro a ser exibido quando ousuário não digitar nome de usuário. Ex: Digite seu nome de usuário!

Após efetuar as modificações conforme os exemplos, confira o resultado:



Login Asp.Net | Logout

O componente de login do asp.net já possui uma opção de logout. Ouseja, para desconectar o usuário logado da session criada. A opção é oLoginStatus, que se encontra na "Toolbox" junto com os componentesde login, conforme imagem abaixo:

Para utilizar está opção basta arrastar para sua página.

No entanto, há outras opções para se fazer logout. Já que está opção deLoginStatus não pode ser utilizada em todos os lugares, visto ser umcomponente do asp.net. Por exemplo, se você tem um menu criadoatravés de algum outro componente do asp.net e quer incluir logout nãopoderá utilizar o LoginStatus.

Por isso, segue uma opção de logout que pode ser utilizada em qualquer

situação.

Crie um link para a página "logout.aspx", conforme código abaixo:

Código Aspx

1 2 <a href="logout.aspx">Sair</a>3

Crie uma página chamada "logout.aspx" e coloque o seguinte código C#no "Page _Load", conforme exemplo:

Código C#

1

2 protected void Page _Load(object sender, EventArgs e)

3 {

4 FormsAuthentication.SignOut();

5 //Efetua o logout, desconectando o usuário.

6

7 Response.Redirect("default.aspx");

8 //Redireciona o usuário para a página "default.aspx".



9 }

10

Obs. A página "logout.aspx" não precisa conter nada, apenas o código

C# acima.

Pronto! Agora você já tem uma opção de logout na sua administração.

51052429-login-asp-net

Documents