Projektstruktur

Prinzipiell kann die Struktur eines Projekts frei gewählt werden. Es ist zu empfehlen, die Dateien eines Projekts in einer Ordnerstruktur nach Zugehörigkeit zu unterteilen.

Beispiel für grundlegende Projektstruktur

ProjektName
|- Backend
|-- server.js
|- Database
|-- data
|--- db
|-- zipInstall
|--- bin
|- Frontend
|-- css
|--- styles.css
|-- src
|--- headerFooter.js
|--- data.js
|--- index.js
|--- ...
|-- index.html
|-- ...

Batch Datei erstellen

Dateien mit Befehlen zum Start der DB und des Servers

  • einfache Textdatei
  • Kommandozeilenbefehle in Datei als Text
  • Dateiendung von .txt zu .cmd oder .bat ändern

Beispiel für obige Projektstruktur:

  • Dateien startDatabase.cmd und startBackend.cmd in ProjektName Ordner speichern

  • startDatabase.cmd

    CodeDatabase\zipInstall\bin\mongod.exe --dbpath Database\data\db
    
  • startBackend.cmd

    Codenode Backend/server.js
    

VSCode Live Server settings

VSCode Live Server nur für Frontend verwenden (vor allem DB Dateien müssen ausgeschlossen werden, da es sonst zu Fehlern kommt)

  • im Projektordner (ProjektName) einen .vscode Ordner anlegen mit settings.json (benötigt, falls gesamter Projektordner in VSCode geöffnet wird)
    Code{
      "liveServer.settings.root": "/Frontend"
    }
    
  • Backend über node bei Änderungen immer neu starten
  • Datenbank bei Fehlern ggf. neu starten

Git Projekte

Git Projekte sollten nur die Dateien mit eigenem Code beinhalten. Installationsdateien (ggf. auch individuelle Daten) sollten daher vom Upload auf Git ausgeschlossen werden, z. B.

  • Die Datenbankdateien (kompletter Database/zipInstall Ordner und ggf. auch data/db Ordner, so dass jeder Entwickler seinen eigenen Datenstand haben kann)
  • Die node_modules Dateien, da diese mit "npm install" einfach nachinstalliert werden können

Hierzu kann im Projektordner eine .gitignore Datei angelegt werden mit folgendem Inhalt:

Code/Database
/Backend/node_modules