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.

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

inhabilitar botón al ejecutar un proceso

Cuando se ejecuta un proceso muy largo el usuario piensa que no se esta realizando ninguna tarea y vuelve a presionar el botón, para solucionar este problema podemos inhabilitar el botón mientras se ejecuta el proceso.

Para el ejemplo crearemos un botón con el texto Grabar:

 

Copiaremos el siguiente código en la parte de PAGE_LOAD.

 

 

 El código realizara una inhabilitación del botón al presionarlo y se visualizara el texto "Grabando, espere ...'

 

El resultado:

 

 

 

SQLite, creación de base de datos, alta, cambios y eliminación de registros

SQLite, es una base de datos creada para dispositivos móviles como PDA, celulares e incluso aplicaciones de escritorio, SQLite es un software libre, almacena información de manera sencilla, rápida y eficaz, se implemento la tecnología SQLg2 el cual fue desarrollado en C, esto permite que soporte las consultas mas complejas de SQL.

Descargar SQLite

Para realizar la descarga de SQLite debemos ingresar a : https://sqlite.org/
Seleccionar Download y buscar la versión deseada, para Windows utilizaremos:

Para mi ejemplo utilizara la versión a 64Bits:

 

Para la creación de la base de datos se puede realizar por medio de CMD ejecutando sqlite3.exe:

 

Otra forma más sencilla es descarga el SQLite Administrador:

El software no requiere ninguna instalación , solo ejecutamos sqliteadmin.exe:

La interface es muy intuitiva si haz utilizado SQL server o MySQL, crearemos la base de datos AGENDA que contenga la tabla USUARIOS con los siguientes campos:

La base de datos quedara creada con la extensión .s3db :

 

Una vez creada la base de datos con la tabla, abriremos Visual Studio (2013), crearemos un nuevo proyecto de Windows Form llamado conectar_sqlite:

Para realiza la conexión a la base de datos debemos agregar el paquete SQLite, para esto seleccionamos Tools/NuGet Package Manager/Manage NuGet Packages for Solution...

Buscamos el paquete System.Data.SQLite y lo instalamos

Crearemos una Form con la siguiente estructura:

• Label_id
• TextBox_folio
• TextBox_nombre
• TextBox_direccion
• TextBox_telefono
• TextBox_web
• DataGridView1
• Button_grabar
• Button_borrar

Importamos las librerías:

Creamos la conexión a la base de datos y de inicio se ejecutara el procedimiento verregistros() que llamara todos los registros almacenados en al base de datos al DataGridView1, todo esto en Form1_load:

Crearemos el procedimiento que llamar todos los registros almacenados en la base de datos al DataGridView1:

Dentro de botón Button_grabar almacenaremos el código que guarda los registros en la tabla, el procedimiento guardara tanto los registros nuevos como los cambios:

 

Para llamar los registros con doble Click sobre el DataGridView copiamos el siguiente código:

 En el botón Button_borrar copiamos el siguiente código para eliminar los registros una vez editados:

El resultado final es el siguiente: