T-Control Introduccion al .NET by Luis Alfonso Ramirez

Reforzamiento .NET

Índice Microsoft Visual Studio 2010 Ultimate .......................................................................................... 3 Entorno de trabajo ........................................................................................................................ 4 Crear una aplicación web en .net .................................................................................................. 6 Propiedades de los controles ..................................................................................................... 9 Estructura de Sentencias SQL ................................................................................................. 19 Controles para manipular Datos .............................................................................................. 21 Enlazar controles a un Data Source ........................................................................................ 24 Agregar un Formulario Web...................................................................................................... 26 Agregar una carpeta al sitio Web............................................................................................. 27 Agregar imágenes una carpeta del sitio Web ........................................................................ 28 Declaración de variables .......................................................................................................... 28 Imports ......................................................................................................................................... 29 Estructuras de Control ............................................................................................................... 29 Try ................................................................................................................................................. 31 Crear una cadena de conexión en el archivo Web.config ....................................................... 31 Cadena de conexión en MySql ................................................................................................ 32 Cadena de conexión en Sql ...................................................................................................... 32 Base de Datos................................................................................................................................. 32 Programar una aplicación web ..................................................................................................... 34 Diseño .......................................................................................................................................... 34 Código .......................................................................................................................................... 41 Ejecutar una aplicación ............................................................................................................. 43

Microsoft Visual Studio 2010 Ultimate Visual Studio es un conjunto completo de herramientas de desarrollo para la generación de aplicaciones Web ASP.NET, Servicios Web XML, aplicaciones de escritorio y aplicaciones móviles. Visual Basic, Visual C++, Visual C# y Visual J# utilizan el mismo entorno de desarrollo integrado (IDE), que les permite compartir herramientas y facilita la creación de soluciones en varios lenguajes. Formularios Web Forms Los formularios Web Forms son una tecnología ASP.NET que se utiliza para crear páginas Web programables. Los formularios Web Forms se representan como código HTML y secuencias de comandos compatibles con exploradores, lo que permite ver las páginas en cualquier explorador y plataforma. Mediante el uso de formularios Web Forms se pueden crear páginas Web arrastrando y colocando controles en el diseñador y agregando código posteriormente. Formularios Windows Forms Los formularios Windows Forms sirven para crear aplicaciones de Microsoft Windows en .NET Framework. Este marco de trabajo proporciona un conjunto de clases claro, orientado a objetos y ampliable, que permite desarrollar complejas aplicaciones para Windows. Servicios Web XML Los Servicios Web XML son aplicaciones que pueden recibir solicitudes y datos mediante XML a través de HTTP, no están ligados a una tecnología de componentes particular o a una convención de llamada de objetos y, por tanto, se puede obtener acceso a ellos mediante cualquier lenguaje, modelo de componente o sistema operativo. En Visual Studio, se pueden crear e incluir con rapidez Servicios Web XML mediante Visual Basic, Visual C#, JScript o servidor ATL.

Entorno de trabajo

Barras de herramientas. Proporcionan los comandos que permiten dar formato al texto, buscar texto, etc. Algunas barras de herramientas sólo están disponibles cuando se trabaja en la vista Diseño. Explorador de soluciones. Muestra los archivos y carpetas del sitio Web. Ventana Documento. Muestra los documentos en los que se está trabajando en ventanas con fichas. Puede pasar de un documento a otro haciendo clic en las fichas. Ventana Propiedades. Permite cambiar la configuración de la página, los elementos HTML, los controles y otros objetos. Fichas de vistas. Presentan distintas vistas del mismo documento. La vista Diseño es una superficie de edición prácticamente WYSIWYG. La vista Código fuente es el editor HTML de la página. Cuadro de herramientas. Proporciona los controles y elementos HTML que se pueden arrastrar a la página. Los elementos del Cuadro de herramientas se agrupan por funcionamiento común. Explorador de servidores/Explorador de bases de datos. Muestra las conexiones a las bases de datos. Si el Explorador de servidores no está visible en Visual Web Developer, en el menú Ver/ Explorador de servidores.

Crear una aplicación web en .net 1. Abrir Visual Studio. Inicio – Todos los programas – Microsoft Visual Studio 2010 - Microsoft Visual Studio 2010. 2. Crear un nuevo proyecto a) File – New ProjectD - ASP.NET Web Application b) Establecer el nombre del proyecto (proyPractGob)

