UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS COORDINACION DE COMPUTACIÓN

Transcripción

1 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLÓGICOS COORDINACION DE COMPUTACIÓN CICLO: 02/2015 GUIA DE LABORATORIO #11 Nombre de la Práctica: Aplicaciones en capas en ASP.NET Lugar de Ejecución: Centro de cómputo Tiempo Estimado: 2 horas con 30 minutos MATERIA: Desarrollo de Aplicaciones con Software Propietario I. OBJETIVOS Que el estudiante: 1. Conozca los fundamentos teóricos sobre la programación en capas en ASP.NET 2. Segmente una aplicación en capas y niveles dependiendo de la necesidad que se presente 3. Diferencie las funciones de cada una de las capas en una aplicación II. INTRODUCCIÓN TEÓRICA Aplicaciones en capas en ASP.NET La programación por capas es una arquitectura cliente-servidor en el que el objetivo primordial es la separación de la lógica de negocios de la lógica de diseño; un ejemplo básico de esto consiste en separar la capa de datos de la capa de presentación al usuario. La ventaja principal de este estilo es que el desarrollo se puede llevar a cabo en varios niveles y, en caso de que sobrevenga algún cambio, solo se ataca al nivel requerido sin tener que revisar entre código mezclado. Un buen ejemplo de este método de programación sería el modelo de interconexión de sistemas abiertos. Además, permite distribuir el trabajo de creación de una aplicación por niveles; de este modo, cada grupo de trabajo está totalmente abstraído del resto de niveles, de forma que basta con conocer la API que existe entre niveles. Desarrollo de aplicaciones con software propietario 1 / 33

2 En el diseño de sistemas informáticos actual se suelen usar las arquitecturas multinivel o Programación por capas. En dichas arquitecturas a cada nivel se le confía una misión simple, lo que permite el diseño de arquitecturas escalables (que pueden ampliarse con facilidad en caso de que las necesidades aumenten). El más utilizado actualmente es el diseño en tres niveles (o en tres capas) Capas y niveles Capa de presentación: la que ve el usuario (también se la denomina "capa de usuario"), presenta el sistema al usuario, le comunica la información y captura la información del usuario en un mínimo de proceso (realiza un filtrado previo para comprobar que no hay errores de formato). También es conocida como interfaz gráfica y debe tener la característica de ser "amigable" (entendible y fácil de usar) para el usuario. Esta capa se comunica únicamente con la capa de negocio. Capa de negocio: es donde residen los programas que se ejecutan, se reciben las peticiones del usuario y se envían las respuestas tras el proceso. Se denomina capa de negocio (e incluso de lógica del negocio) porque es aquí donde se establecen todas las reglas que deben cumplirse. Esta capa se comunica con la capa de presentación, para recibir las solicitudes y presentar los resultados, y con la capa de datos, para solicitar al gestor de base de datos almacenar o recuperar datos de él. También se consideran aquí los programas de aplicación. Capa de datos: es donde residen los datos y es la encargada de acceder a los mismos. Está formada por uno o más gestores de bases de datos que realizan todo el almacenamiento de datos, reciben solicitudes de almacenamiento o recuperación de información desde la capa de negocio. Todas estas capas pueden residir en un único ordenador, si bien lo más usual es que haya una multitud de ordenadores en donde reside la capa de presentación (son los clientes de la arquitectura cliente/servidor). Las capas de negocio y de datos pueden residir en el mismo ordenador, y si el crecimiento de las necesidades lo aconseja se pueden separar en dos o más equipos. Así, si el tamaño o complejidad de la base de datos aumenta, se puede separar en varios ordenadores los cuales recibirán las peticiones del ordenador en que resida la capa de negocio. Si, por el contrario, fuese la complejidad en la capa de negocio lo que obligase a la separación, esta capa de negocio podría residir en uno o más ordenadores que realizarían solicitudes a una única base de datos. En sistemas muy complejos se llega a tener una serie de ordenadores sobre los cuales corre la capa de negocio, y otra serie de ordenadores sobre los cuales corre la base de datos. En una arquitectura de tres niveles, los términos "capas" y "niveles" no significan lo mismo ni son similares. El término "capa" hace referencia a la forma como una solución es segmentada desde el punto de vista lógico: Presentación (Conocida como capa Web en aplicaciones Web o como capa de usuario en Aplicaciones Nativas) Lógica de Negocio. (Conocida como capa Aplicativa) Datos. (Conocida como capa de Base de Datos) Desarrollo de aplicaciones con software propietario 2

