亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

Heim Web-Frontend js-Tutorial Kisley Kanel: ein perfektes Duo

Kisley Kanel: ein perfektes Duo

Jan 03, 2025 pm 09:05 PM

Ich bin jemand, der sich seit Beginn der Entwicklung meiner ersten Projekte (meiner OT-Pokémon und meiner ersten Websites für Habbo) immer für Raw SQL entschieden hat. Ehrlich gesagt genie?e ich es immer noch sehr, meine eigenen Abfragen zu schreiben und eine pr?zisere Kontrolle über diese ?untergeordnete“ Ebene zu haben. Mit einem ORM fühle ich mich nicht ganz wohl, da ich bereits Tage damit verbracht habe, Protokolle zu analysieren, um ineffiziente Abfragen zu identifizieren und zu optimieren.

Allerdings gab es in vielen Codebasen, in denen ich mit Raw SQL arbeitete, in der überwiegenden Mehrheit keine Migrationskontrolle und die Datenbank wurde auch nicht überwacht. Alles funktionierte improvisatorisch: ?Ben?tigen Sie ein neues Feld? Führen Sie ALTER TABLE aus und fügen Sie eine neue Spalte hinzu.“ Dieser Ansatz war in allen Szenarien ?u?erst sch?dlich, es stellten sich mehrere Fragen wie: ?Welche Spalten sollten wir in der Produktionsumgebung nach oben verschieben?“, ?Welche neuen Entit?ten wurden erstellt?“, ?Sind die Umgebungen synchronisiert?“ – und viele andere ?hnliche Probleme.

Die L?sung meiner Probleme

Angesichts all dieser Probleme beschloss ich, neue Tools einzuführen, um meine Routine und die der Teams, mit denen ich zusammengearbeitet habe, gesünder zu gestalten. Ich wollte nicht auf die Flexibilit?t verzichten, die ich hatte, aber ich wollte auch die Freiheitsgrade der Anwendung besser kontrollieren. Nach vielen Recherchen habe ich ein Tool gefunden, das meiner Meinung nach das vollst?ndigste zur L?sung dieser Probleme ist: Kysely, es ist ein Abfrage-Builder für TypeScript, der nicht nur praktisch, sondern auch absolut typsicher ist – ein super wichtiger Punkt für mich. Diese Bibliothek erregte meine Aufmerksamkeit so sehr, dass ich begann, direkt und indirekt aktiv zur Community beizutragen und Plugins für andere Open-Source-Bibliotheken zu erstellen, die in Kysely integriert sind.

Eine der gr??ten Schwierigkeiten bei der Arbeit mit Kysely besteht jedoch darin, dass es im Gegensatz zu ORMs keine Entit?t oder automatische Generierung von Typen/Schnittstellen hat. All diese Arbeiten müssen manuell erledigt werden, was etwas anstrengend sein kann. W?hrend meiner Suche nach L?sungen habe ich ein Tool gefunden, das ich letztendlich in allen meinen Projekten mit PostgreSQL übernommen habe: Kanel. Kanel generiert automatisch Datenbanktypisierungen und erg?nzt Kysely perfekt.

Darüber hinaus verfügt Kanel über eine zus?tzliche Funktion zur direkten Verwendung mit Kysely: Kanel-Kysely. Ich habe aktiv zu diesem Repository beigetragen und dabei geholfen, neue Funktionen zu entwickeln, wie z. B. Typfilter für Migrationstabellen und die Konvertierung von Zod-Objekten in camelCase.

Kysely konfigurieren

Ich werde NestJS verwenden, um die folgenden Beispiele zu veranschaulichen. Wenn Sie also die Syntax oder etwas im Code nicht verstehen, empfehle ich Ihnen, die NestJS-Dokumentation zu lesen. Meiner Meinung nach ist es das beste JavaScript-Framework – insbesondere, wenn Sie JavaScript ?entkommen“ m?chten. Aber das ist ein Thema für einen anderen Beitrag von mir.

Zuvor müssen Sie ein Repository mit NestJS initialisiert haben, wenn Sie den Beispielen genau folgen m?chten. Sie k?nnen jedoch auch Ihren eigenen Code entwickeln.