Por defecto se crea un formulario web con el nombre Default.aspx

3. Establecer las propiedades generales del formulario web.

El elemento HTML div es un contenedor a nivel de bloque para otros elementos, resulta muy útil para asignar atributos presentacionales a bloques enteros de contenido. 1. 2. 3. 4.

Seleccionar la etiqueta <div> Clic en la propiedad Estilo Especificar el tipo y tamaño de letra, ancho y alto del formulario web, etc. Clic en Aceptar (OK)

4. Agregar una Tabla del cuadro de herramientas (Esta tabla contendrá los controles de la pagina web) En el cuadro de herramientas clic en la sección HTML Clic en Tabla – y arrastrar la tabla dentro del div.

Modificar la tabla Para agregar, eliminar, modificar columnas filas celdas solo deberá dar clic derecho sobre algún elemento de la tabla, posteriormente elegir alguna de las opciones disponibles.

Propiedades de las celdas Para modificar propiedades de una celda, fila o columnas primero deberás seleccionarla posteriormente ir a las propiedades (clic derecho Propiedades). 1 1. Alineación 2. Ancho 3. Estilo En el estilo podrás configurar el tipo de fuente, tamaño, color, etc. Colocar bordes a la celda fila o columna.

2 5. Guardar el proyecto.

6. Agregar controles Para agregar controles solo deberás dar clic cuadro de herramientas en la pestaña Estándar - Clic sobre el control que desees agregar – arrastrar el control dentro de la tabla que agregaste en el paso 4.

Propiedades de los controles Button

Prefijo: btn Descripción: Nos permite ejecutar alguna rutina, función o procedimiento, generalmente en el evento click del mismo, para realizar de esta manera alguna tarea. Propiedades Descripción (ID) Nombre del control Text Texto que mostrara el control

Ejemplo btnAceptar Aceptar

Height Width Font ForeColor Visible Enabled

Altura del control Ancho del control Permite especificar el tipo de letra, tamaño, etc. Color de fuente Indica si el control estará visible o no Indica si el control está habilitado o no para el usuario.

50px 150px Name - Arial Size – 14pt Blue True True

CheckBoxList

Prefijo: cbl Descripción: Nos permite seleccionar una o más opciones. Propiedades Descripción (ID) Nombre del control Items Te permite agregar elementos a la lista. AutoPostBack Obtiene o establece un valor que indica si se produce una devolución de datos automática al servidor cuando el usuario presiona una de las teclas ENTRAR o TAB mientras está en el control. Width Ancho del control Font Permite especificar el tipo de letra, tamaño, etc. ForeColor Visible Enabled

Color de fuente Indica si el control estará visible o no Indica si el control está habilitado o no para el usuario. * Propiedad Items

Ejemplo cblOpciones * False

150px Name Arial Size – 14pt Blue True True

DropDownList

Prefijo: ddl Descripción: El control DropDownList se utiliza para crear una lista desplegable. Cada elemento seleccionable en un control DropDownList está definido por un elemento ListItem. Los elementos del DropDownList se pueden agregar y ser definidos desde su diseño o bien ligado a una tabla en base de datos. Propiedades Descripción (ID) Nombre del control Items Te permite agregar elementos a la lista. AutoPostBack Obtiene o establece un valor que indica si se produce una devolución de datos automática al servidor cuando el usuario presiona una de las teclas ENTRAR o TAB mientras está en el control. Width Ancho del control Font Permite especificar el tipo de letra, tamaño, etc. ForeColor Color de fuente Visible Indica si el control estará visible o no Indica si el control está habilitado o no para el Eanbled usuario. * Propiedad Items

Ejemplo ddlOpciones * False

150px Name - Arial Size – 14pt Blue True True

FileUpload

Descripción: Muestra un control de cuadro de texto y un botón Examinar que permiten a los usuarios seleccionar un archivo para cargarlo al servidor. Propiedades (ID) Height Width Font ForeColor Visible Enabled

Descripción

Ejemplo fileDoc Nombre del control Altura del control 50px Ancho del control 150px Name - Arial Permite especificar el tipo de letra, Size – 14pt tamaño, etc. Color de fuente Blue Indica si el control estará visible o no True Indica si el control está habilitado o no para el usuario. True

HyperLink Prefijo: hl Descripción: Muestra un control de cuadro de texto y un botón Examinar que permiten a los usuarios seleccionar un archivo para cargarlo al servidor.