3 En cambio, el término "nivel" corresponde a la forma en que las capas lógicas se encuentran distribuidas de forma física. Por ejemplo: Una solución de tres capas (presentación, lógica del negocio, datos) que residen en un solo ordenador (Presentación+lógica+datos). Se dice que la arquitectura de la solución es de tres capas y un nivel. Una solución de tres capas (presentación, lógica del negocio, datos) que residen en dos ordenadores (presentación+lógica por un lado; lógica+datos por el otro lado). Se dice que la arquitectura de la solución es de tres capas y dos niveles. III. MATERIALES Y EQUIPO Para la realización de la guía de práctica se requerirá lo siguiente: No. Requerimiento Cantidad 1 Guía de práctica #11: Aplicaciones en capas en ASP.NET 1 2 Computadora con Visual Studio 2012 instalado y una instancia de SQL Server con Management Studio Express 1 3 Memoria USB o disco flexible 1 IV. PROCEDIMIENTO Parte 1: Creación de base de datos usando SQL Server 2012 para que funcione como fuente de datos 1. Proceda a descargar los recursos complementarios de esta práctica. 2. Proceda a iniciar la herramienta de Microsoft SQL Server Management Studio instalada en su computadora y desde el Explorador de Objetos, proceda a crear la base de datos Aplicacion_Capas. Luego ejecute el script a continuación, que creara las tablas de la bdd a utilizar. use Aplicacion_Capas create table Usuarios( usuario varchar(20) primary key, password varchar (20) not null, nombre varchar(50) not null, apellido varchar(50) not null, pais int not null, sexo char(1), correo varchar(50), Desarrollo de aplicaciones con software propietario 3

4 telefono varchar(30) ) GO create table Posts( idpost int identity primary key, nombre varchar(50), descripcion varchar (5000), usuario varchar(20) references Usuarios(usuario) ) GO create table Comentarios( idcomentario int identity, usuario varchar(20) references Usuarios(usuario), idpost int references Posts(idpost) on delete cascade, comentario varchar(5000) not null, hora datetime not null ) 3. Luego de definir la estructura, creara lo siguientes procedimientos almacenados, de tal manera que sea la base de datos la que se encargue de realizar las gestiones de datos sobre la base de datos misma. Ejecute los siguientes bloques de SQL. Si alguno le da error, proceda a ejecutarlos de forma individual. create proc varchar varchar(30) ) as insert into usuarios values(@usuario,@password,@nombre,@apellido,@pais,@sexo,@correo,@telefono) GO Desarrollo de aplicaciones con software propietario 4

5 create proc varchar(5000) ) as insert into comentarios values(@usuario,@idpost,@comentario,getdate()) GO create proc int ) as delete from posts where idpost=@idpost GO create proc varchar(20) ) as insert into Posts values GO create proc int ) as update posts set nombre descripcion where idpost GO Cada uno de los procedimientos anteriores cumple cierta función específica. insusuario: Servira para insertar un usuario a las base de datos. inscomentario: Insertara un comentario realizado por un usuario en un post determinado. delpost: Borrara un post determinado. inspost: Insertara un post a un usuario determinado. updpost: Modificara un post determinado. Desarrollo de aplicaciones con software propietario 5

