Libro ASP.net-Parte 1

LINEA: PROGRAMACION WEB

DESARROLLO WEB CON ASP.NET & VISUAL STUDIO 2010 Julio Javier Larico Tipua

www.jlarico.com

2013

Trusted by over 1 million members

Try Scribd FREE for 30 days to access over 125 million titles without ads or interruptions! Start Free Trial Cancel Anytime.

















Instituto de Educación Superior Tecnológico Público Arturo Sabroso Montoya

Especialidad de Computación e Informática Informática

Capítulo 1:

Introducción a ASP.NET Objetivos del Capitulo Después de completar este capítulo Ud. estará en condición de 1. Comp Compre rend nder er la filo filosof sofía ía que ASP.NE ASP.NET T prop propon onee para para el desarrollo de aplicaciones web. 2. Comp Compre rend nder er y apro aprove vech char ar las ventaj ventajas as que que prop propor orci cion onaa el .NET .NET Fram Framew ewor ork, k, así así como como el ento entorn rno o de Visua Visuall Studio.NET para el desarrollo de aplicaciones web.



















Introducción ASP.NET es un marco (Framework) de programación que ha sido construido sobre el .NET Framework y que nos permite construir aplicaciones web de gran performance y a nivel empresarial. Esto se logra gracias al aprovechamiento que hace de otras tecnologías constituyentes del Framework: XML, ADO.NET principalmente. ASP.NET no es, entonces una nueva versión de ASP, sino una nueva filosofía de programación a la que apuesta Microsoft con Visual Studio.NET

¿Por qué cambiar? ASP se lanzó como una alternativa flexible para el desarrollo web, que fue ganando acepta aceptació ción n rápida rápidamen mente. te. Sin embarg embargo, o, sinceré sincerémon monos, os, tenía tenía varios varios puntos puntos en contra contra con relación a sus competidores más cercanos. 1 Es un lenguaje de scripts: Es decir básicamente interpretado y con dos sabores para escoger un lenguaje. VBScript o JavaScript. El problema con esto también viene en dos sabores: no existen tipos (como en Visual Basic o c++) y el código no se compila. Estos factores conllevan a una pérdida de performance y poca escalabilidad 2 Código muy extenso: Por más que sea una tarea, esta muchas veces requiere de varias líneas de código, dando como resultado un pequeño engendro viviendo en nuestra página. Código poco legible legible y difícil de mantener que llevo al uso de los archivos de inclusión como una solución salvadora. 3 Presentación y lógica unidos: ¿Qué desarrollador de ASP no ha pasado por el suplic suplicio io al trabajar trabajar en equipo equipo,, que un colega colega (léase (léase diseña diseñador dor gráfico) gráfico) ha modifi modificad cado o o borrado accidentalmente parte de su código? ¿Cuánto tiempo perdido buscando la manera de no estropear el trabajo del otro y lograr un resultado consistente y coordinado? 4 Incomp Incompati atibil bilida idad d de browser browsers: s: El mundo mundo actual actual necesit necesitaa de soluci solucione oness multimulti browser, multi-dispositivo, multi-plataforma (y mientras más multis mejor). Parece difícil lograr un producto que sirva para todos, sin embargo, ¿acaso no se podrían aprovechar los estándares existentes (entre ellos XML como el más reconocido)?

¿Qué ha cambiado? Digamos que explicar en uno o dos párrafos los cambios que trae ASP.NET es una empresa que poco menos que imposible, así que resumamos: ASP.NET mejora muchas de las cosas que ya sabíamos hacer con ASP e incluye muchas novedades En este material se buscara una explicación lo más detallada posible sobre los puntos



















ASP vs ASP.NET Tranquilos desarrolladores de ASP, ASP.NET permite combinar en una aplicación web páginas con extensión, ASP y ASPX. ASPX. Además, el tiempo invertido en aprender ASP les servirá pues, como se indicó anteriormente, existen características que no han cambiado.

