SQL Server Datenbank Design -> Kroki ER Diagramm

image_pdfimage_print

https://kroki.io/examples.html#erd


 

0  

SQL Query um Tabellen und Spalten auszulesen inkl. PK und FK

image_pdfimage_print

 

0  

Host oder Webhost mit Autofac

image_pdfimage_print

 

0  

Entity Framework EF – Tabellen Models generieren lassen

image_pdfimage_print

Alt + T -> “NU” eingeben

 

0  

Windows Powershell Dienst einrichten

image_pdfimage_print

 

0  

SQL Server Statistik IO und Time

image_pdfimage_print

 

0  

Nuxt 3 mit Keycloak autorisieren

image_pdfimage_print

In diesem Beitrag will ich eine Schritt für Schritt Anleitung geben, wie man Nuxt 3 mit Keycloak autorisiert.

Die Thematik um Autorisierung und Authentifizierung bedarf einer soliden Kenntnis in der Thematik. Ich empfehle daher unbedingt sich die Zeit zu nehmen und das folgende Video anzuschauen und sicher zu gehen, dass alles verstanden wurde:

Read more »

0  

Nuxt3 mit Vuetify 3 – Teil 3: Entwickeln in Vue / Typescript

image_pdfimage_print

Typescript muss in VS Code installiert werden. -g steht für globally (Alle Projekte)

Typescript Version prüfen

 

Enums

Objekte werden mit reactive<type>({…}) reactiviert und primitive Datentypen mit ref<string>(…)

Mixins werden in eine Vue Instanz hinzugefügt. So als würde man 2 Vue Instanzen verschmelzen. Composables sind dem ähnlich. In Mixins wird alles importiert, bei Composables muss jede Variable, Methode, etc. einzeln importiert werden.

Guter Artikel dazu:

What is a Vue.js Composable? – Vue.js Tutorials (vueschool.io)

 

0  

Nuxt3 mit Vuetify 3 – Teil 2: Layout

image_pdfimage_print

Wenn man durch eine App navigiert, dann ist der Seitenaufbau überall identisch. Das Menü, die Kopfzeile und Fusszeile sind auf jeder Seite identisch. Lediglich der Inhalt ändert sich.

In Nuxt 3 werden Layouts im “layouts”-Ordner erstellt und anschließend in die app.vue hinzugefügt. Einzelne Seiten werden im “pages”-Ordner erstellt.

Nuxt 3 routet die pages anhand des Namens. Nur die page “index.vue” wird zum root Knoten geroutet.

Also erstellen wir ein Verzeichnis “layouts” und ein Verzeichnis “pages”.

In das “layouts” Verzeichnis, eine Datei erstellen “default.vue”.

und folgenden Inhalt kopieren:

Dort, wo <slot /> steht, kommt der Inhalt der einzelnen Pages hinein.

Jetzt in das Verzeichnis “pages”

die Datei index.vue mit folgenden Inhalt

und die Datei “pageOne.vue” mit folgenden Inhalt erstellen

In der app.vue müssen wir nun sagen, dass wir nicht mehr die Nuxt Welcome page sehen wollen, sondern unser Layout:

 

0  

Nuxt3 mit Vuetify 3 – Teil 1: Installation

image_pdfimage_print

Wenn man aus der Microsoft Welt kommt und Webseiten mit JQuery  bearbeitet hat, dann sind UI Framworks wie Vue eine wahre Veränderung. In meiner ASP WebApp habe ich Vue2 über CDN eingebunden und Vue anstatt JQuery genutzt. Vue funktioniert aber am besten mit NodeJs. Der Versuch NodeJs zu erlernen verlief aber immer in Frust. Weil es keinen roten Faden gibt, wie etwas umgesetzt werden kann. Es gibt keinen besten Weg. Es gibt sehr viele neue Begriffe und Definitionen, die Stück um Stück erlernt werden müssen. Es ist definitiv ein anderes lernen wie eine erprobte Sprache wie C# oder Java.

Deshalb ist hier mein roter Faden. Ziel soll am eine App sein, die folgende Punkte mit sich bringt:

  1. Nuxt 3 als Wrapper über Vue3. Nuxt 3 schafft eine Ordnerstruktur und macht die imports z.B. überflüssig.
  2. Vuetify 3 Beta. Zwar ist es noch in Beta Phase, aber es wird das beste UI Framework (Meiner Meinung nach)
  3. Typescript: Die App soll in Typescript geschrieben sein
  4. Pinia wird unser Statemanagement anstatt Vuex
  5. Übersetzungen werden über i18n realisiert
  6. Daten werden über externe .NET 6 Minimal Api mit Swagger abgerufen
  7. Authorisierung erfolgt über eine ASP .NET 6 Proxy Anwendung

Read more »

0