Utiliza servicios de almacenamiento de Azure en aplicaciones WPF desde 0

microsoft-azure-logo

Objetivos:

-Conectar aplicaciones WPF a servicios de almacenamiento Azure

-Inserta y consultar información de tablas utilizando C# y SQL

-Utilizar procedimientos almacenados para insertar información

Requerimientos:

  • Mínimo un procedimiento almacenado en una base de datos en SQL Server
  • Proyecto tipo WPF
  • 3 Textbox
  • 3 Textblock
  • 2 Botones
  • 1 DataGrid

Interfaz de usuario

Azure y WPF img 1

Conectando con Azure

  • Nos vamos a la sección App.config y agregamos el siguiente código:

    <connectionStrings>
<clear/>
<add name=”conexion” connectionString=”Data Source=….”/>
</connectionStrings>

 Nota: Visual Studio nos genera de manera automática la url de conexión a nuestra base de datos, para obtenerla debemos hacer el siguiente procedimiento:

  • Nos vamos al cuadro de herramientas > conectar la base de datos

Azure y WPF img 2

  • Ingresamos la información de la conexión, inicio de sesión y seleccionamos la base de datos con la que queremos trabajar.

Azure y WPF img 3

  • A continuación, si la conexión fue exitosa nos aparece un icono verde junto a nuestra base de datos que indica que tenemos acceso a esa base de datos. Damos clic en nuestra base de datos y nos vamos al panel de propiedades para copiar la cadena de conexión y la pegamos entre comillas del ConnectionString

Azure y WPF img 4

Insertar información

En el evento clic del botón guardar agregamos el siguiente código, el cuál será el que nos permite enlazar la aplicación con nuestra base de datos en Azure, utilizar el procedimiento almacenado “registrarusuarios” para insertar información en la tabla “registros”.

Azure y WPF img 5

Mostrar información

En el evento clic del botón consultar añadimos el siguiente código para realizar un enlace a nuestra base de datos, consultar información, convertir dicha información y mostrarla en el DataGrid.

Azure y WPF img 6

Vídeo tutorial 

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s