Conectar una base de datos MySql con Asp.Net (Parte 1)

Para el ejemplo se necesitara una base de datos creada en MySQL, puedes ingresar a https://www.db4free.net/ y crear una base de datos.

1. Ingresar a https://www.db4free.net/ y crearemos una base de datos.

2. La base de datos será llamada baseprueba y la tabla se llamara general con la siguiente estructura.

• int_id  (INT)
• str_nombre VARCHAR (50)
• str_apellido VARCHAR (50)
• str_direccion (TEXT)
• int_telefono INT 

     Agregamos algunos registro como prueba.

 3. Crearemos un proyecto Web y agregamos a la Form principal.

• Button1
• GridView1
• Label_error

 4. Damos formato al GridView1 llamado los campos de la tabla de MySQL.

5. Editamos el Web.Config y agregamos la ruta de conexión, en caso de ser local la base de datos cambiaremos el campos Server=LocalHost.

6. Para poder hacer la conexión a una base de datos de MySQL agregaremos el paquete NuGet, botón
    derecho sobre al proyecto y seleccionamos Manage NuGet Packages…
    Para el ejemplo estoy utilizo la versión 2017 de Visual Studio.

7. Buscamos el paquete MySQL.Data y lo instalamos.

8. Ingresamos al código de la Form principla y agregamos la referencia MySQL.Data.MySqlClient  que realizara la conexión a la base de datos.
Guardaremos en la variable de sesión Conectar la ruta de enlace a la base de datos que se ubica en el Web.Config.
Creamos el procedimiento llamo_datos_mysql que realizara el llamado de la información de la tabla general.

 9. Ejecutamos el proyecto y visualizaremos los registros.

 

Efecto "Flip Book" en ASP.Net

Existen varias librerías para generar el efecto "Flip Book" en un proyecto Web, una librería que me gusto mucho por sus efectos es Turnjs, la forma de inserta este código en tu aplicación web es muy sencilla, basta con inserta el código HTML y los gráficos en tu Form.

También podrás encontrar algunos ejemplos que te ayudaran a implementar la librería.

Puedes ver el ejemplo en : Demo Flip Book

Visita: http://www.turnjs.com/

Windows Presentation Foundation (WPF)

Algunos usuarios me han preguntado si es bueno comenzar a utilizar WPF en vez de Windows Form, la repuesta es "SI". WPF es una interface para crear aplicaciones de escritorio con .NET.

WPF proporciona un API (Interfaz de programación de aplicaciones) para el desarrollo de interfaces graficas más sofisticadas y enriquecidas.

WPF permite programar con la interface XAML que es muy parecida a HTML, la programación del código es similar a Windows Form.

Para el ejemplo realizaremos un editor gráfico.

Creamos un proyecto en Visual Basic seleccionando WPF (.NET Framework).

Cambiamos el color del Grid que será nuestra forma base.

Ahora debemos agregar un elemento a nuestra lista, botón derechos sobre ALL WPF CONTROL, seleccionamos CHOOSE ITEMS...

Buscamos y agregamos InkCanvas.

El nuevo elemento aparecerá en la lista.

Seleccionamos y arrastramos InkCanvas a nuestro Grid.

Acomodamos el elemento InkCanvas y agregamos 2 botones.

Seleccionamos el elemento InkCanvas y cambiamos el NAME a InkCanvas1.

Cambiamos también el nombre de los botones, seleccionamos el icono de eventos, en el evento Click cambiamos el nombre de nuestro botón.

Damos doble click sobre los botones y copiamos el siguiente código.

Ejecutamos el programa y el resultado es el siguiente:

El programa .exe lo podrás ubicar en miproyecto\bin\Debug.

Exportar DataGridView a XML

Cuando tienes más de 50,000 registros en una tabla y necesitas exportarlo a Excel, lo mejor es exportarlo a .XML, al generar un archivo .XML este pasa todos los registros en segundos pero realizas la exportación directo a Excel puede tardar horas.

Para el ejemplo utilizaremos un DataGridView que contenga información, creamos un botón con el siguiente código:

Se genera un archivo .XML que deberás abrir con Excel seleccionado que abra como "Como tabla XML".

Agregar editor de texto con Ajax Control ToolKit

Para agregar un editor de texto con Ajax Control ToolKit crearemos la siguiente Webform que incluirá un campo TextBox.
Seleccionaremos el campo TextBox y agregaremos una extensión.

 

Seleccionaremos HtmlEditorExtender y presionaremos OK.

Ingresaremos al código fuente del TextBox  y teclearemos al final de la línea:
EnableSanitization="false"

Agregaremos un ScriptManager.

Por último agrandaremos el campos TextBox.

El resultado final.
Ver ejemplo en línea.

Agregar calendario y cambiar los titulos a nuestro idioma predeterminado con Ajax Control ToolKit

Para agregar un calendario emergente a un campo TextBox con Ajax Control ToolKit debemos realizar lo siguiente:

Seleccionar el campo TextBox y presionar Add Extender...

Seleccionar CalendarExtender y presionar OK

 Si ejecutamos la aplicación se visualizara el mes en ingles.

 Para realizar el cambio a nuestro idioma predeterminado debemos seleccionar ScriptManager-ScripMaagener1 y cambiar en la propiedad EnableScriptGlobalization : True

Nos vamos al código fuente de la WebForm y al final de la primer línea tecleamos:

 

Volvemos a ejecutar la WebForm y el resultado será:

Solo para programadores