Zuerst müssen wir Kysely selbst, seine CLI und das PostgreSQL-Modul für Node.js installieren.

npm i kysely pg && npm i kysely-ctl --save-dev

Als n?chstes müssen wir im Stammverzeichnis des Projekts eine Konfigurationsdatei für Kysely erstellen. Ich werde auch das Knex-Pr?fix für unsere Migrations- und Seed-Dateien verwenden.

// kysely.config.ts

import "dotenv/config";

import { defineConfig, getKnexTimestampPrefix } from "kysely-ctl";
import { Pool } from "pg";

export default defineConfig({
  dialect: "pg",
  dialectConfig: {
    pool: new Pool({ connectionString: process.env.DATABASE_URL }),
  },
  migrations: {
    migrationFolder: "src/database/migrations",
    getMigrationPrefix: getKnexTimestampPrefix,
  },
  seeds: {
    seedFolder: "src/database/seeds",
    getSeedPrefix: getKnexTimestampPrefix,
  },
});

Als n?chstes führen wir den Befehl npx kysely migrate make create_user_table in unserem Terminal aus. Es wird für die Erstellung unserer ersten Migration verantwortlich sein. Als N?chstes erstellen wir eine neue Benutzertabelle und führen diese Migration anschlie?end in unserer Datenbank mit dem Befehl npx kysely migrate Latest aus.

// 20241225222128_create_user_table.ts

import { sql, type Kysely } from 'kysely'


export async function up(db: Kysely<any>): Promise<void> {
  await db.schema
  .createTable("user")
  .addColumn("id", "serial", (col) => col.primaryKey())
  .addColumn("name", "text", (col) => col.notNull())
  .addColumn("email", "text", (col) => col.unique().notNull())
  .addColumn("password", "text", (col) => col.notNull())
  .addColumn("created_at", "timestamp", (col) =>
    col.defaultTo(sql`now()`).notNull(),
  )
  .execute();
}

export async function down(db: Kysely<any>): Promise<void> {
  await db.schema.dropTable("user").execute();
}

Nachdem wir alle diese Schritte abgeschlossen haben, erstellen wir ein Modul für unsere Datenbank. Beachten Sie auch, dass ich ein Kysely-Plugin verwende, um unsere Spalten in camelCase zu konvertieren.

// src/database/database.module.ts

import { EnvService } from "@/env/env.service";
import { Global, Logger, Module } from "@nestjs/common";
import { CamelCasePlugin, Kysely, PostgresDialect } from "kysely";
import { Pool } from "pg";

export const DATABASE_CONNECTION = "DATABASE_CONNECTION";

@Global()
@Module({
  providers: [
    {
      provide: DATABASE_CONNECTION,
      useFactory: async (envService: EnvService) => {
        const dialect = new PostgresDialect({
          pool: new Pool({
            connectionString: envService.get("DATABASE_URL"),
          }),
        });

        const nodeEnv = envService.get("NODE_ENV");

        const db = new Kysely({
          dialect,
          plugins: [new CamelCasePlugin()],
          log: nodeEnv === "dev" ? ["query", "error"] : ["error"],
        });

        const logger = new Logger("DatabaseModule");

        logger.log("Successfully connected to database");

        return db;
      },
      inject: [EnvService],
    },
  ],
  exports: [DATABASE_CONNECTION],
})
export class DatabaseModule {}

Kanel konfigurieren

Beginnen wir mit der Installation unserer Abh?ngigkeiten.

npm i kanel kanel-kysely --save-dev

Als n?chstes erstellen wir unsere Konfigurationsdatei, damit Kanel mit seiner Arbeit beginnen kann. Beachten Sie, dass ich einige Plugins verwenden werde, wie etwa camelCaseHook (um unsere Schnittstellen in camelCase umzuwandeln) und kyselyTypeFilter (um Kyselys Migrationstabellen auszuschlie?en), eine dieser Funktionen, zu denen ich das Vergnügen beisteuern und die Arbeit, die wir hatten, gleichm??ig machen konnte einfacher .

