Seitenleiste
k24:k24.6:k24.6.2:k24.6.2.1:start
Inhaltsverzeichnis
24.6.2.1 Projekt 1
Wenn Sie ein neues Gambas-Projekt als Gambas-Web-Applikation anlegen, zum Beispiel mit dem Projektnamen 'webapp1', dann wählen Sie als Projekttyp „Web application“ auf der Basis der Klasse 'Webpage'. Das hat für den Einstieg den Vorteil, dass Ihnen bereits mit der (HTML-)Datei Main.webpage eine Beispiel-Webseite für erste Experimente mitgegeben wird.
Hinweis: Wenn Sie eine neue Webpage-Datei erzeugen, dann wird automatisch auch eine leere (Gambas-Klassen-)Datei mit dem gleichen Namen, aber mit der Extension 'class' erzeugt. Um diese Klasse in der IDE zu sehen, müssen Sie zuerst im Menü über der Projektstruktur die Anzeige von Klassen mit 'Formularklassen zeigen' [C] aktivieren. Anschließend können Sie mit einem Klick auf das '>'-Symbol die Klasse sehen und mit einem Klick auf den Klassennamen den Inhalt anzeigen.
Das (Eltern-)Verzeichnis für das Projekt im Home-Verzeichnis können Sie frei wählen.
Im Editor in der IDE ist das Einfügen von Gambas-Quelltext in den HTML-Quelltext nach der im Kapitel '24.6.2.0 Klasse Webpage' beschriebenen Webpage-Syntax deutlich zu erkennen, denn er wird farbig mit hellem gelb unterlegt.
24.6.2.1.1 HTML-Quelltext
Den originalen Inhalt der Datei Main.webpage im Projekt `webapp1` sollten Sie punktuell so ändern:
<!-- The declaration of Gambas variables must be done before the output of HTML! --> <% '-- Definition of the variable (name,type) Dim sEnvironment As String %> <!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <title>Umgebungsvariablen</title> </head> <!-- Option: Structure the following HTML source code --> <body> <h1>Gambas Web-Applikation</h1> <table> <tr> <th>Umgebungsvariable</th> <th>Wert</th> </tr> <%For Each sEnvironment In Env%> <tr> <td><%=sEnvironment%></td> <td><%=Env[sEnvironment]%></td> </tr> <%Next%> </table> </body> </html>
Einige Besonderheiten sollten Sie beachten:
- In einer Webpage können nur lokale Gambas-Variablen in einem <% … %>-Bereich deklariert werden und zwar nur am Anfang der Webseite – vor jedem HTML-Quelltext!
- Kommentare im Gambas-Quelltext (3. Zeile) kennzeichnen Sie wie gewohnt am Anfang mit Hochkomma .
- Im HTML-Quelltext hingegen werden Kommentare wie in der Zeile 1 oder in der Zeile 12 von den beiden Tags <!– und –> eingeschlossen.
- Wenn Sie Gambas-Quelltext in eine Webpage – also in HTML-Quelltext – einfügen, so müssen Sie die spezielle Syntax verwenden, die in der Tabelle 'Webpage-Syntax' im Kapitel '24.6.2.0 Klasse Webpage' beschrieben wird.
24.6.2.1.2 Anzeige des generierten HTML-Quelltextes
Nach dem Starten in der IDE mit F5 wird intern die Render()-Methode aufgerufen. Das komplette HTML der Webseite wird in der Konsole der IDE (!) ausgegeben. Es werden Ihnen die Werte der Umgebungsvariablen des Systems in einer Tabelle mit 2 Spalten angezeigt.
Hier ein Ausschnitt aus dem Text in der Konsole der IDE beim Autor:
<html> <body> <h1>Gambas Web-Applikation</h1> <table> <tr> <th>Umgebungsvariable</th> <th>Wert</th> </tr> <tr> <td>LANGUAGE</td> <td>de_DE.UTF-8</td> </tr> ... <tr> <td>DESKTOP_SESSION</td> <td>cinnamon</td> </tr> ... </table> </body> </html>
Diesen kompletten HTML-Quelltext können Sie mit der Funktion Webpage.ToString() zum Beispiel in einer Variablen sichern oder in einer HTML-Datei speichern.
Download
k24/k24.6/k24.6.2/k24.6.2.1/start.txt · Zuletzt geändert: 21.02.2023 (Externe Bearbeitung)
Seiten-Werkzeuge
Falls nicht anders bezeichnet, ist der Inhalt dieses Wikis unter der folgenden Lizenz veröffentlicht: CC Attribution-Noncommercial 3.0 Unported