Beneficios ASP.NET trae un paquete interesante de ventajas para nosotros los sufridos desarrolladores 1 Código más limpio. Ahora la programación se realiza en un archivo separado al que aloja la presentación. Estos archivos de código son conocidos como “code-behind” y tienen la extensión .aspx.vb. Ahora bien, si Ud. lo desea ASP.NET aun permite la creación de páginas con todo mezclado. Esto permitirá sin duda la transición suave para los que desarrollan con ASP, aunque, si este no es su caso, le regamos evitar esta opción en lo posible 2 Soporte para múltiples lenguajes: Ya que ASP.NET está construido bajo el .NET Framework permite el uso de múltiples lenguajes como VB.NET, C#. ahora bien, esto lleva cons consig igo o otras otras vent ventaj ajas as adici adicion onale aless como como el hech hecho o de disp dispon oner er por por fin fin de leng lengua uajes jes compilados(mas que interpretados) y con una capacidad muy superior a lo que uno tenía acceso antes(si ya conoce VB.NET debe entender esto fácilmente) 3 Proc Procesa esami mien ento to en el serv servid idor or:: ASP ASP nos nos tenía tenía acostu acostumb mbrad rados os a la ejec ejecuc ució ión n secuencial secuencial (arriba-abajo (arriba-abajo)) del código. ASP.NET propone al desarrollad desarrollador or la programació programación n al estilo “Visual Basic”, esto es, definición de la interfaz y luego realización del código. Para esto ingresa a nuestro mundo el concepto de controles que corren en el servidor. Así tenemos que, si en ASP un control del tipo texto se definía de la siguiente manera: Ahora deberá escribir lo siguiente ¿Notó los cambios? Disculpe si la pregunta fue ofensiva, estoy seguro que si Los controles ahora se identifican por ID, como en DHTML • El atributo runat permite indicar que el control correrá en el servidor • 4 Soporte para múltiples browsers y dispositivos. En ASP.NET existen 2 tipos de controles de servidor. HTML server( el que se mostro en el ejemplo anterior) y web server Ingrese su nombre Este último es mucho mas “inteligente” ya que puede generar su propio código HTML, el cual puede variar dependiendo del browser que tenga el cliente. Si, es cierto, atrás quedan entonces los clásico códigos para verificar el tipo de browser y en base a este ejecutar uno u otro código.

ASP.NET Web Forms



















importante con relación a las paginas ASP tradicionales, la cual permite mayor seguridad, funcionalidad y soporte para múltiples browsers. Los web forms también son conocidos como paginas ASP.NET o paginas aspx. Esta extensión hace la diferencia con sus antecesores, lo cual posibilita la integración de páginas .asp y aspx en una misma aplicación web.

Atributos de página, body y formulario Los web forms pueden tener atributos, los cuales pueden definirse en 3 niveles distintos. 1 Page: Indica valores que serán usados por el parser y el compilado compilador. r. Se incluyen incluyen dentro de le etiqueta <@page>, la cual puede incluirse sólo una vez por web form <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Ingreso.aspx.vb" Inherits="Demo01.Ingre Inherits="Demo01.Ingreso" so" %>

Atributo Language

Significado Define el lenguaje en en el cual el sc script esta escrito. Pueden usarse vb, csharp y JScript AutoEvent AutoEventWireup Wireup False por defecto. defecto. Este Este atributo atributo permite permite que que el nombre nombre del procedimiento de evento pueda ser diferente al nombre del evento que maneja. Es decir, podemos tener procedimiento llamado “MiCodigo” el cual responda al evento txtBasico.Click. Esto rompe con la costumbre VB6 de tener un procedimiento con un nombre asociado al evento. Se recomienda no cambiar el valor por defecto. CodeFile Identifica la página que tiene el código (lógica) asociada al web form. Esta página se crea en forma automática cuando se agrega un web form. Inherits Indica el nombre de la clase de la cual hereda el código. Esta clase esta definida en la pagina code-behind y se crea en forma automática. Si Ud. crea una aplicación llamada Demo01 y agrega una pagina Ingreso.aspx el nombre de la clase será Demo01.Ingreso ya que la clase se crea con el nombre del web form. 2 Body: Define la apariencia de los objetos que son mostrados en el browser del cliente 3 Form: El tag
define la manera como serán procesados los controles de la pagina, mas no toda la pagina. Esto significa que se pueden tener vario formularios por pagina, aunque sólo uno de ellos podrá tener el atribulo runat=”server” …
Atributo method