Propiedades (ID) Height

Descripción Nombre del control Altura del control

Ejemplo hlDer 50px

Width Font ForeColor NavigateUrl

Target Text Visible Enabled

Ancho del control Permite especificar el tipo de letra, tamaño, etc. Color de fuente URL para navegar

Indica el marco de destino para navegar Texto que muestra el control Indica si el control estará visible o no Indica si el control está habilitado o no para el usuario.

150px Name - Arial Size – 14pt Blue http://www.conocer.gob.mx /pdfs/libreria_doc/Derecho s.pdf _blank Derechos y Obligaciones True True

Image

Prefijo: img Descripción: Muestra una imagen Propiedades (ID) Height Width ImageUrl

Visible Enabled

Descripción Nombre del control Altura del control Ancho del control Propiedad para especificar la dirección URL de una imagen para mostrar en el control de la imagen. Indica si el control estará visible o no Indica si el control está habilitado o no para el usuario.

Ejemplo imgLogo 55px 85px ~/imagenes/logo.bmp

True True

ImageButton

Prefijo: ib Descripción: Nos permite ejecutar alguna rutina, función o procedimiento, generalmente en el evento click del mismo, para realizar de esta manera alguna tarea.

Propiedades (ID) Height Width ImageUrl

ToolTip Visible Enabled

Descripción Nombre del control Altura del control Ancho del control Propiedad para especificar la dirección URL de una imagen para mostrar en el control de la imagen. Muestra un texto cuando el curso para sobre el control. Indica si el control estará visible o no Indica si el control está habilitado o no para el usuario.

Ejemplo ibGuardar 25px 25px ~/imagenes/mediafloppy.png Guardar True True

Label Prefijo: lbl Descripción: El control Label se utiliza para mostrar texto en una página. El texto es programable. Propiedades (ID) Height Width Font ForeColor Text Visible Enabled

Descripción Nombre del control Altura del control Ancho del control Permite especificar el tipo de letra, tamaño, etc. Color de fuente Texto que muestra el control Indica si el control estará visible o no Indica si el control está habilitado o no para el usuario.

TextBox

Prefijo: txt

Ejemplo lblNombre 25px 25px Name - Arial Size – 14pt Blue Nombre: True True

Descripción: El control TextBox se utiliza para crear un cuadro de texto donde el usuario puede introducir texto. Propiedades (ID) Height Width Font ForeColor Visible Enabled MaxLength ReadOnly Text TextMode Visible

Descripción Nombre del control Altura del control Ancho del control Permite especificar el tipo de letra, tamaño, etc. Color de fuente Indica si el control estará visible o no Indica si el control está habilitado o no para el usuario. Indica el número máximo de caracteres que podrá contener el control. Establece si el control será de solo lectura Texto que muestra el control El modo de comportamiento del control. SingleLine MultiLine Password Indica si el control estará visible o no

Ejemplo txtNombre 25px 150px Name - Arial Size – 14pt Blue True True 100 False

MultiLine True

LinkButton

Prefijo: lb Descripción: Se utiliza para crear un botón de hipervínculo. Este control se parece a un control HyperLink, pero tiene la misma funcionalidad que el control Button. Propiedades (ID) Height Width Font ForeColor Visible Enabled Text

Ejemplo lbEditar 25px 150px Name - Arial Size – 14pt Blue True True

Visible

Indica si el control estará visible o no

True

ListBox

Prefijo: lst Descripción: El control ListBox se utiliza para crear una o de selección múltiple en la lista desplegable. Cada elemento seleccionable en un control está definido por un elemento ListItem. Propiedades (ID) Items AutoPostBack

Descripción

Ejemplo lstOpciones Nombre del control Te permite agregar elementos a la lista. * Obtiene o establece un valor que indica si se False produce una devolución de datos automática al servidor cuando el usuario presiona una de las teclas ENTRAR o TAB mientras está en el control. Width Ancho del control 150px Font Name - Arial Permite especificar el tipo de letra, Size – 14pt tamaño, etc. ForeColor Color de fuente Blue Visible Indica si el control estará visible o no True Indica si el control está habilitado o no para el True Eanbled usuario. Height Altura del control 25px Seleccionar uno o más ítem de la lista Single SelectionMode Single Multiple

Panel

Prefijo: pnl Descripción: El control Panel es un contenedor de otros controles. Resulta especialmente útil si desea ocultar o mostrar un grupo de controles. Propiedades (ID) Width Height Font

