71d8deab5bff73c80d3d59bcd319e7e47da4a0d8
qivip-Projektanleitung
Inhaltsverzeichnis
Initialisierung des Projekts
Um das Projekt erfolgreich zu starten, folge diesen Schritten:
- Einen SSH-Key erstellen und den öffentlichen Schlüssel bei Edugit hinterlegen.
- Das Repository klonen:
git clone <repository-url> - In den
qivip-Ordner wechseln:cd qivip - Eine virtuelle Umgebung namens
.venverstellen:python3 -m venv .venv - Die virtuelle Umgebung aktivieren:
- Unter Linux:
source .venv/bin/activate - Unter Windows (cmd):
.venv\Scripts\activate
- Unter Linux:
- Die benötigten Abhängigkeiten installieren:
pip install -r requirements.txt - Die Datenbank migrieren:
python3 core/manage.py migrate
Starten des Servers
Entwicklungsserver starten
Um den Server zu starten, verwende einen der folgenden Befehle:
- Standardport (8000):
python3 core/manage.py runserver - Bestimmten Port (z. B. 9000):
python3 core/manage.py runserver 9000
Damit ist das Projekt erfolgreich eingerichtet und der Server kann gestartet werden!
Superuser erstellen
Ein Superuser wird benötigt, um sich im Admin-Bereich der Anwendung anzumelden. Um einen Superuser zu erstellen, führe folgenden Befehl aus:
python3 core/manage.py createsuperuser
Gib anschließend die geforderten Daten ein (Benutzername, E-Mail, Passwort). Nach erfolgreicher Erstellung kannst du dich mit diesen Zugangsdaten im Admin-Bereich und in der Accounts-App der Anwendung anmelden.
Tailwind-Nutzung
Installation
TailwindCSS kann auf zwei Wege installiert werden:
- Mit der Binärdatei
- Mit NPM:
npm install tailwindcss @tailwindcss/cli
Datei generieren
tailwindcss -i <INPUT-DATEI> -o <OUTPUT-DATEI> --watch --minify
- INPUT-DATEI: CSS Datei, welche die Einbindung und Konfiguration von Tailwind enthält
- OUTPUT-DATEI: CSS Datei, die in den Seiten eingebunden wird
- --watch: Änderungen im aktuellen Verzeichnis erkennen und Output neugenerieren
- --minify: Output Datei so klein wie möglich halten
Beispiel:
tailwindcss -i core/homepage/static/homepage/t-input.css -o core/homepage/static/homepage/t-style.css --watch --minify
Description
Languages
HTML
60.4%
Python
38.7%
CSS
0.9%