// .kanelrc.js

require("dotenv/config");

const { kyselyCamelCaseHook, makeKyselyHook, kyselyTypeFilter } = require("kanel-kysely");

/** @type {import('kanel').Config} */
module.exports = {
  connection: {
    connectionString: process.env.DATABASE_URL,
  },
  typeFilter: kyselyTypeFilter,
  preDeleteOutputFolder: true,
  outputPath: "./src/database/schema",
  preRenderHooks: [makeKyselyHook(), kyselyCamelCaseHook],
};

Sobald die Datei erstellt ist, führen wir den Befehl npx kanel in unserem Terminal aus. Beachten Sie, dass in dem in der Konfigurationsdatei angegebenen Pfad ein Verzeichnis erstellt wurde. Dieses Verzeichnis entspricht dem Namen Ihres Schemas, in unserem Fall Public, und darin befinden sich zwei neue Dateien: PublicSchema.ts und User.ts . Ihre User.ts wird wahrscheinlich genau so aussehen:

// @generated
// This file is automatically generated by Kanel. Do not modify manually.

import type { ColumnType, Selectable, Insertable, Updateable } from 'kysely';

/** Identifier type for public.user */
export type UserId = number & { __brand: 'UserId' };

/** Represents the table public.user */
export default interface UserTable {
  id: ColumnType<UserId, UserId | undefined, UserId>;

  name: ColumnType<string, string, string>;

  email: ColumnType<string, string, string>;

  password: ColumnType<string, string, string>;

  createdAt: ColumnType<Date, Date | string | undefined, Date | string>;
}

export type User = Selectable<UserTable>;

export type NewUser = Insertable<UserTable>;

export type UserUpdate = Updateable<UserTable>;

Das Wichtigste ist jedoch die Datei au?erhalb dieses Verzeichnisses Public, die Datei Database.ts, denn diese werden wir weitergeben, damit Kysely das verstehen kann gesamte Struktur unserer Datenbank. In unsere Datei app.service.ts fügen wir unseren DatabaseModule-Anbieter ein und übergeben unseren Typ Database.
an Kysely

npm i kysely pg && npm i kysely-ctl --save-dev

Beachten Sie, dass die von Kanel generierte Eingabe korrekt funktioniert, da unser Code-Editor genau die Spalten vorschl?gt, die wir bei unserer ersten Migration erstellt haben.

Kysely   Kanel: a dupla perfeita

Abschlie?ende überlegungen

Dies ist ein Duo, das ich sehr gerne in meinen pers?nlichen Projekten und sogar bei der Arbeit verwende (wenn ich die Freiheit dazu habe). Ein Query Builder ist das unverzichtbare Werkzeug für alle, die die Flexibilit?t von Raw SQL sch?tzen, sich aber auch für einen ?sichereren“ Weg entscheiden. Kanel hat mir auch viele Stunden beim Debuggen und Erstellen neuer Typisierungen erspart. Ich empfehle Ihnen dringend, ein Projekt mit diesen beiden zu erstellen, Sie werden es definitiv nicht bereuen.

Repository-Link: frankenstein-nodejs

Das obige ist der detaillierte Inhalt vonKisley Kanel: ein perfektes Duo. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erkl?rung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Hei?e KI -Werkzeuge

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!

Hei?e Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Hei?e Themen

PHP-Tutorial
1488
72
Wie stelle ich eine HTTP -Anforderung in node.js? Wie stelle ich eine HTTP -Anforderung in node.js? Jul 13, 2025 am 02:18 AM

Es gibt drei g?ngige M?glichkeiten, HTTP-Anforderungen in Node.js zu initiieren: Verwenden Sie integrierte Module, Axios und Knotenfetch. 1. Verwenden Sie das integrierte HTTP/HTTPS-Modul ohne Abh?ngigkeiten, das für grundlegende Szenarien geeignet ist, jedoch eine manuelle Verarbeitung von Datengen?hten und Fehlerüberwachung erfordert, z. 2.Axios ist eine auf Versprechen basierende Bibliothek von Drittanbietern. Es verfügt über eine kurze Syntax und leistungsstarke Funktionen, unterstützt Async/Auseait, automatische JSON -Konvertierung, Interceptor usw. Es wird empfohlen, asynchrone Anforderungsvorg?nge zu vereinfachen. 3.Node-Fetch bietet einen Stil ?hnlich dem Browser-Abruf, basierend auf Versprechen und einfacher Syntax