Descripción

Nombre del control Ancho del control Altura del control Permite especificar el tipo de letra, tamaño, etc. ForeColor Color de fuente Visible Indica si el control estará visible o no Indica si el control está habilitado o no para el Eanbled usuario. El texto que se mostrara alrededor del contenido GroupingText de este control

Ejemplo pnlInformacion 150px Name - Arial Size – 14pt Blue True True 1/13

RadioButtonList

Prefijo: rbl Descripción: Se utiliza para mostrar opciones de las cuales solo podrás elegir una. Propiedades Descripción (ID) Nombre del control AutoPostBack Obtiene o establece un valor que indica si se produce una devolución de datos automática al servidor cuando el usuario presiona una de las teclas ENTRAR o TAB mientras está en el control. Eanbled Indica si el control está habilitado o no para el usuario. Font Permite especificar el tipo de letra, tamaño, etc. ForeColor Color de fuente Items Te permite agregar elementos a la lista. Height Altura del control Alineación de la etiqueta de texto con respecto a TextAlign cada ítem. Indica si el control estará visible o no Visible

Ejemplo rblOpciones False

True Name - Arial Size – 14pt Blue * 25px Right True

Estructura de Sentencias SQL SELECT SELECT Columna1, Columna2 FROM nombreTabla WHERE algunaColumna = algunValor SELECT distinct mes, CASE mes WHEN 1 THEN 'Enero' WHEN 2 THEN 'Febrero' WHEN 3 then 'Marzo'

WHEN 4 then 'Abril' WHEN 5 then 'Mayo' WHEN 6 then 'Junio' WHEN 7 then 'Julio' WHEN 8 then 'Agosto' WHEN 9 then 'Septiembre' WHEN 10 then 'Octubre' WHEN 11 then 'Noviembre' WHEN 12 then 'Diciembre' END 'nombre' FROM tblbombas where myear=@year INSERT INSERT INTO nombreTabla (Columna1, Columna2) VALUES (valor1, valor2) UPDATE UPDATE nombreTabla SET algunaColumna = algunValor

Columna1=valor1,

Columna2=valor2

Ejemplo:

UPDATE Persons SET Address='Nissestien 67', City='Sandnes' WHERE LastName='Tjessem' AND FirstName='Jakob'

DELETE DELETE TABLE nombreTabla WHERE algunaColumna = algunValor

WHERE

Controles para manipular Datos SqlDataSource

Prefijo: sds Descripción: El control SqlDataSource se utiliza para acceder a los datos de una base de datos. El desarrollador no tiene que volver a escribir los cambios de código o una página, sino que simplemente tiene que cambiar la cadena de conexión para utilizar cualquiera de las bases de datos para el proveedor que está disponible. Propiedades (ID) InsertQuery SelectQuery UpdateQuery DeleteQuery

Descripción Nombre del control Sentencia para insertar un registro Sentencia para seleccionar uno o varios registros Sentencia para actualizar uno o varios registros Sentencia para eliminar uno o varios registros

Configurar un SqlDataSource

1. Clic en Configurar origen de datos. 2. Clic en Nueva Conexión 3. Agregar los datos para la conexión

Ejemplo sdsInformacion

4. 5. 6. 7. 8.

Clic en OK Clic en Siguiente Establecer el nombre de la conexi贸n (dbPruebaCS) Clic en Siguiente Especificar que nosotros deseamos construir la consulta

9. Clic en Siguiente 10. Agregar la consulta (Pesta単a Select) SELECT idUsu, nomUsu + ' ' + apPat + ' ' + apMat AS Nombre, correo AS Email FROM tblUsuarios

11. Clic en Siguiente 12. Clic en Terminar. GridView

Prefijo: gv Descripción: Muestra los valores de un origen de datos en una tabla donde cada columna representa un campo y cada fila representa un registro. Propiedades (ID) AutoGenerateSelectButton DataKeyNames DataSourceID Width

Descripción Nombre del control Genera un control para la selección Campo clave del origen de datos El ID de control de un origen de datos que se utilizará como origen de datos Ancho del control

Enlazar controles a un Data Source GridView

DropDownList 1. Elegir el origen de datos 2. Seleccionar el campo para Mostrar en la lista desplegable. 3. Seleccionar un campo que será el valor. 4. Clic en OK. 5. Establecer si se realizara alguna acción al dar clic en un campo.

