Vue.js UI for JS Backends
Go to file
Sebastian Frank b30e98eb75
All checks were successful
the build was successful
Drone CI, gitbase.de
2018-11-01 12:13:04 +01:00
assets/images webpack fonts via file-loader 2017-08-31 22:55:24 +02:00
build fixed npm deps 2018-11-01 12:10:29 +01:00
cms_template add basic frame, basic login page 2017-08-29 20:58:39 +02:00
conf fixed npm deps 2018-11-01 12:10:29 +01:00
src form input class 2017-12-13 16:27:42 +01:00
.drone.yml Drone CI, gitbase.de 2018-11-01 12:13:04 +01:00
.eslintrc fixed mix of tab and space in form-demo 2017-08-31 14:54:13 +02:00
.gitignore add built lib 2017-10-04 17:33:40 +02:00
.gitlab-ci.yml review via docker app 2017-09-08 12:23:34 +02:00
docker-compose.yml Update docker-compose.yml 2017-09-07 23:46:31 +02:00
Dockerfile Update Dockerfile 2017-09-07 23:16:15 +02:00
index.html fixed npm deps 2018-11-01 12:10:29 +01:00
jsconfig.json Initial commit 2017-08-24 11:16:07 +02:00
package-lock.json fixed npm deps 2018-11-01 12:10:29 +01:00
package.json fixed npm deps 2018-11-01 12:10:29 +01:00
README.md fixed npm deps 2018-11-01 12:10:29 +01:00
webpack.config.js embed font inline, set correct main in package.json 2017-10-04 17:01:23 +02:00

build status

basispanel UI

Entwicklungsprozess

Allgemeines

  • auf Branch master dürfen nur Anton und Sebastian pushen
  • Branch matdev ist für Mathias
  • Anton und Sebastian mergen regelmäßig zu matdev, damit Mathias möglichst neue Komponenten auf dem aktuellen Stand einbaut
  • nachdem in matdev neue vue-Komponenten angelegt wurden, welche bis dahin nur HTML und CSS enthalten, mergen Anton oder Sebastian matdev auf master um Logik einzubauen

Linux

# falls nicht bereits vorhanden
git clone ssh://git@gitbase.de:2222/panel/baseui.git
cd baseui

# die Branch auschecken, für die man verantwortlich ist
git checkout matdev # z.B. für Mathias

# Änderungen vom Server holen, fall nicht gerade geklont wurde
git pull

# fehlende Module installieren
npm install

# entwickeln und gleichzeitig webpack laufen lassen
npm run dev
# oder für eingebauten Server mit Hot-Reload
npm run serve

Windows

  • z.B. SourceTree für GIT
  • Repository ssh://git@gitbase.de:2222/panel/baseui.git clonen
  • Branch wechseln (matdev für Mathias)
  • Konsole (cmd oder PowerShell) aufrufen
  • ins Verzeichnis ..../basispanel-ui wechseln
# fehlende Module installieren (falls im Windows Probleme auftauchen [z.B. Permission denied], node_modules/ Verzeichnis löschen und nochmal probieren)
npm install

# entwickeln und gleichzeitig webpack laufen lassen
npm run win-dev
# oder für eingebauten Server mit Hot-Reload
npm run win-serve

Änderungen hochladen

Linux

# eigene Änderungen commiten
git commit -m "Commit Nachricht"

# Commits zum Server pushen
git push

Windows

  • Commiten und Pushen wie gewohnt

Aufbau des Repos

  • assets = für Bilder und sonstige "statische" Dateien
  • conf = Konfiguration der UI für jeweiligen Einsatz
  • src = sämtlicher Quellcode zur UI
  • src/components = Vue-Komponenten, die allgemein für die UI gültig sind
  • src/fonts = Icon-Fonts
  • src/views = Vue-Komponenten, die für den speziellen Einsatz entwickelt werden, z.B. spezielle Listen, Forms, ... (dieses Verzeichnis wird nach später aus dem Repo entfernt, um die UI allgeimengültig zu halten)

Build-Prozess

  • wird auf Drone-Server durch .drone.yml automatisch erledigt
# Module installieren (erzeugt node_modules/)
npm install

# bundle bauen
npm run build
  • nach erfolgreichem Build sind folgende Verzeichnisse und Datein für das Produktiv-System bestimmt:
    • assets/
    • build/
    • conf/
    • index.html

Deployment

bei Problemen

  • wenn git pull oder git push mal nicht klappt wegen gleichzeitiger Änderungen auf dem Server und lokal --> Jemanden anrufen, der Ahnung hat oder GIT-Tutorials lesen ;)