Benutzer-Werkzeuge

Webseiten-Werkzeuge


Seitenleiste

Kommunikation und Netzwerk

k24:k24.6:k24.6.2:k24.6.2.1:start

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

Die Website verwendet zwei temporäre Session-Cookies. Diese technisch notwendigen Cookies werden gelöscht, wenn der Web-Browser geschlossen wird! Informationen zu Cookies erhalten Sie in der Datenschutzerklärung.
k24/k24.6/k24.6.2/k24.6.2.1/start.txt · Zuletzt geändert: 21.02.2023 (Externe Bearbeitung)

Seiten-Werkzeuge