@yaagoub/services v0.9.10

Instalación

Para instalar esta biblioteca, ejecute el siguiente comando:

  npm install @yaagoub/services

Uso del servicio DatabaseExec

Para usar el servicio DatabaseExec en su componente Angular, siga estos pasos. Aquí hay un ejemplo con una descripción detallada:

1. Importar el servicio: Importe DatabaseExec.
2. Importar el Módulo: Importe IndexedDBModule.
3. Inyectar el servicio en el constructor: Inyecte el servicio en el constructor de su componente.
4. Ejecutar una consulta SQL: Use el método exec del servicio DatabaseExec para ejecutar una consulta SQL. Este método devuelve una suscripción para manejar diferentes estados de la operación.

Aquí hay un ejemplo completo:

import { Component, OnInit } from '@angular/core';
import { DatabaseExec, IndexedDBModule } from '@yaagoub/services';

@Component({
  imports: [IndexedDBModule],
  selector: 'app-indexed-db-page',
  templateUrl: './indexed-db-page.component.html',
  styleUrls: ['./indexed-db-page.component.css']
})
export class IndexedDbPageComponent implements OnInit {
  private sql: string = 'SELECT * FROM my_store WHERE id = 1';

  constructor(private db: DatabaseExec) {}

  ngOnInit(): void {
    this.db.exec("USE YAAGOUB_DATABASE").subscribe({
      next: (res) => {
        console.log('Database selected:', res);
        this.executeSQL();
      },
      upgrade: (upg) => {
        console.log('Database upgrade needed:', upg);
        // Handle the database upgrade here
      },
      error: (err) => {
        console.error('Database error:', err);
        // Handle the database error here
      },
      block: (blk) => {
        console.warn('Database blocked:', blk);
        // Handle the database block here
      }
    });
  }

  private executeSQL(): void {
    this.db.exec(this.sql).subscribe({
      next: (res) => {
        console.log('Query result:', res);
        // Handle the query result here
      },
      error: (err) => {
        console.error('Query error:', err);
        // Handle the query error here
      }
    });
  }
}

Descripción de los métodos de suscripción:

• next: Se llama cuando la consulta SQL se ejecuta correctamente y devuelve un resultado.
• upgrade: Se llama cuando se necesita una actualización de la base de datos.
• error: Se llama cuando ocurre un error durante la ejecución de la consulta.
• block: Se llama cuando la base de datos está bloqueada.

Ajuste la consulta SQL y la lógica de manejo según sus necesidades específicas.

Ejemplos de consultas SQL

1. Usar Base de Datos: Seleccione la base de datos para operaciones posteriores. Si la base de datos no existe, se creará automáticamente.

   USE YAAGOUB_DATABASE

2. Crear Almacén: Cree un nuevo almacén (tabla) llamado 'users' con índices especificados. El campo 'id' es la clave primaria y se incrementa automáticamente, y el campo 'name' es único.

   CREATE STORE users INDEXES { id: number primaryKey autoIncrement, name: string unique }

3. Insertar en Almacén: Inserte un nuevo registro en el almacén 'users' con los valores 'id' y 'name' especificados.

   INSERT INTO users (id, name) VALUES (1, 'yaagoub')

4. Seleccionar del Almacén: Recupere un registro del almacén 'users' donde el 'id' sea 1.

   SELECT * FROM users WHERE id = 1

5. Actualizar Almacén: Actualice un registro en el almacén 'users' donde el 'id' sea 1. Establezca el 'name' a 'value2'.

   UPDATE STORE users SET name='value2' WHERE id=1

6. Eliminar del Almacén: Elimine un registro del almacén 'users' donde el 'id' sea 1.

   DELETE FROM users WHERE id = 1

7. Limpiar Base de Datos: Limpie todos los datos de la base de datos actual.

   CLEAR

8. Cerrar Base de Datos: Cierre la conexión de la base de datos actual.

   CLOSE

9. Eliminar Base de Datos: Elimine la base de datos actual.

   DELETE DATABASE YAAGOUB_DATABASE

10. Obtener Nombres de Almacenes: Recupere los nombres de todos los almacenes en la base de datos actual.

    SELECT STORENAMES

11. Obtener Nombre de la Base de Datos: Recupere el nombre de la base de datos actual.

    SELECT NAME

12. Obtener Versión de la Base de Datos: Recupere la versión de la base de datos actual.

    SELECT VERSION

13. Obtener Instancia de la Base de Datos: Recupere la instancia de la base de datos actual.

    SELECT INSTANCE

Uso del servicio LocalStorage

Para usar el servicio LocalStorage en su componente Angular, siga estos pasos:

1. Usar LocalStorage en el constructor:

   import { LocalStorage } from '@yaagoub/services';
   
   constructor(private localStorage: LocalStorage) {}

2. Guardar un valor en local storage:

   localStorage.setItem('key', 'value');

3. Obtener un valor de local storage:

   const value = localStorage.getItem('key');

4. Eliminar un valor de local storage:

   localStorage.removeItem(key);

5. Limpiar todo el local storage:

   localStorage.clear();

6. Obtener el número de elementos en local storage:

   const value = localStorage.length;

7. Obtener la clave de un índice específico en local storage:

   const key = localStorage.key(index);

Uso del servicio SessionStorage

Para usar el servicio SessionStorage en su componente Angular, siga estos pasos:

1. Usar SessionStorage en el constructor:

   import { SessionStorage } from '@yaagoub/services';
   
   constructor(private sessionStorage: SessionStorage) {}

2. Guardar un valor en session storage:

   sessionStorage.setItem('key', 'value');

3. Obtener un valor de session storage:

   const value = sessionStorage.getItem('key');

4. Eliminar un valor de session storage:

   sessionStorage.removeItem(key);

5. Limpiar todo el session storage:

   sessionStorage.clear();

6. Obtener el número de elementos en session storage:

   const value = sessionStorage.length;

7. Obtener la clave de un índice específico en session storage:

   const key = sessionStorage.key(index);