Significado Identifica como serna enviados los valores de vuelta al servidor. Las opciones son



















de vuelta al servidor, donde el código será ejecutado. De no indicarse, el formulario será tratado como un form HTML. Práctica1 1 Crear y usar un web form 2 Inicie Visual Studio 3 Seleccione, File, New Project

4 En tipo de proyecto, seleccione web

5 En plantillas, elija ASP.NET web Application 6 En Name, ingrese un nombre para el proyecto Demo01 y haga clic en OK





















8 Haga clic derecho sobre el nombre del proyecto (En el explorador de soluciones) Add, New Item

9 En En plantillas elija Web Form


















12

Control Label Label Label Label

TextBox1 DropDownList Button1 Button2

Modelo final

Propiedad Text Text Text Text ID ID ID Text ID Text ID


Valor Ingreso de datos Nombre Cliente lblPrecio txtCliente dropProducto Calcular btnCalcular Limpiar btnLimpiar



















Agregar código a una página ASP.NET ASP.NET le da a escoger 3 maneras de implementar código en los web forms. 1 Código mixto: El código esta en el mismo archivo de los controles y HTML. Este método debería ser el menos usado ya que hace difícil la lectura y trabajo con la pagina. Así se trabajaba en ASP. 2 Código inline: El código esta en una sección script separada pero siempre dentro del archivo donde se encuentra el HTML. Esta modalidad podría serle útil para implementar código de validación en el cliente. Esta forma de trabajar el código es la que usan muchas páginas de recursos en internet, libros y la ayuda misma de l Visual Studio.NET 3 Código behind: El código esta en un archivo separado del contenido HTML. Este es el método por defecto en VS.NET Archivo único Archivos separados

Código Código Ingreso.aspx Ingreso.aspx Ingreso.aspx.vb La extensión de la pagina code-behind puede varias de acuerdo al lenguaje usado, así tenemos que podría ser .aspx.vb o aspx.cs si fue hecha con vb.net o C# respectivamente. Habría que mencionar que no se pueden mezclar 2 lenguajes en una misma página. Práctica 2 Agregar código 1 Abra el proyecto Demo01 que creó anteriormente



















4 Haga doble clic en Ingreso.aspx.vb Public Partial Class Ingreso Inherits System.Web.UI.Page ........... ........... End Class

5 En Class Name elija Form1 6 En Method Name elija Load 7 Después de ejecutar el procedimiento anterior, deberá crearse el siguiente procedimiento Private Sub form1_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles form1.Load ........... ........... End Sub