Ejemplo gvDatos True idUsu sdsInformacion 500px

Agregar un Formulario Web 1. Clic derecho sobre el nombre del sitio web 2. Clic en Agregar 1 3. Clic en Nuevo Item 4. Clic en Web â&#x20AC;&#x201C; Web Form 5. Asignarle un nombre

Agregar una carpeta al sitio Web 1. Clic derecho sobre el nombre del sitio web 2. Clic en Agregar

3. Clic en Nuevo Forder 4. Escribir un nombre 5. Presionar Enter

2 3

Agregar imรกgenes una carpeta del sitio Web

1. Buscar la imagen que deseas agregar al proyecto 2. Clic en la imagen que deseas agregar al proyecto y arrastrarla a Microsoft Visual Studio donde estรก tu proyecto y soltar la imagen en una carpeta del proyecto de las que se muestran en el Explorador de soluciones.

Declaraciรณn de variables Dim nombreVariable As Integer = 0 Dim nombreVariable As String = "" Dim nombreVariable As Double = 0.0 Dim nombreVariable As New Random Protected Property idusuario() As Integer Get

Dim o As Object = ViewState("idusuario") If o Is Nothing Then Return 0 Else Return CType(o, Integer) End If End Get Set(ByVal Value As Integer) ViewState("idusuario") = Value End Set End Property Utilizar un Random nombreVariable .Next(1, 99999) MySQL Dim cmd As New MySqlCommand Dim da As New MySqlDataAdapter Dim ds As New DataSet SQL Dim dsMes As New DataSet Dim cmd As New SqlClient.SqlCommand Dim adp As New SqlClient.SqlDataAdapter

Imports Imports System.Drawing Imports System.IO Imports System.Math Conexi贸n a MySQL Imports MySql.Data.MySqlClient

Estructuras de Control Las estructuras de control nos permiten controlar el flujo del programa: tomar decisiones, realizar acciones repetitivas etc., dependiendo de unas condiciones que nosotros mismos establezcamos. IF La estructura de control IF permite decidir entre dos o m谩s opciones resultantes de la evaluaci贸n de una sentencia

IF (expresion1) then Sentencias1 .... ELSEIF (expresion2) then Sentencias2 .... ELSEIF (expresion3) then Sentencias3 .... ELSE Sentencias4 .... END IF Ejemplo: If variable = "I" Then .txtTitulo3.Text="Ingresos" ElseIf variable = "G" Then .txtTitulo3.Text="Gastos" Else .txtTitulo3.Text=" " End If CASE Con la estructura de control CASE podemos evaluar una variable y realizar acciones dependiendo del valor de esta. SELECT CASE (variable) CASE (valor1) (acci贸n para caso valor1) CASE (valor3) (acci贸n para caso valor2) CASE (valor3) (acci贸n para caso valor3) CASE ELSE (accion en caso de que no se cumpla ningun anterior caso) END SELECT Ejemplo: Select Case tipo Case "I" .txtTitulo3.Text="Ingresos" Case "G" .txtTitulo3.Text="Gastos" End Select