JavaScript -Datentypen: Primitive VS -Referenz JavaScript -Datentypen: Primitive VS -Referenz Jul 13, 2025 am 02:43 AM

JavaScript -Datentypen sind in primitive Typen und Referenztypen unterteilt. Zu den primitiven Typen geh?ren String, Anzahl, Boolesche, Null, undefiniertes und Symbol. Die Werte sind unver?nderlich und Kopien werden bei der Zuweisung von Werten kopiert, sodass sie sich nicht gegenseitig beeinflussen. Referenztypen wie Objekte, Arrays und Funktionen speichern Speicheradressen, und Variablen, die auf dasselbe Objekt zeigen, wirkt sich gegenseitig aus. Typeof und Instanz k?nnen verwendet werden, um die Typen zu bestimmen, aber auf die historischen Probleme der TypeOfnull zu achten. Das Verst?ndnis dieser beiden Arten von Unterschieden kann dazu beitragen, einen stabileren und zuverl?ssigeren Code zu schreiben.

React vs Angular vs Vue: Welches JS -Framework ist am besten? React vs Angular vs Vue: Welches JS -Framework ist am besten? Jul 05, 2025 am 02:24 AM

Welches JavaScript -Framework ist die beste Wahl? Die Antwort besteht darin, die am besten geeigneten nach Ihren Bedürfnissen zu w?hlen. 1.React ist flexibel und kostenlos und für mittlere und gro?e Projekte geeignet, für die hohe Anpassungs- und Teamarchitekturf?higkeiten erforderlich sind. 2. Angular bietet vollst?ndige L?sungen, die für Anwendungen auf Unternehmensebene und langfristige Wartung geeignet sind. 3.. Vue ist einfach zu bedienen, geeignet für kleine und mittlere Projekte oder schnelle Entwicklung. Unabh?ngig davon, ob es einen technologischen Stack, die Teamgr??e, der Projektlebenszyklus gibt und ob SSR erforderlich ist, sind auch wichtige Faktoren für die Auswahl eines Rahmens. Kurz gesagt, es gibt keinen absolut besten Rahmen, die beste Wahl ist die, die Ihren Bedürfnissen entspricht.

JavaScript Time Object, jemand erstellt eine EACTEXE, schnellere Website auf Google Chrome usw. JavaScript Time Object, jemand erstellt eine EACTEXE, schnellere Website auf Google Chrome usw. Jul 08, 2025 pm 02:27 PM

Hallo, JavaScript -Entwickler! Willkommen in den JavaScript -Nachrichten dieser Woche! Diese Woche konzentrieren wir uns auf: Oracas Markenstreit mit Deno, neue JavaScript -Zeitobjekte werden von Browsern, Google Chrome -Updates und einigen leistungsstarken Entwickler -Tools unterstützt. Fangen wir an! Der Markenstreit von Oracle mit dem Versuch von Deno Oracle, ein "JavaScript" -Marke zu registrieren, hat Kontroversen verursacht. Ryan Dahl, der Sch?pfer von Node.js und Deno, hat eine Petition zur Absage der Marke eingereicht, und er glaubt, dass JavaScript ein offener Standard ist und nicht von Oracle verwendet werden sollte

Handlingversprechen: Verkettung, Fehlerbehandlung und Versprechenkombinatoren in JavaScript Handlingversprechen: Verkettung, Fehlerbehandlung und Versprechenkombinatoren in JavaScript Jul 08, 2025 am 02:40 AM