8 Agregar el siguiente código que agregue 3 productos a dropProducto Private Sub form1_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles form1.Load With DropProducto .Items.Add("Coca cola") .Items.Add("Kolynos") .Items.Add("Pan .Items.Add("Pan bimbo") End With End Sub

9Abra la lista Class Name y escoja btnCalcular. Abra la lista Method Name y escoja click. Debera crearlo lo siguiente Private Sub btnCalcular_Click(ByVal btnCalcular_Click(ByVal sender As Object, ByVal e As System.EventArgs) System.EventArgs) Handles btnCalcular.Click btnCalcular.Click ........... ........... End Sub

10 Agregar el siguiente código Select Case DropProducto.SelectedIndex Case 0 lblPrecio.Text = "2.5" Case 1



















Capítulo 2

Manejo de Eventos y Controles Objetivos del Capítulo Después de completar este capítulo Ud. estará en condición de 1. Escrib Escribir ir código código de progra programac mación ión 2. Mane Maneja jarr eve event nto os 3. Prog Progra rama marr en el eve event nto o click click





















Manejo de eventos en las páginas Los web forms tiene la facultad de reaccionar en forma interactiva a las acciones que realice el usuario, de modo muy similar a la respuesta que obtenemos de una ventana Windows. Los procedimientos de evento son los responsables de manejar estas “respuestas”. Es decir, un procedimiento de evento es la acción que ocurrirá en respuesta a un evento generado(como un un click o la pulsación de una tecla)

Existen 2 tipos de procedimiento de evento •

Lado cliente

•

Lado servidor

Lado Cliente. Estos procedimientos son manejados en la computadora del cliente, maquina que es la que solicita el web form. Estos eventos no envían datos al servidor, mas bien el browser interpreta el código y realiza la acción correspondiente. Pueden ser usados solo con troles HTML. Lado Servidor. Envía la información al servidor requiriendo por lo tanto de un tiempo mayor para procesarse. Sin embargo, disponen de acceso a los recursos del servidor y se compilan. Estos eventos responden a eventos generados por los controles web y HTML que tiene el atributo runat=”server”. Habría que indicar los controles y eventos que se pueden usar son limitados (como los del teclado o movimientos del mouse)



















Instituto de Educación Superior Tecnológico Público Arturo Sabroso Montoya •


Obs: Se creará la siguiente línea de código

4 Pase a la vista código (Source), busque la etiqueta input que se ha creado por la acción anterior. Agregue los siguientes manejadores de evento: onclick ="cliente();" onserverclick ="servidor" runat ="server"

5 Dentro de la etiqueta head agregue un bloque script cliente <script language=javascript> function cliente() { var valor = document.all.txtCliente document.all.txtCliente.value; .value; if (valor == '') { alert("Debe ingresar su nombre"); } }

6 Abra la pagina Ingreso.aspx.vb y agregue el siguiente procedimiento Public Sub servidor() If txtCliente.Text = "" Then lblPrecio.Text = "El nombre es un dato obligatorio" End If End Sub

7 Guarde y ejecute su proyecto. 8 No ingrese ningun texto en el cuadro de Cliente. Luego haga clic en el boton Validar. Observe el orden en que se ejecutan las validaciones. Practica 4 Diseñar la pagina aspx llamada alumnos.aspx que permita calcular el promedio de un alumno.




















Button Button

ID ID


btnCalcular btnNuevo

2 Agregar el siguiente código en el botón Calcular Protected Sub btnCalcular_Click(…) Handles btnCalcular.Click Dim n1, n2, n3 As Integer Dim prom As Single n1 = Integer.Parse(txtn1.Text) n2 = Integer.Parse(txtn2.Text) n3 = Integer.Parse(txtn3.Text) prom = (n1 + n2 + n3) / 3 txtProm.Text = prom.ToString If prom >= 14 Then lblMsg.Text = "Aprobado" lblMsg.ForeColor = Drawing.Color.Blue Else lblMsg.Text = "Desaprobado" "Desaprobado" lblMsg.ForeColor = Drawing.Color.Red End If End Sub 3 Agregar el siguiente código en el botón Nuevo Protected Sub btnNuevo_Click(…) Handles btnNuevo.Click txtNombre.Text = "" txtn1.Text = "" txtn2.Text = "" txtn3.Text = "" txtProm.Text = "" lblMsg.Text lblMsg.Text = "" ddlCurso.SelectedIndex = -1 txtNombre.Focus() End Sub




















c Clic en Examinar

d Clic en Add






















Práctica 5 Diseñar una página (sueldo.aspx) web que calcule el sueldo de un empleado El sueldo depende del cargo a) Gerente 4000 b) Jefe 3500 c) Empleado 1200 d) Seguridad 1200 Bonificación según estado civil a) Divorciada 50 b) Casado 100 c) Divorciado 80 d) Viudo 90





















Instituto de Educación Superior Tecnológico Público Arturo Sabroso Montoya imp1 = total * 0.1 Else imp1 = 0 End If


If chkImpuesto.Items(1).Selected Then imp1 = total * 0.02 Else imp2 = 0 End If txtTotal.Text txtTotal.Text = (total - (imp1 + imp2).ToString("n2")) imp2).ToString("n2")) End Sub

2 Código del botón Nuevo Protected Sub btnNuevo_Click(…) Handles btnNuevo.Click txtTotal.Text txtTotal.Text = "" chkImpuesto.ClearSelection() rbnSexo.ClearSelection() lstCargo.SelectedIndex = -1 ddlEstado.SelectedIndex = -1 End Sub






















RadioButtonList

ListBox TextBox3 Button 1 Button2