FOR La sentencia FOR se utiliza para los bucles, cuando sabemos el número de veces que debemos ejecutar el bucle. Ejemplo: For K As Integer = 0 To WebImageViewer1.Items.Count - 1 If .WebImageViewer1.Items(K).AltText = .txtIdImg.Text Then NUME = K End If Next FOR EACH La estructura de control FOR EACH sirve para moverse por los elementos de una estructura de datos, como podría ser un vector, y realizar acciones para cada una de los elementos. For Each foundFil As String In IO.Directory.GetFiles("D:\Hosting\8289741\html\zt67hew35\ itesm\cile\" + ._txtidusr.Text.ToString + "\", "zzz*.*") IO.File.Delete(foundFil) Next

Try Try Catch ex As Exception End Try

Crear una cadena de conexión en el archivo Web.config 1. En el Explorador de soluciones, dar doble clic sobre el archivo Web.config

2. Buscar la línea <connectionStrings/> y agregar los datos para la conexión a base de datos.

Cadena de conexión en MySql

<connectionStrings> <add name="tableros" connectionString="Persist Security Info=True;server=DireccionSer vidor;User Id=nombreUsuario;password=contraseña;database=nombreBaseDeDa tos" providerName="MySql.Data.MySqlClient" /> </connectionStrings> Nota: Recuerda que si el servicio web tendrá una conexión con MySql deberás agregar las siguientes referencias: MySql.Data MySql.Data.Entity MySql.Web

Cadena de conexión en Sql <connectionStrings> <add name="tableros" connectionString="Data Source=DireccionServidor; Initial Catalo g=nombreBaseDeDatos; User ID=nombreUsuario; Password='contraseña';" provider Name="System.Data.SqlClient"/> </connectionStrings>

Base de Datos

1. Ingresar a Microsoft SQL Server Management Studio 2. Clic derecho sobre Database (Base de datos) 3. Clic en New Database... (Nueva Base de Datos) 4. Escribir el nombre de la base de datos. 5. Clic en OK.

6. Clic derecho sobre Tables (Tablas) 7. Clic sobre New TableB (Nueva Tabla)

8. Agregar los siguientes campos

Programar una aplicación web Diseño 1. Elimina 1 fila a la tabla que se encuentra en el formulario Web Default.aspx 2. Combinar las celdas de la fila 1 a. Seleccionar las tres celdas de la fila 1 b. Clic derecho – Clic Modificar – Clic Combinar celdas 3. Combinar las celdas de la fila 2

4. Agregar un panel (pnlBienvenida) dentro de la fila 1 y la fila 2 (pnlDatos). 5. Agregar una tabla dentro del panel pnlBienvedida y pnlDatos. 6. Agregar 2 labels (etiquetas), 1 textbox (caja de texto), 1 button (boton) y 1 imageButton. ID - lblIndicaciones Text - Escriba su nombre:

ID - txtNOmbre Width - 350px

ID - btnMostrar Text - Mostrar

ID - ibDatos ImageUrl~/imagenes/go-next.png

Align right

ID - lblText Text -

7. En el panel pnlDatos agregar 5 label, 5 textbox, 4 imageButton, 1 sqlDataSource y y GridView. 1

4 9

6 11

16 7

15 12

14 17

2 3

pnlDatos Visible – False Font (Name) – Trebuchet MS Font (Size) – 12pt Table (9 filas por 3 Columnas) txtId

Visible – False Font (Name) – Trebuchet MS Width – 50px 4 5 6 7 8 9

13 14 15

ibPrev ImageUrl – ~/imagenes/go-previous.png lblNom Text – Nombre: lblApPat Text – Apellido Paterno: lblApMat Text – Apellido Materno: lblEmail Text – E-mail: txtNomUsu Text – MaxLength – 250 Width – 300px txtApPat Text – MaxLength – 250 Width – 300px txtApMat Text – MaxLength – 250 Width – 300px txtEmail Text – MaxLength – 250 Width – 300px lblMensaje Text – idAgregar ImageUrl –~/imagenes/list-add.png ibGuardar ImageUrl – ~/imagenes/media-floppy.png AlternateText – Guardar ibEliminar ImageUrl – ~/imagenes/Button-Delete-icon.png Enabled – False gvDatos AutoGenerateSelectButton – True Width – 500px sdsInformacion

Conectar a la base de datos dbPrueba DeleteQuery – DELETE FROM tblUsuarios Where idUsu=@idUsu

InsertQuery – INSERT INTO tblUsuarios(nomUsu, apPat, apMat, correo) VALUES (@nom, @apPat, @apMat, @correo)

SELECT idUsu, nomUsu + ' ' + apPat + ' ' + apMat AS Nombre, correo AS Email FROM tblUsuarios

UPDATE tblUsuarios SET nomUsu = @usu, apPat = @pat, apMat = @mat, correo = @email where idUsu=@idUsu

19 Table (1 fila por 3 Columnas) Style â&#x20AC;&#x201C; width: 200px;

8. Agrega el data Source(sdsInformacion) a gvDatos

Como agregar parámetros a las consultas de SQL 1. 2. 3. 4.

Clic sobre el SqlDataSource Ir a las propiedades del control Ingresar a la porpiedad InsertQuery ( o la que requieras) Clic en Refrescar parámetros

5. Clic sobre el parámetro (nom) 6. Clic en la lista desplegable de Parameter Source (Origen de Parámetros) 7. Clic sobre “control”

8. Elegir el control que va a alimentar ha dicho parรกmetro.

9. Repetir los pasos 5 a 8 hasta terminar con todos los parรกmetros

10. Clic en Ok.

C贸digo Imports System.Data.SqlClient Public Class _Default Inherits System.Web.UI.Page Protected Property idusuario() As Integer Get Dim o As Object = ViewState("idusuario") If o Is Nothing Then Return 0 Else Return CType(o, Integer) End If End Get Set(ByVal Value As Integer) ViewState("idusuario") = Value End Set End Property

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load If Not IsPostBack Then 'SOLO SE EJECUTA CUANDO SE CARGA LA PAGINA End If End Sub Protected Sub bntMostrar_Click(ByVal sender As Object, ByVal e As EventArgs) Handles bntMostrar.Click

With Me If .txtNombre.Text.Trim("") <> "" Then .lblText.Text = .txtNombre.Text.ToUpper + " Bienvenido a Visual Studio!!" .lblText.ForeColor = Drawing.Color.Green Else .lblText.Text = "Por favor ingrese su nombre" .lblText.ForeColor = Drawing.Color.Red End If End With End Sub Protected Sub ibDatos_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageCli ckEventArgs) Handles ibDatos.Click With Me .pnlBienvenida.Visible = False .pnlDatos.Visible = True limpiar() .ibEliminar.Enabled = False .ibGuardar.AlternateText = "Guardar" End With End Sub Protected Sub idAgregar_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageC lickEventArgs) Handles idAgregar.Click With Me limpiar() .ibEliminar.Enabled = False .ibGuardar.AlternateText = "Guardar" End With End Sub Protected Sub limpiar() With Me .txtNomUsu.Text = "" .txtApPat.Text = "" .txtApMat.Text = "" .txtEmail.Text = "" End With End Sub Protected Sub ibGuardar_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageC lickEventArgs) Handles ibGuardar.Click With Me .lblMensaje.Text = "" If .txtNomUsu.Text.Trim("") <> "" And .txtApPat.Text.Trim("") <> "" And .txtA pMat.Text.Trim("") <> "" And .txtEmail.Text.Trim("") <> "" Then If .ibGuardar.AlternateText = "Guardar" Then .sdsInformacion.Insert() limpiar() Else .sdsInformacion.Update() End If .sdsInformacion.DataBind() .gvDatos.DataBind() Else .lblMensaje.Text = "Ingrese todos los datos" .lblMensaje.ForeColor = Drawing.Color.Red End If End With End Sub