Versprechen ist der Kernmechanismus für den Umgang mit asynchronen Operationen in JavaScript. Das Verst?ndnis von Kettenanrufen, Fehlerbehebung und Kombination ist der Schlüssel zum Beherrschen ihrer Anwendungen. 1. Der Kettenaufruf gibt ein neues Versprechen durch .then () zurück, um asynchrone Prozessverkampferung zu realisieren. Jeder. Dann () erh?lt das vorherige Ergebnis und kann einen Wert oder ein Versprechen zurückgeben; 2. Die Fehlerbehandlung sollte .Catch () verwenden, um Ausnahmen zu fangen, um stille Ausf?lle zu vermeiden, und den Standardwert im Fang zurückgeben, um den Prozess fortzusetzen. 3. Combinatoren wie Promise.All () (erfolgreich erfolgreich erfolgreich nach allen Erfolg), Versprechen.Race () (Die erste Fertigstellung wird zurückgegeben) und Versprechen.Allsettled () (Warten auf alle Fertigstellungen)

Was ist die Cache -API und wie wird sie bei Dienstangestellten verwendet? Was ist die Cache -API und wie wird sie bei Dienstangestellten verwendet? Jul 08, 2025 am 02:43 AM

Cacheapi ist ein Tool, das der Browser zur Cache -Netzwerkanfragen bereitstellt, das h?ufig in Verbindung mit dem Servicearbeiter verwendet wird, um die Leistung der Website und die Offline -Erfahrung zu verbessern. 1. Es erm?glicht Entwicklern, Ressourcen wie Skripte, Stilbl?tter, Bilder usw. Zu speichern; 2. Es kann die Cache -Antworten entsprechend den Anfragen übereinstimmen. 3. Es unterstützt das L?schen bestimmter Caches oder das L?schen des gesamten Cache. 4.. Es kann Cache -Priorit?ts- oder Netzwerkpriorit?tsstrategien durch Servicearbeiter implementieren, die sich auf Fetch -Ereignisse anh?ren. 5. Es wird h?ufig für die Offline -Unterstützung verwendet, die wiederholte Zugriffsgeschwindigkeit, die Vorspannungs -Schlüsselressourcen und den Inhalt des Hintergrundaktualisierungss beschleunigen. 6. Wenn Sie es verwenden, müssen Sie auf die Cache -Versionskontrolle, Speicherbeschr?nkungen und den Unterschied zum HTTP -Caching -Mechanismus achten.

Nutzung von Array.Prototyp -Methoden zur Datenmanipulation in JavaScript Nutzung von Array.Prototyp -Methoden zur Datenmanipulation in JavaScript Jul 06, 2025 am 02:36 AM

JavaScript-Array-integrierte Methoden wie .Map (), .filter () und .Reduce () k?nnen die Datenverarbeitung vereinfachen. 1) .Map () wird verwendet, um Elemente eins in eins um Neuarrays zu konvertieren; 2) .Filter () wird verwendet, um Elemente durch Bedingung zu filtern; 3) .Reduce () wird verwendet, um Daten als einzelner Wert zu aggregieren; Missbrauch sollte bei der Verwendung vermieden werden, was zu Nebenwirkungen oder Leistungsproblemen führt.

JS Roundup: Ein tiefes Eintauchen in die JavaScript -Ereignisschleife JS Roundup: Ein tiefes Eintauchen in die JavaScript -Ereignisschleife Jul 08, 2025 am 02:24 AM

Die Ereignisschleife von JavaScript verwaltet asynchrone Vorg?nge, indem sie Call -Stapel, Webapis und Task -Warteschlangen koordinieren. 1. Der Anrufstack führt synchronen Code aus, und wenn er auf asynchrone Aufgaben begegnet, wird er zur Verarbeitung an Webapi übergeben. 2. Nachdem das Webapi die Aufgabe im Hintergrund abgeschlossen hat, wird der Rückruf in die entsprechende Warteschlange (Makroaufgabe oder Micro -Aufgabe) eingebaut. 3. Die Ereignisschleife prüft, ob der Anrufstapel leer ist. Wenn es leer ist, wird der Rückruf aus der Warteschlange herausgenommen und zur Ausführung in den Anrufstapel geschoben. V. 5. Das Verst?ndnis der Ereignisschleife hilft zu vermeiden, den Haupt -Thread zu blockieren und die Codeausführungsreihenfolge zu optimieren.

See all articles