Modulseiten: Zurück im Browser zur Startseite #88

gerhardbeck commented 2021年12月30日 16:18:32 +01:00

Geht man auf der Hauptseite auf ein Modul, gelangt man auf die Modulseite z.B.
https://lerntools.org/app/#/ideas oder ABCD Seite
Über "zurück" im Browser kommt man aber nicht zurück auf https://lerntools.org/app/#/main-index, sondern nur über das Häuschen.
"Zurück" wäre aber auch wünschenswert...

Geht man auf der Hauptseite auf ein Modul, gelangt man auf die Modulseite z.B. https://lerntools.org/app/#/ideas oder ABCD Seite Über "zurück" im Browser kommt man aber nicht zurück auf https://lerntools.org/app/#/main-index, sondern nur über das Häuschen. "Zurück" wäre aber auch wünschenswert...

Ryuno-Ki commented 2022年05月06日 09:36:19 +02:00

Hash-Navigation deutet auf client-seitiges Routing hin (denn der Server bekommt diese Informationen ja nicht übermittelt).

An welcher Stelle findet das statt?
Sind dass diese this.$router?

Kommt im Wesentlichen darauf an, wie die History API des Browsers implementiert wird.

Hash-Navigation deutet auf client-seitiges Routing hin (denn der Server bekommt diese Informationen ja nicht übermittelt). An welcher Stelle findet das statt? Sind dass diese `this.$router`? Kommt im Wesentlichen darauf an, wie die History API des Browsers implementiert wird.

tk100 commented 2022年05月07日 12:59:50 +02:00

Gerhard hat mich gebeten, kurz zu den Hintergründen zu antworten.

Ja, die Lerntools benutzen ausschließlich eine Client-seitige Navigation. Dazu wird der vue-router genutzt. Die Initialisierung des Routers erfolgt in Zeile 15ff von

https://codeberg.org/lerntools/base/src/branch/main/app.js

Allen Komponenten steht der Router dann unter this.$router global zur Verfügung.

Der Vue-Router unterstützt (auch in der verwendeten alten Version) zwei Modi (https://router.vuejs.org/guide/essentials/history-mode.html), vor gut drei Jahren haben wir uns für den #-History-Modus entschieden, da das Deployment dann einfacher ist (mann muss keine extra .htaccess Datei anlegen).

Inzwischen würde ich unbedingt den HTML5-Mode empfehlen, da er sehr gut unterstützt wird und vor- und zurück-Navigieren problemlos unterstüzt.

Evtl. wäre es sinnvoll dazu ein Ticket anzulegen - ich würde es mit der vue3 Migration verknüpfen.

PS: Bitte nicht wundern, bei den MintApps ist auch in der neuen Version der #-Modus aktiv, dies liegt daran, dass diese auch offline funktionieren müssen (d.h. durch Doppelklick auf die index.html)

Gerhard hat mich gebeten, kurz zu den Hintergründen zu antworten. Ja, die Lerntools benutzen ausschließlich eine Client-seitige Navigation. Dazu wird der vue-router genutzt. Die Initialisierung des Routers erfolgt in Zeile 15ff von https://codeberg.org/lerntools/base/src/branch/main/app.js Allen Komponenten steht der Router dann unter this.$router global zur Verfügung. Der Vue-Router unterstützt (auch in der verwendeten alten Version) zwei Modi (https://router.vuejs.org/guide/essentials/history-mode.html), vor gut drei Jahren haben wir uns für den #-History-Modus entschieden, da das Deployment dann einfacher ist (mann muss keine extra .htaccess Datei anlegen). Inzwischen würde ich unbedingt den HTML5-Mode empfehlen, da er sehr gut unterstützt wird und vor- und zurück-Navigieren problemlos unterstüzt. Evtl. wäre es sinnvoll dazu ein Ticket anzulegen - ich würde es mit der vue3 Migration verknüpfen. PS: Bitte nicht wundern, bei den MintApps ist auch in der neuen Version der #-Modus aktiv, dies liegt daran, dass diese auch offline funktionieren müssen (d.h. durch Doppelklick auf die index.html)

Ryuno-Ki commented 2022年05月08日 19:32:27 +02:00

Behalte ich im Hinterkopf, wenn wir uns an die Migration in #62 machen.

Behalte ich im Hinterkopf, wenn wir uns an die Migration in #62 machen.

lerntools/base