Protected Sub ibEliminar_Click(ByVal sender As Object, ByVal e As System.Web.UI.Image ClickEventArgs) Handles ibEliminar.Click With Me .sdsInformacion.Delete() .sdsInformacion.DataBind() .gvDatos.DataBind() .txtId.Text = "" limpiar() .ibGuardar.AlternateText = "Guardar" .ibEliminar.Enabled = False End With End Sub Protected Sub ibPrev_Click(ByVal sender As Object, ByVal e As System.Web.UI.ImageClic kEventArgs) Handles ibPrev.Click With Me .pnlBienvenida.Visible = True .pnlDatos.Visible = False End With End Sub Protected Sub gvDatos_SelectedIndexChanging(ByVal sender As Object, ByVal e As System .Web.UI.WebControls.GridViewSelectEventArgs) Handles gvDatos.SelectedIndexChanging With Me Dim row As GridViewRow = gvDatos.Rows(e.NewSelectedIndex) idusuario = CInt(row.Cells(1).Text) .txtId.Text = idusuario.ToString Dim cmd As New SqlCommand Dim da As New SqlDataAdapter Dim ds As New DataSet cmd.Connection = New SqlConnection(ConfigurationManager.ConnectionStrings("db PruebaCS").ConnectionString) cmd.CommandText = "select nomUsu,apPat,apMat,correo from tblUsuarios where id Usu=@idUsu" cmd.Parameters.AddWithValue("@idUsu", idusuario) da.SelectCommand = cmd da.SelectCommand.Connection.Open() da.Fill(ds) da.SelectCommand.Connection.Close() .txtNomUsu.Text = ds.Tables(0).Rows(0).Item(0) .txtApPat.Text = ds.Tables(0).Rows(0).Item(1) .txtApMat.Text = ds.Tables(0).Rows(0).Item(2) .txtEmail.Text = ds.Tables(0).Rows(0).Item(3) .ibGuardar.AlternateText = "Actualizar" .ibEliminar.Enabled = True End With End Sub End Class

Ejecutar una aplicación Para ejecutar un aplicación solo deberás presiona la tecla F5 ó clic en el menú Debug – Clic en Start Debugging.