6 4. Ahora nos resta únicamente agregar registros a las tablas. Proceda a ejecutar las siguientes instrucciones INSERT. Tenga especial cuidado de verificar adonde inicia y adonde terminan las instrucciones. insert into usuarios values ('pedro','demo','pedro','rodriguez',21,'m','pedrorodriguez@gmail.com',' ') insert into usuarios values ('ana','demo','ana','huemil',1,'f','ana_huemil@hotmail.com',' ') insert into usuarios values ('juan','demo','juan','vazquez',9,'m','juan.vazquez.yahoo.com',' ') insert into Posts values ('Funcionamiento basico del Foro','Descripcion de Funciones del Foro','juan') insert into Posts values ('Programando en ASP','Programa basico de asp','pedro') insert into Posts values ('Crear un foro basico','hola gente!!! Estoy haciendo un site y en una parte necesito hacer un foro, no tiene que ser nada increible ni nada muy grande, solamente poder postear mensajes y autor del mensaje... El tema es que en este momento me estaba por poner a programarlo y me surgieron varias dudas en cuanto a el funcionamiento, osea donde guardo los mensajes principalmente... Yo tenia penasdo hacer alguna cosa con archivos indexados en una base de datos (mysql) para no cargarla mucho... Pero antes de ponerme a hacer esto me puse a buscar en internet y encontre que en varios lados "enseñan" a crear un foro guardando toda la informacion en la base de datos y armando los "threds" haciendo consultas que filtren todo lo que no es del tema especificado... en estos lugares que comento guardan el texto, osea el cuerpo del mensaje en la base de datos, esto no la enlenteceria???? yo tenia "entendido" que habia que tratar de guardar la menor cantidad de informacion posible en las bases para tarden los menos posible en los manejos que hacen... pero es solo una idea mia, no se si sera verdad o no... Alguien sabe como funcionan los foros posta??? o que me recomiendan hacer??? Este ultimo metodo de guardar todo en la base de datos es extremadamente facil, porque armas los temas con consultas y no te tenes que preocupar de nada... Pero tengo ganas de hacer algo lo mas "aproximado" a la realidad posible... no algo facilongo para salir del paso... Bueno, espero sus propuestas saludos!!!!!!!','pedro') insert into Comentarios values ('ana',3,'hacete un favor y usa algo ya hecho. Con las dudas que tenes, la magnitud del proyecto te supera ampliamente.',getdate()) insert into Comentarios values ('juan',3,'puede que haya algún otro paquete que sea todavía más simple si no estás buscando tantos features..',getdate()) insert into Comentarios values ('pedro',3,'gracias a todos, pero la verdad es que tengo ganas de hacerlo Desarrollo de aplicaciones con software propietario 6

7 yo, porque es algo MUY simple... osea ni siquiera quiero hacer subforos, osea es un lugar donde se agregan temas y se puede comentar esos temas, no es que entro y tengo 40 subforos... asi que voy a seguir haciendolo por mi cuenta que de paso aprendo... muchas gracias a todos... saludos!',getdate()) insert into Comentarios values ('ana',1,'como se crea un post??',getdate()) insert into Comentarios values ('juan',1,'solo vaz a mis posts y seleccionas crear un post, le das un titulo y una descripcion y por ultimo crear post',getdate()) insert into Comentarios values ('ana',1,'gracias otra pregunta, como se borra un comentario??',getdate()) Parte 2: Creación de conexión desde Visual Studio con el origen de datos. 5. Inicia Microsoft Visual Studio desde su computadora y prepara un nuevo Sitio Web vacio de ASP.NET, bajo el nombre Guia Descarga y descomprime los recursos complementarios de esta practica. Luego, copia las subcarpetas de su contenido al interior de la carpeta de tu sitio web del procedimiento. Retorna a la ventana de Visual Studio, dentro del Explorador de Soluciones, da clic secundario sobre el icono del proyecto (Guia11) y selecciona la opción Actualizar carpeta. Confirma que se agregan las carpetas de recursos a la solucion. 7. Agrega en tu sitio web a un proyecto de librería de clases, dando clic en FILE, selecciona opción ADD y de clic en New Project. De la ventana emergente, en los proyectos de C#, ubica la categoría Windows y en la lista, selecciona el tipo de proyecto (Biblioteca de clases Class Library). Por ultimo, asigna Datos como nombre del Proyecto (observa la imagen) y presiona botón Aceptar. Desarrollo de aplicaciones con software propietario 7

8 8. De la ventana del Explorador de Proyectos, seleccione la clase predeterminada (Class1.cs) y proceda a borrarla de este nuevo proyecto. 9. Al interior de esta librería Datos, agregaremos TODOS los archivos necesarios para la gestión de la comunicación con la base de datos, de tal manera que este sea el único punto de nuestro sitio que tenga acceso a ella. 10. Dentro de la librería agregue una nueva clase con el nombre Configuracion.cs y proceda a digitar el siguiente código. Verifique todos los using que se han adicionado. using System; using System.Collections.Generic; using System.Linq; using System.Web; namespace Datos class Configuracion static string cadenaconexion Source=localhost;Initial Catalog=Aplicacion_Capas;Integrated Security=True"; public static string CadenaConexion get return cadenaconexion; 11. Siempre al interior de la Libreria de Datos, proceda a crear una nueva clase con el nombre MetodosDatos.cs y proceda a digitar el siguiente código. using System; using System.Collections.Generic; using System.Data; using System.Data.SqlClient; using System.Linq; using System.Web; namespace Datos Desarrollo de aplicaciones con software propietario 8

9 class MetodosDatos public static SqlCommand CrearComando() string _cadenaconexion = Configuracion.CadenaConexion; SqlConnection _conexion = new SqlConnection(); _conexion.connectionstring = _cadenaconexion; SqlCommand _comando = new SqlCommand(); _comando = _conexion.createcommand(); _comando.commandtype = CommandType.Text; return _comando; public static SqlCommand CrearComandoProc(string proc) string _cadenaconexion = Configuracion.CadenaConexion; SqlConnection _conexion = new SqlConnection(_cadenaConexion); SqlCommand _comando = new SqlCommand(proc, _conexion); _comando.commandtype = CommandType.StoredProcedure; return _comando; public static int EjecutarComando(SqlCommand comando) try comando.connection.open(); return comando.executenonquery(); catch throw; finally comando.connection.dispose(); comando.connection.close(); Desarrollo de aplicaciones con software propietario 9

10 public static DataTable EjecutarComandoSelect(SqlCommand comando) DataTable _tabla = new DataTable(); try comando.connection.open(); SqlDataAdapter adaptador = new SqlDataAdapter(); adaptador.selectcommand = comando; adaptador.fill(_tabla); catch (Exception ex) throw ex; finally comando.connection.close(); return _tabla; 12. Siempre al interior de la libreria de Datos, crearemos una nueva clase en la capa de datos que se llamará AccesoDatos.cs y tendra la funcion de autentificar y registrar a los usuarios. Digite el siguiente código. using System; using System.Collections.Generic; using System.Data; using System.Data.SqlClient; using System.Linq; using System.Web; namespace Datos public class AccesoDatos public static int insertarusuario(string usuario, string password, string nombre, string apellido, int pais, char sexo, string correo, string telefono) Desarrollo de aplicaciones con software propietario 10

11 SqlCommand _comando = MetodosDatos.CrearComandoProc("insUsuario"); _comando.parameters.addwithvalue("@usuario", usuario); _comando.parameters.addwithvalue("@password", password); _comando.parameters.addwithvalue("@nombre", nombre); _comando.parameters.addwithvalue("@apellido", apellido); _comando.parameters.addwithvalue("@pais", pais); _comando.parameters.addwithvalue("@sexo", sexo); _comando.parameters.addwithvalue("@correo", correo); _comando.parameters.addwithvalue("@telefono", telefono); return MetodosDatos.EjecutarComando(_comando); public static DataTable verificarusuario(string usuario, string pass) SqlCommand _comando = MetodosDatos.CrearComando(); _comando.commandtext = "SELECT usuario FROM usuarios WHERE usuario = '" + usuario + "' AND password = '" + pass + "'"; return MetodosDatos.EjecutarComandoSelect(_comando); 13. Siempre al interior de la librería de Datos, crearemos una carpeta nueva que contendrá los métodos ordenados por formulario. Haga click derecho en la capa de Datos y seleccionar Agregar. En el menú emergente nueva carpeta, coloca el nombre Views. Hasta este momento, su estructura debe verse como sigue: 14. Al interior de la carpeta Views del paso anterior, creará una clase llamada miscomentariosdatos.cs, y procederá a digitar el siguiente código: Desarrollo de aplicaciones con software propietario 11

12 using System; using System.Collections.Generic; using System.Data; using System.Data.SqlClient; using System.Linq; using System.Web; namespace Datos.Views public class miscomentariosdatos public static DataTable ObtenerComentarios(string usuario) SqlCommand _comando = MetodosDatos.CrearComando(); _comando.commandtext = "SELECT hora, nombre, comentario FROM comentarios INNER JOIN posts ON comentarios.idpost = posts.idpost WHERE comentarios.usuario = '" + usuario + "'"; return MetodosDatos.EjecutarComandoSelect(_comando); 15. De nuevo en la carpeta Views, crea otra clase llamada miperfildatos.cs y proceda a digitar el siguiente código: using System; using System.Collections.Generic; using System.Data; using System.Data.SqlClient; using System.Linq; using System.Web; namespace Datos.Views public class miperfildatos Desarrollo de aplicaciones con software propietario 12

13 + "'"; public static DataTable obtenerdatos(string usuario) SqlCommand _comando = MetodosDatos.CrearComando(); _comando.commandtext = "SELECT * FROM Usuarios WHERE usuario ='" + usuario return MetodosDatos.EjecutarComandoSelect(_comando); 16. En la carpeta Views, agregue otra clase llamada mispostsdatos.cs, y procederá a digitar el siguiente código: using System; using System.Collections.Generic; using System.Data; using System.Data.SqlClient; using System.Linq; using System.Web; namespace Datos.Views public class mispostsdatos public static DataTable obtenermisposts(string usuario) SqlCommand _comando = MetodosDatos.CrearComando(); _comando.commandtext = "SELECT idpost,nombre,descripcion FROM posts WHERE usuario = '" + usuario + "'"; return MetodosDatos.EjecutarComandoSelect(_comando); public static int eliminarpost(int post) SqlCommand _comando = MetodosDatos.CrearComandoProc("delPost"); _comando.parameters.addwithvalue("@idpost", post); return MetodosDatos.EjecutarComando(_comando); Desarrollo de aplicaciones con software propietario 13

14 public static int insertarpost(string nombre, string descripcion, string usuario) SqlCommand _comando = MetodosDatos.CrearComandoProc("insPost"); _comando.parameters.addwithvalue("@nombre", nombre); _comando.parameters.addwithvalue("@descripcion", descripcion); _comando.parameters.addwithvalue("@usuario", usuario); return MetodosDatos.EjecutarComando(_comando); public static int actualizarpost(string nombre, string descripcion, int post) SqlCommand _comando = MetodosDatos.CrearComandoProc("updPost"); _comando.parameters.addwithvalue("@nombre", nombre); _comando.parameters.addwithvalue("@descripcion", descripcion); _comando.parameters.addwithvalue("@idpost", post); return MetodosDatos.EjecutarComando(_comando); public static DataTable obtenerdatosposts(int post) SqlCommand _comando = MetodosDatos.CrearComando(); _comando.commandtext = "SELECT nombre,descripcion FROM posts WHERE idpost = " + post; return MetodosDatos.EjecutarComandoSelect(_comando); 17. En la carpeta Views, agregue una nueva clase llamada todospostsdatos.cs y proceda a digitar el siguiente código: using System; using System.Collections.Generic; using System.Data; using System.Data.SqlClient; using System.Linq; using System.Web; Desarrollo de aplicaciones con software propietario 14

15 namespace Datos.Views public class todospostsdatos public static DataTable obtenertodosposts() SqlCommand _comando = MetodosDatos.CrearComando(); _comando.commandtext = "SELECT * FROM posts"; return MetodosDatos.EjecutarComandoSelect(_comando); public static DataTable obtenerinfopost(int post) SqlCommand _comando = MetodosDatos.CrearComando(); _comando.commandtext = "SELECT * FROM posts WHERE idpost=" + post; return MetodosDatos.EjecutarComandoSelect(_comando); public static DataTable obtenercomentarios(int post) SqlCommand _comando = MetodosDatos.CrearComando(); _comando.commandtext = "SELECT * FROM comentarios WHERE idpost=" + post; return MetodosDatos.EjecutarComandoSelect(_comando); public static int insertarcomentario(string usuario, int post, string comentario) SqlCommand _comando = MetodosDatos.CrearComandoProc("insComentario"); _comando.parameters.addwithvalue("@usuario", usuario); _comando.parameters.addwithvalue("@idpost", post); _comando.parameters.addwithvalue("@comentario", comentario); return MetodosDatos.EjecutarComando(_comando); Desarrollo de aplicaciones con software propietario 15

16 18. Hasta el momento, hemos definido toda nuestra capa de datos. Ahora es necesario implementar la manera en que debemos consumir dichas clases. Dentro de la solución agregue otra (Librería de Clase / Class Library) con el nombre Negocio 19. Luego, para que nuestra clase Negocio utilice las librerías de clases de Datos que hemos creado, debemos agregar la referencia a nuestro proyecto. En el Explorador de Soluciones, haga clic secundario en el nombre de la librería de clase Negocio, luego seleccione Agregar referencia En la nueva ventana, ubique a la izquierda a la opción Solucion y marque Datos. Confirme en Aceptar. 20. Luego, en el Explorador de Objetos, de clic sobre la carpeta de esta librería Negocios y agregue una nueva clase con el nombre AccesoLogica.cs. Aquí proceda a digitar el siguiente código: using System; using System.Collections.Generic; using System.Data; using System.Linq; using System.Web; using Datos; namespace Negocio Desarrollo de aplicaciones con software propietario 16

17 public class AccesoLogica public static bool insertarusuario(string usuario, string password, string nombre, string apellido, int pais, char sexo, string correo, string telefono) try if (AccesoDatos.insertarUsuario(usuario, password, nombre, apellido, pais, sexo, correo, telefono)!= 0) catch else return true; return false; return false; public static bool verificarusuario(string usuario, string pass) try DataTable datos = AccesoDatos.verificarUsuario(usuario, pass); if (datos.rows.count!= 0) return true; else return false; catch return false; Desarrollo de aplicaciones con software propietario 17

18 21. Ahora, crearemos las clases de lógica para cada vista. Cree una nueva carpeta dentro de la librería Negocio a la que llamará Views. Dentro de esta agregue una clase llamada miscomentariosneg.cs y proceda a digitar el siguiente código. using System; using System.Collections.Generic; using System.Data; using System.Linq; using System.Web; using Datos; using Datos.Views; namespace Negocio.Views class miscomentariosneg public static DataTable obtenercomentarios(string usuario) return miscomentariosdatos.obtenercomentarios(usuario); 22. Al interior de la carpeta Views, crea otra clase llamada mispostsneg.cs y procede a digitar el siguiente código: using System; using System.Collections.Generic; using System.Data; using System.Linq; using System.Web; using Datos.Views; Desarrollo de aplicaciones con software propietario 18

19 namespace Negocio.Views public class mispostsneg public static DataTable obtenermisposts(string usuario) return mispostsdatos.obtenermisposts(usuario); public static DataTable obtenerdatosposts(int post) return mispostsdatos.obtenerdatosposts(post); public static bool eliminarpost(int post) try if (mispostsdatos.eliminarpost(post)!= 0) return true; else return false; catch return false; public static bool insertarpost(string nombre, string descripcion, string usuario) try if (mispostsdatos.insertarpost(nombre, descripcion, usuario)!= 0) else return true; Desarrollo de aplicaciones con software propietario 19

20 return false; catch return false; public static bool actualizarpost(string nombre, string descripcion, int post) try if (mispostsdatos.actualizarpost(nombre, descripcion, post)!= 0) return true; else return false; catch return false; 23. Al interior de la carpeta Views, crea una clase llamada perfilneg.cs. Procede a digitar el siguiente código: using System; using System.Collections.Generic; using System.Data; using System.Linq; using System.Web; using Datos.Views; namespace Negocio.Views Desarrollo de aplicaciones con software propietario 20

21 public class perfilneg public static DataTable obtenerdatos(string usuario) return miperfildatos.obtenerdatos(usuario); 24. Al interior de la carpeta View creará una clase llamada todospostneg.cs, y procederá a digitar el siguiente código: using System; using System.Collections.Generic; using System.Data; using System.Linq; using System.Web; using Datos.Views; namespace Negocio.Views class todospostneg public static DataTable obtenertodosposts() return todospostsdatos.obtenertodosposts(); public static DataTable obtenerinfopost(int post) return todospostsdatos.obtenerinfopost(post); public static DataTable obtenercomentarios(int post) Desarrollo de aplicaciones con software propietario 21

22 return todospostsdatos.obtenercomentarios(post); public static bool insertarcomentario(string usuario, int post, string comentario) try if (todospostsdatos.insertarcomentario(usuario, post, comentario)!= 0) return true; else return false; catch return false; public static string depurarcomentario(string str) string temp = str.replace("<", ""); temp = temp.replace(">", ""); temp = temp.replace("&", ""); return temp; 25. Ahora, procederemos a la creación de las vistas. En el explorador de soluciones, ubique el icono de la solucion principal Guia11 y agregue un nuevo Web Form con el nombre Default.aspx. Proceda a digitar el siguiente código. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" Desarrollo de aplicaciones con software propietario 22

23 " <html xmlns=" xml:lang="en"> <head runat="server"> </head> <body> <title></title> <link href="~/styles/site.css" rel="stylesheet" type="text/css" /> <form runat="server"> <div class="page"> <div class="header"> <div class="title"> <h1> </h1> FORO TRES CAPAS ASP.NET <div class="clear hideskiplink"> <asp:menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal"> <Items> <asp:menuitem NavigateUrl="~/Principal.aspx" Text="Home"/> <asp:menuitem NavigateUrl="~/About.aspx" Text="Acerca"/> </Items> </asp:menu> <div class="main"> <h2> </h2> <div> Inicio de Sesión <asp:panel ID="pandefaultbtn" runat="server" DefaultButton="btnEntrar"> <fieldset class="login"> <label>usuario</label> <asp:textbox ID="txtusuario" runat="server" CssClass="textEntry"></asp:TextBox> <label>contraseña</label> Desarrollo de aplicaciones con software propietario 23

24 <asp:textbox ID="txtPassword" TextMode="Password" runat="server" CssClass="passwordEntry"></asp:TextBox> <div class="clear"> <p></p> <asp:imagebutton ID="btnEntrar" ImageUrl="~/images/login.png" runat="server" Height="40px" Width="134px" /> <asp:imagebutton ID="btnRegistrar" ImageUrl="~/images/register.png" runat="server" Height="38px" Width="150px" /> <asp:label ID="lblMsg" runat="server" Font-Names="Impact" Font- Overline="False" Font-Strikeout="False" ForeColor="Maroon"></asp:Label> </fieldset> </asp:panel> <br /> <div class="clear"> <div class="footer"> </form> </body> </html> 26. Para que nuestro sitio web pueda utilizar las librerías de clases que hemos creado, debemos agregar la referencia a nuestro proyecto. En el explorador de soluciones, haga clic con el botón secundario del mouse en el nombre del proyecto Guia11. A continuación, haga clic en Agregar referencia web y seleccione a Negocio. Desarrollo de aplicaciones con software propietario 24

25 27. Ya podemos agregar el espacio de nombre a todos nuestros proyectos. Ingrese al archivo Default.aspx.cs de la pag. anterior y agregue la referencia (resaltada a continuacion) hacia nuestra librería de clases (Negocios) 28. Ahora, en el evento PageLoad de la página Default digite el siguiente código: protected void Page_Load(object sender, EventArgs e) if (!string.isnullorempty((string)session["statusmessage"])) string mensaje = (string)session["statusmessage"]; Session["StatusMessage"] = null; Response.Write("<script type='text/javascript'>// <![CDATA[alert(\""+mensaje+"\")// ]]></script>"); 29. De manera similar, digite el siguiente código en los respectivos eventos de los botones de esta pagina Default Desarrollo de aplicaciones con software propietario 25

26 protected void btnregistrar_click(object sender, ImageClickEventArgs e) Session["CrearUsuario"] = "Valido"; Response.Redirect("~/Registro.aspx"); protected void btnentrar_click(object sender, ImageClickEventArgs e) if (AccesoLogica.verificarUsuario(txtusuario.Text, txtpassword.text)) Session["Start"] = 0; Session["Nombre"] = txtusuario.text; Response.Redirect("~/Views/Perfil.aspx"); else lblmsg.text = "Password o Usuario incorrecto"; 30. Cree una nueva página con el nombre de Registro.aspx y proceda a digitar el siguiente marcado: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Registro.aspx.cs" Inherits="Registro" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" xml:lang="en"> <head runat="server"> </head> <body> <title></title> <link href="~/styles/site.css" rel="stylesheet" type="text/css" /> <form runat="server"> <div class="page"> <div class="header"> <div class="title"> Desarrollo de aplicaciones con software propietario 26

27 <h1> FORO TRES CAPAS ASP.NET </h1> <div class="main"> <h2> Registro de usuarios </h2> <div> <asp:panel ID="pandefaultbtn" runat="server" DefaultButton="Button1"> <fieldset class="register"> <label>usuario</label> <asp:textbox ID="txtusuario" runat="server" CssClass="textEntry"></asp:TextBox> <label>contraseña</label> <asp:textbox ID="txtPassword" TextMode="Password" runat="server" CssClass="passwordEntry"></asp:TextBox> <label>nombres</label> <asp:textbox ID="txtNombre" runat="server" CssClass="textEntry"></asp:TextBox> <label>apellidos</label> <asp:textbox ID="txtApellido" runat="server" CssClass="passwordEntry"></asp:TextBox> CssClass="textEntry"> <label>país</label> <asp:dropdownlist ID="ddlPaises" runat="server" <asp:listitem Value="1">El Salvador</asp:ListItem> <asp:listitem Value="2">Guatemala</asp:ListItem> <asp:listitem Value="3">Honduras</asp:ListItem> <asp:listitem Value="4">Nicaragua</asp:ListItem> <asp:listitem Value="5">Costa Rica</asp:ListItem> <asp:listitem Value="6">Panamá</asp:ListItem> </asp:dropdownlist> <label>sexo</label> <asp:dropdownlist ID="ddlSexo" runat="server"> <asp:listitem Value="M">Masculino</asp:ListItem> Desarrollo de aplicaciones con software propietario 27

28 <asp:listitem Value="F">Femenino</asp:ListItem> </asp:dropdownlist> <label> </label> <asp:textbox ID="txtCorreo" runat="server" CssClass="textEntry"></asp:TextBox> <label>teléfono</label> <asp:textbox ID="txtTelefono" runat="server" CssClass="passwordEntry"></asp:TextBox> <div class="clear"> <p></p> <asp:button ID="Button1" runat="server" Text="Registrar" CssClass="submitButton" OnClick="Button1_Click" /> Strikeout="False" <asp:label ID="lblMsg" runat="server" Font-Overline="False" Font- ForeColor="Maroon"></asp:Label> </fieldset> </asp:panel> <br /> <div class="clear"> <div class="footer"> </form> </body> </html> Desarrollo de aplicaciones con software propietario 28

29 31. Ingrese al código del archivo (Registro.aspx.cs) de la pagina anterior e incluya la referencia al namespace Negocio. Luego, programe el evento clic del botón Registrar (Button1) de la pagina anterior de la siguiente manera: protected void Button1_Click(object sender, EventArgs e) if (AccesoLogica.insertarUsuario(txtusuario.Text, txtpassword.text, txtnombre.text, txtapellido.text, int.parse(ddlpaises.selectedvalue.tostring()), char.parse(ddlsexo.selectedvalue), txtcorreo.text, txttelefono.text)) Session["Start"] = 0; Session["Nombre"] = txtusuario.text; Response.Redirect("~/Views/Perfil.aspx"); else lblmsg.text = "Error al ingresar registro. Verifique"; 32. Ahora, cree una carpeta llamada Views. Aquí crearemos dos de las vistas a utilizar en nuestro proyecto. Dentro de esta carpeta cree la página Perfil.aspx y digite el siguiente marcado: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Perfil.aspx.cs" Inherits="Views_Perfil" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" xml:lang="en"> <head runat="server"> </head> <body> <title></title> <link href="~/styles/site.css" rel="stylesheet" type="text/css" /> <form runat="server"> <div class="page"> <div class="header"> Desarrollo de aplicaciones con software propietario 29

30 <div class="title"> <h1> </h1> FORO TRES CAPAS ASP.NET <div class="clear hideskiplink"> <asp:menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal"> <Items> <asp:menuitem Text="Inicio"></asp:MenuItem> NavigateUrl="~/Default.aspx" <asp:menuitem NavigateUrl="~/Views/Perfil.aspx" Text="Mi Perfil"/> <asp:menuitem NavigateUrl="~/Views/MisPost.aspx" Text="Mis Post"/> </Items> </asp:menu> <div class="main"> <h2> </h2> Mi Perfil <div class="rounded_corners"> <asp:detailsview ID="DetailsView1" runat="server" Height="50px" Width="500px" HeaderStyle-BackColor="#3AC0F2" HeaderStyle-ForeColor="White" RowStyle- BackColor="#A1DCF2" AlternatingRowStyle-BackColor="White" ForeColor="#3A3A3A"></asp:DetailsView> <br /> <div class="clear"> <div class="footer"> RowStyle- </body> </form> Desarrollo de aplicaciones con software propietario 30

31 </html> 33. Ingrese al archivo (Perfil.aspx.cs) de la nueva pagina y agregue el siguiente espacio de nombre Negocio.Views. 34. Ahora, en el PageLoad de la misma página, digite el siguiente código: protected void Page_Load(object sender, EventArgs e) if (Session["Nombre"]!= "") DetailsView1.DataSource = perfilneg.obtenerdatos(session["nombre"].tostring()); DetailsView1.DataBind(); 35. Dentro de la carpeta Views cree una nueva página llamada MisPost.aspx y digite el siguiente marcado: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="MisPost.aspx.cs" Inherits="MisPost" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" xml:lang="en"> <head runat="server"> </head> <body> <title></title> <link href="~/styles/site.css" rel="stylesheet" type="text/css" /> <form runat="server"> <div class="page"> <div class="header"> <div class="title"> <h1> Desarrollo de aplicaciones con software propietario 31

32 </h1> FORO TRES CAPAS ASP.NET <div class="clear hideskiplink"> <asp:menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal"> <Items> <asp:menuitem Text="Inicio"></asp:MenuItem> NavigateUrl="~/Default.aspx" <asp:menuitem NavigateUrl="~/Views/Perfil.aspx" Text="Mi Perfil"/> <asp:menuitem NavigateUrl="~/Views/MisPost.aspx" Text="Mis Post"/> </Items> </asp:menu> <div class="main"> <h2> </h2> Mis Post <style type="text/css"> </style> <asp:repeater ID="Repeater1" runat="server"> <ItemTemplate> <div class="rounded_corners"> <h2 class="titulo"> <%# DataBinder.Eval(Container.DataItem,"idpost") %>. <%# DataBinder.Eval(Container.DataItem,"nombre") %> </h2> <p><%# DataBinder.Eval(Container.DataItem,"descripcion") %></p> <br /> </ItemTemplate> </asp:repeater> <br /> Desarrollo de aplicaciones con software propietario 32

33 <div class="clear"> <div class="footer"> </form> </body> </html> 36. Ingrese al archivo MisPost.aspx de la pagina anterior e incluya la referencia al espacio de nombres Negocio.Views. Despues, proceda a digitar el siguiente código en el Page_Load de esta página. protected void Page_Load(object sender, EventArgs e) if (Session["Nombre"]!= "") Repeater1.DataSource = mispostsneg.obtenermisposts(session["nombre"].tostring()); Repeater1.DataBind(); Parte 3: Pruebas de la aplicación 37. Retorne a la ventana de Microsoft SQL Server Manager Visual Studio. En el explorador de Objetos, ubique y expanda la base de datos Aplicación_Capas. Visualice los registros de la tabla Usuarios. 38. Retorne a la ventana del proyecto de Visual Studio y proceda a ejecutar la página Default.aspx. Ingrese con un usuario y contraseña de usuario ya registrado (seleccionado del paso anterior), selección ficha Mis Post. 39. Regrese a la ficha Home y presione boton Register. Agregue los datos de un nuevo usuario y presione al boton Registrar. Luego desde SQL, confirme que este usuario se agrego en la tabla Usuario. V. BIBLIOGRAFÍA 1. Thierry GROUSSARD. (2013). C# 5: Los fundamentos del lenguaje Desarrollar con Visual Studio Barcelona: ENI. Desarrollo de aplicaciones con software propietario 33