Item Item Item ID Item Item ID ID TextMode ID ID

2 Diseño de la página Informe.aspx


Internet Sistemas operativos Ofimatica rbInternet Si No LsUsoPC TxtCaracteristicas Multiline BtnEnviarDatos btnRestablecer





















Instituto de Educación Superior Tecnológico Público Especialidad de Computación e Informática Informática Arturo Sabroso Montoya 'informacion '-----------------------------------If chkInformacion.Items(0).Selected Then Session("informacion") Session("informacion") = chkInformacion.Items(0) chkInformacion.Items(0).Text .Text End If If chkInformacion.Items(1).Selected Then Session("sistemas") = " ," & chkInformacion.Items(1).Text End If If chkInformacion.Items(2).Selected Then Session("ofimatica") Session("ofimatica") = " ," & chkInformacion.Items(2).Text chkInformacion.Items(2).Text End If '------------------------------------

'Te conectas a internet desde tu casa '-----------------------------------If rbInternet.Items(0).Selected Then Session("internet") = rbInternet.Items(0).Text Else Session("internet") = rbInternet.Items(1).Text End If '-----------------------------------'Uso de la pc '------------------------------------























Práctica 7 Desarrollar una aplicación que permita seleccionar uno o varias opciones haciendo uso del control checkboxlist

1 Agregar el siguiente código en la seccion head <script runat="server"> Sub Check_Clicked(sender as Object, e As EventArgs) Message.Text = "Item Seleccionado(s):

" Dim i As Integer For i=0 To checkboxlist1.Items.Count - 1 If checkboxlist1.Items(i) checkboxlist1.Items(i).Selected .Selected Then Message.Text &= checkboxlist1.Items(i).Text & "
" End If Next End Sub

2 Agregar el siguiente código entre las etiquetas
y

Ejemplo del Control CheckBoxList
Seleccione un Item del CheckBoxList






















4 Proyecto en ejecución


























2 Agregar el siguiente codigo dentro de las etiquetas
y

Item 1 Item 2 Item 3 Item 4 Item 5 Item 6

















































El Control AdRotator AdRotator permite que cada vez que se carga la página, un banner es escogido de forma aleatoria y de acuerdo a los pesos que le asignemos. Práctica 9

























5 Agregar el siguiente código cables.jpg http://www.cableexpress.com Cable video online 70 Ir a cableexpress

























El Control Panel Actúa como contenedor de otros controles. Práctica 10 Crear una aplicación web que muestre el uso del control panel















































































5 Seleccionar el control Multiview y establecer la propiedad ActiveViewIndex a 0 6 Seleccionar el control RadioButtonList y activar la propiedad AutoPostBack



































































































































































































































































































































































































































































