Beruflich Dokumente
Kultur Dokumente
Práctica
Para empezar crearemos un nuevo sitio web, en archivo ->nuevo sitio web, o
desde la pantalla de bienvenida.
Especificamos el tipo de sitio, el nombre del directorio del sitio web y su lenguaje
de servidor.
0
Forinsur S.L. Centro de Formación | Manual de Usuario
Lo siguiente será configurar el sitio ASP.NET. Para ello nos dirigimos en la barra
de herramientas a Sitio Web->Configuración de ASP.NET
También podemos acceder a las opciones de configuración desde el icono
siguiente.
1
Forinsur S.L. Centro de Formación | Manual de Usuario
Proveedor->
Seleccionar un solo proveedor para todos los datos de administración del
sitio
Seguidamente en Prueba
2
Forinsur S.L. Centro de Formación | Manual de Usuario
3
Forinsur S.L. Centro de Formación | Manual de Usuario
Elegimos la carpeta Miembros que es para la que queremos aplicarle esa regla
de acceso.
4
Forinsur S.L. Centro de Formación | Manual de Usuario
En la raíz del sitio con el botón derecho del ratón elegimos agregar nuevo
elemento.
Elegimos Página principal y pulsamos agregar.
5
Forinsur S.L. Centro de Formación | Manual de Usuario
6
Forinsur S.L. Centro de Formación | Manual de Usuario
7
Forinsur S.L. Centro de Formación | Manual de Usuario
PÁGINA INDICE
8
Forinsur S.L. Centro de Formación | Manual de Usuario
Creamos un nuevo documento aspx en la raíz del sitio llamado reg.aspx que
también esté asociado a la pagina maestra.
A partir de ahora todos los docu mentos que se vayan añadiendo se asociarán a
esa página maestra.
Si nos fijamos tanto en el código como en la vista diseño aparece un control ASP
llamado CreateUserWizard
9
Forinsur S.L. Centro de Formación | Manual de Usuario
10
Forinsur S.L. Centro de Formación | Manual de Usuario
Para poner el control ASP encima de una imagen tan solo en la celda donde lo
coloquemos ponemos como fondo la imagen y ya ajustamos, en el código del
archivo podéis mirar como esta la imagen de fondo.
Pero si lo que queréis es hacerlo de manera más visual, pulsá is con el botón
derecho del ratón en la celda(antes elimináis la imagen que había) y elegís
ESTILO, os aparecerá un cuadro donde podréis configurar el estilo de la celda.
11
Forinsur S.L. Centro de Formación | Manual de Usuario
No entraremos en este aspecto de crear estilo con esta herramienta, solo citarlo
para que lo tengáis en cue nta de que existe.
Para ello:
12
Forinsur S.L. Centro de Formación | Manual de Usuario
End Sub
End Class
En la función del control ASP añadimos una línea de código para indicar a que
función hay que aplicar ese control.
Roles.AddUserToRole(ctrlName.UserName, “roleName”)
13
Forinsur S.L. Centro de Formación | Manual de Usuario
Roles.AddUserToRole(CreateUserWizard1.UserName, "Miembros")
End Sub
End Class
Por tanto indicamos que todos los usuarios que se registren a través de l
controlador indicado pasarán a formar parte del grupo llamado Miembros.
En ContinueDestinationPageUrl le
asignamos una página de destino
después del registro, por ejemplo la
página índice index.aspx.
14
Forinsur S.L. Centro de Formación | Manual de Usuario
PÁGINA DE LOGIN
Esta página es donde se añadirá un control ASP para poder ingresar nuestro
nombre y contraseña de usuario regi strado para iniciar sesión.
Creamos una nueva pagina (web form) aspx en la raíz del sitio llamado
login.aspx que también esté asociado a la página maestra.
15
Forinsur S.L. Centro de Formación | Manual de Usuario
Como nos podemos fijar en este documento aparece otro control ASP nuevo.
LOGIN
Este control lo podemos arrastrar a nuestro documento, al arrastrarlo ya se
añade el código de este control.
Para cambiarle el aspecto se hace de la forma que ya hemos comentado antes.
Vista código
Vista diseño
16
Forinsur S.L. Centro de Formación | Manual de Usuario
En DestinationPageUrl le asignamos
una página de destino después de iniciar
sesión, por ejemplo la página índice
index.aspx.
Esta página es donde se añadirá un control ASP para que un usuario pueda
obtener una contraseña nueva en el caso de olvidarla.
Creamos una nueva pagina (web form) aspx en la raíz del sitio llamado
restorepass.aspx que también esté asociado a la página maestra.
17
Forinsur S.L. Centro de Formación | Manual de Usuario
Como nos podemos fijar en este documento aparece otro control ASP nuevo.
PasswordRecovery
Este control lo podemos arrastrar a nuestro documento, al arrastrarlo ya se
añade el código de este control.
Para cambiarle el aspecto se hace de la forma que ya hemos comentado antes.
Si disponéis de una cuenta configurada Outlook solo te néis que utilizar sus datos.
19
Forinsur S.L. Centro de Formación | Manual de Usuario
20
Forinsur S.L. Centro de Formación | Manual de Usuario
Podemos observar como figuran los datos del servidor de correo SMTP desde el
cual se enviarán las nuevas contraseñas que soliciten los usuarios.
21
Forinsur S.L. Centro de Formación | Manual de Usuario
Como nos podemos fijar en este documento aparece otro control ASP nuevo.
ChangePassword
Este control lo podemos arrastrar a nuestro docume nto, al arrastrarlo ya se
añade el código de este control.
Para cambiarle el aspecto se hace de la forma que ya hemos comentado antes.
22
Forinsur S.L. Centro de Formación | Manual de Usuario
En ContinueDestinationPageUrl le
asignamos una página de destino
después de iniciar sesión, por
ejemplo la página índice
../index.aspx
23
Forinsur S.L. Centro de Formación | Manual de Usuario
Para configurar nuestro sitio para que admita contraseñas de menor grado de
seguridad (por ejemplo de menos caracteres y que no sea necesario introducir
ningún signo especial tipo de admiración o interrogación).
<membership>
<providers>
<remove name="AspNetSqlMembershipProvider "/>
<add name="AspNetSqlMembershipProvider "
type="System.Web.Security.SqlMemb ershipProvider"
connectionStringName ="LocalSqlServer"
minRequiredPasswordLength ="5"
minRequiredNonalphanumericCharacters ="0"
passwordStrengthRegularExpression =""/>
</providers>
</membership>
24
Forinsur S.L. Centro de Formación | Manual de Usuario
Código Completo
<?xml version="1.0" encoding="utf-8"?>
<configuration>
<system.web>
<roleManager enabled="true" />
<authentication mode="Forms" />
<membership>
<providers>
<remove name="AspNetSqlMembershipProvider "/>
<add name="AspNetSqlMembershipProvider "
type="System.Web.Security.SqlMembershipProvider "
connectionStringName ="LocalSqlServer"
minRequiredPasswordLength ="5"
minRequiredNonalphanumericCharacters ="0"
passwordStrengthRegularExpression =""/>
</providers>
</membership>
</system.web>
<system.net>
<mailSettings>
<smtp from="localhost">
<network host="localhost" password="" userName="" />
</smtp>
</mailSettings>
</system.net>
</configuration>
PÁGINAS DE CONTENIDOS
-Página miembros
A esta página solo podrán acceder los usuarios registrados que hayan iniciado
sesión.
Por esta razón crearemos un nuevo documento dentro del directorio Miembros
llamado miembros.aspx y lo asociamos a la página maestra.
25
Forinsur S.L. Centro de Formación | Manual de Usuario
26
Forinsur S.L. Centro de Formación | Manual de Usuario
27
Forinsur S.L. Centro de Formación | Manual de Usuario
28
Forinsur S.L. Centro de Formación | Manual de Usuario
29
Forinsur S.L. Centro de Formación | Manual de Usuario
-Página catálogo
A esta página podrán acceder todos los visitantes ya sean registrados que hayan
iniciado sesión como no registrados o que no hayan iniciado sesión.
Por esta razón crearemos un nuevo documento dentro de la ra íz del sitio llamado
catalogo.aspx y lo asociamos a la página maestra.
30
Forinsur S.L. Centro de Formación | Manual de Usuario
-Página situación
A esta página podrán acceder todos los visitantes ya sean registrados que hayan
iniciado sesión como no registrados o que no hayan iniciado sesión.
Por esta razón crearemos un nuevo documento dentro de la raíz del sitio llamado
situacion.aspx y lo asociamos a la página maestra.
31
Forinsur S.L. Centro de Formación | Manual de Usuario
32
Forinsur S.L. Centro de Formación | Manual de Usuario
33
Forinsur S.L. Centro de Formación | Manual de Usuario
Si tenemos alguna imagen que su finalidad sea un enlace a una cuenta de correo
para enviar un email la s eleccionamos.
34
Forinsur S.L. Centro de Formación | Manual de Usuario
Una vez copiadas en el programa hay que cambiar la rutas hacia la pagina
maestra de la paginas copiadas para ello en la vista de código cambiamos
Lo siguiente
En la primera línea
<%@ Page Language="VB" MasterPageFile="MasterPage.master"
AutoEventWireup="false" CodeFile="miembros.aspx.vb"
Inherits="Miembros_miembros" title="www.GlobalMetal.com" %>
Cambiamos
MasterPageFile="MasterPage.master"
Por
MasterPageFile="../MasterPage.master"
35
Forinsur S.L. Centro de Formación | Manual de Usuario
Se podría hacer que las páginas login.aspx, reg.aspx y restore.aspx que están
dentro del directorio Miemb ros no llevasen el control ASP correspondiente ya que
no tiene mucho sentido que un usuario que ya haya iniciado sesión tenga acceso
a hacer una cuenta de usuario , iniciar sesión otra vez o recuperar una
contraseña.
Por eso esta páginas login.aspx, reg.aspx y restore.aspx que están dentro de
Miembros se les puede quitar los controles ASP y en su lugar poner alguna frase
tipo “usted ya ha iniciado sesión, cierre sesión para registrarse con otra cuenta”
por ejemplo.
Para que esto también haga efecto un usuario que vaya ha iniciar sesión se le
tiene que redireccionar a la pagina login.aspx del interior del directorio Miembros
y no a la página login.aspx de la raíz del sitio, lo mismo hay que hacer cuando un
usuario complete el registro.
36
Forinsur S.L. Centro de Formación | Manual de Usuario
Hacemos lo mismo con reg.aspx de la raíz en las propiedades del control ASP
CreateUserWizard1
Ahora falta la guinda del pastel que es ind icar en la página maestra los enlaces a
las páginas de contenidos e indicar al usuario mediante un control ASP si ya ha
iniciado sesión.
Elegimos las páginas de la raíz del sitio menos en la imagen miembros que
elegimos la pagina miembros.aspx que está dentro del directorio Miembros.
37
Forinsur S.L. Centro de Formación | Manual de Usuario
runat="server"
Para el tema de que los usuarios sepan en todo momento su estado (iniciado o
no sesión) podemos utilizar vario s controles ASP.
-LoginStatus
38
Forinsur S.L. Centro de Formación | Manual de Usuario
Este control nos indica mediante texto si hemos o no iniciado sesión. En el caso
que no hayamos iniciado sesión nos este mismo control sirve de enlace a la
página que haya sido nombrada como login.aspx (por defecto red irecciona a
esta) y si ya hubiésemos iniciado sesión nos aporta un enlace para finalizar
sesión.
-LoginName
39
Forinsur S.L. Centro de Formación | Manual de Usuario
-LoginView
Este es el control más completo ya que podemos usarlo para mostrar cualquier
elemento para cada uno de los estados.
</asp:LoginView>
40
Forinsur S.L. Centro de Formación | Manual de Usuario
Entre las etiquetas del control ASP añadimos las etiquetas para cada estado
</AnonymousTemplate>
<LoggedInTemplate>
</LoggedInTemplate>
</asp:LoginView>
<AnonymousTemplate>
<a href="#" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image56','','img/index4_r2_c10.jpg',1)"> <img
src="img/index1_r2_c10.jpg" alt="INICIAR SESION" name="Image56"
width="125" height="34" border="0" id="Image56" /></a>
</AnonymousTemplate>
Lo único que queda para que las imágenes de sustitución funcionen es copiar en
la etiqueta body del código de la página maestra el nombre de las imágenes de
sustitución para que el código javascript haga su funci ón.
<AnonymousTemplate>
<a href="#" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('Image56','', 'img/index4_r2_c10.jpg' ,1)"><
img src="img/index1_r2_c10.jpg" alt="INICIAR SESION" name="Image56"
width="125" height="34" border="0" id="Image56" /></a>
</AnonymousTemplate>
<body background="img/background.jpg"
onload="MM_preloadImages( 'img/index4_r2_c10.jpg' )">
41
Forinsur S.L. Centro de Formación | Manual de Usuario
<body background="img/background.jpg"
onload="MM_preloadImages('img/index2_r4_c5.jpg','img/index2_r4_c6.jpg','
img/index2_r4_c7.jpg','img/index2_r4_c9.jpg','img/index4_r2_c10.jpg','im
g/index2_r7_c8.jpg','img/index2_r8_c8.jpg','img/index2_r9_ c8.jpg','img/i
ndex2_r11_c3.jpg')">
42
Forinsur S.L. Centro de Formación | Manual de Usuario
<LoggedInTemplate>
<asp:LoginStatus ID="LoginStatus1" runat="server"
LogoutImageUrl="img/index5_r2_c10.jpg" />
</LoggedInTemplate>
43
Forinsur S.L. Centro de Formación | Manual de Usuario
Y con esto ya tendríamos listo nuestro sitio web con controles ASP de registro de
usuarios.
44