2 Importar el espacio de nombres para SQL Server Imports System.Data.SqlClient 3 Agregar el siguiente codigo en la seccion Declaraciones Dim cad As String = "Data source=PCSERVER; initial catalog=Nwind; Integrated Security=SSPI" 4 Codigo del Evento load de la pagina web Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) System.EventArgs) Handles Me.Load If Not Me.IsPostBack Then Dim selectSQL As String = "Select NombreProducto,IdProducto From Productos" Dim cn As New SqlConnection(cad) SqlConnection(cad) Dim cmd As New SqlCommand(selectSQL, SqlCommand(selectSQL, cn) cn.Open() ddlProductos.DataSource = cmd.ExecuteReader ddlProductos.DataTextFi ddlProductos.DataTextField eld = "NombreProducto" "NombreProducto" ddlProductos.DataValueField = "IdProducto" Me.DataBind() cn.Close() ddlProductos.SelectedIn ddlProductos.SelectedIndex dex = -1 End If End Sub

5 Código de ddlproductos Protected Sub ddlProductos_SelectedIndexChanged(ByVal sender As Object, ByVal e As EventArgs) Handles ddlProductos.SelectedIndexChanged Dim seleccionarProducto As String = "select NombreProducto, CantidadPorUnidad,NombreCategoría From Productos INNER JOIN Categorías on Categorías.IdCategoría=Productos.IdCategoría where IdProducto=@IdProducto" Dim cn As New SqlConnection(cad) Dim cmdProductos As New SqlCommand(seleccionarProducto, cn) cmdProductos.Parameters.AddWithValue("@IdProducto", ddlProductos.SelectedValue) Using cn cn.Open() Dim reader As SqlDataReader = cmdProductos.ExecuteReader reader.Read() 'Actualizar la informacion lblRecordInfo.Text lblRecordInfo.Text = "Nombre Producto: " & _ reader("NombreProducto" reader("NombreProducto") ) & "
" lblRecordInfo.Text &= "Cantidad por Unidad: " & _ reader("CantidadPorUnidad") & "
" lblRecordInfo.Text lblRecordInfo.Text &= "Nombre Categoría: " & _ reader("NombreCategoría")



















Dim selectCategoria As String = "Select NombreCategoría, Idcategoría From Categorías" Dim cmdCategorias As New SqlCommand(selectCategoria, SqlCommand(selectCategoria, cn)

lstCategoria.DataSource = cmdCategorias.ExecuteReader lstCategoria.DataTextFi lstCategoria.DataTextField eld = "NombreCategoría" "NombreCategoría" lstCategoria.DataValueField = "IdCategoría" lstCategoria.DataBind() lstCategoria.Items.FindByText(matchCategoria).Selected = True End Using End Sub

6 Código de btnActualizar Protected Sub btnActualizar_Click(ByVal btnActualizar_Click(ByVal sender As Object, ByVal e As EventArgs) Handles btnActualizar.Click Dim updateCmd As String = "Update Productos set IdCategoría=@IdCategoría where IdProducto=@IdProducto" Dim cn As New SqlConnection(cad) Dim cmd As New SqlCommand(updateCmd, cn) cmd.Parameters.AddWithValue("@IdCategoría", lstCategoria.SelectedItem.Value) cmd.Parameters.AddWithValue("IdProducto", ddlProductos.SelectedValue) Using cn cn.Open() cmd.ExecuteNonQuery() End Using End Sub End Class

7 Ejecutar la aplicación



















Práctica 25 Desallar una aplicación que muestre un producto y su detalle. 1 Diseñar

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="WebApplication1._Default" %> Página sin título

















Instituto de Educación Superior Tecnológico Público Especialidad de Computación e Informática Informática Arturo Sabroso Montoya SelectCommand="SELECT SelectCommand="SELECT * FROM Productos WHERE (IdProducto = @IdProducto)">

2 Ejecutar el Proyecto

Práctica 26 Mostrar los datos de la tabla productos en una pagina web aspx 1 Agregar un control GridView



















2 Código de la Aplicación <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="WebApplication1._Default" %> Diseñado <title>Diseñado por Julio Larico

3 Importar el espacio de nombres para sql server Imports System.Data.SqlClient

4 Código del evento load de la pagina web Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) System.EventArgs) Handles Me.Load Dim strConexion As String = "Data source=PCSERVER; initial catalog=Nwind; Integrated Security=SSPI" Dim sql As String = "select IdProducto,NombreProducto,PrecioUnidad From Productos" Dim cn As New SqlConnection(strConexion) Dim cmd As New SqlCommand(sql, cn) Dim da As New SqlDataAdapter(cmd) SqlDataAdapter(cmd) Dim ds As New DataSet da.Fill(ds, da.Fill(ds, "Productos") GridView1.DataSource = ds GridView1.DataBind() End Sub

5 Ejecutar el proyecto





















Práctica 27 Mostrar los Detalles de un producto previamente seleccionado. 1 Diseñar

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="Ejercicio5._Default" %>

















Instituto de Educación Superior Tecnológico Público Especialidad de Computación e Informática Informática Arturo Sabroso Montoya <%# eval("UnidadesEnExisten eval("UnidadesEnExistencia") cia") %>

En Pedido: <%# Eval("UnidadesEnPedido" Eval("UnidadesEnPedido") ) %>
Registro: <%# Eval("NivelNuevoPedido" Eval("NivelNuevoPedido") ) %>

2 Ejecutar el proyecto

Libro ASP.net-Parte 1

Recommend Documents

Ejemplo del Control CheckBoxList