Zum Inhalt wechseln
Dr. Web Logo seit 1997.
  • Agentur eintragen ✅
  • Ausschreibungen
  • Beste Agenturen
  • Jobs
  • Magazin
  • Newsletter 📩
  • Login
  • Kontakt
  • Sponsored Post
  • Werben 🎉
Menü
  • Agentur eintragen ✅
  • Ausschreibungen
  • Beste Agenturen
  • Jobs
  • Magazin
  • Newsletter 📩
  • Login
  • Kontakt
  • Sponsored Post
  • Werben 🎉
  • Werben
  • Gastbeitrag
  • Sponsored Post
  • Kontakt
  • Anmeldung
  • Newsletter
Suche
  • Beste Agenturen
  • Agentur-Standorte
    • Berlin

    • Bonn

    • Dortmund

    • Dresden

    • Duisburg

    • Düsseldorf

    • Essen

    • Frankfurt am Main

    • Freiburg

    • Hamburg

    • Hannover

    • Köln

    • Leipzig

    • München

    • Nürnberg

    • Stuttgart

    • Wien

    • Zürich

  • Ausschreibungen
  • Smarte Agenturköpfe
  • Magazin
Agentur eintragen →
Dr. Web Logo seit 1997.
  • Agentur finden
  • Ausschreibungen
  • Smarte Agenturköpfe
  • Magazin
Agentur eintragen →
Dr. Web » (Kostenlose) Services » Simbla 2017: Dynamische Seiten aus dem Homepage-Baukasten

Simbla 2017: Dynamische Seiten aus dem Homepage-Baukasten

Facebook Icon. facebook Twitter Icon. twitter Xing Icon. xing Linkedin Icon. linkedin Whatsapp Icon. whatsapp
  • Keine Kommentare
Lesedauer: 6 Minuten
  • von Dieter Petereit
  • 15. Juni 2017

Inhaltsverzeichnis

Der Website Builder Simbla setzt sich in einigen Punkten von seinem Wettbewerb ab. Am deutlichsten merkt der Kunde das in Sachen Datenbankanbindung. Das neue Feature „Dynamic Pages” ist ein weiteres Highlight aus Simblas Funktionsumfang.

Der Simbla Website Builder ist Leserinnen und Lesern des Dr. Web Magazins schon seit einigen Jahren ein Begriff. Immer wieder stellten wir den Baukasten und seinen rasanten Fortschritt in Sachen Features vor. Alle Links zu unseren entsprechenden Artikeln findest du am Ende dieses Beitrags.

Simblas Konzept der Datenbankanbindung ist dabei der Ansatz, der uns hier in der Redaktion am meisten begeistert. Über eine einfache grafische Benutzeroberfläche legst du Datenbanken nebst Inhalten in einer derart intuitiven Weise an, dass das selbst von nahezu vollständig Ahnungslosen unfallfrei zu erledigen ist. Profis freuen sich über die komfortable und flexible Lösung.

Datenbanken anlegen und verwalten mit Simbla

Durchdacht ist, dass der Datenbank-Bereich als separate Säule unabhängig von der eigentlichen Website-Optik besteht. Das entspricht der Vorgehensweise konventioneller Datenbank-Systeme, die ja ebenfalls nicht im Zusammenhang mit einem konkreten Ausgabe-Medium betrieben werden. So kannst du dich also zunächst, von optischen Aspekten unbeeinflusst, um deine Inhalte kümmern.

newdatabase Simbla 2017: Dynamische Seiten aus dem Homepage-Baukasten
Datenbanken musst du nicht lange suchen.

Nachdem du eine Datenbank angelegt hast, definierst du Nutzer, Rollen, sowie Tabellen. Für den öffentlichen Zugriff über die Website sorgt dabei der Standardnutzer „Public“. Du kannst aber auch weitere Benutzer einrichten, die beispielsweise nur nach einem Login Zugriff haben.

Die Rechtevergabe ist hinreichend differenziert. So ist es beispielsweise möglich, dem Nutzer „Public“ nur Leserechte für eine Datenbank zuzuweisen und anderen Nutzern auch Schreibrechte. Dabei stehen dir als Rechte „find“ zum Suchen, „get“ zum Anzeigen, „create“ zum Erstellen, „update“ zum Aktualisieren und „delete“ zum Löschen eines Datensatzes zur Verfügung. Neben der Einrichtung einzelner Nutzer und Deklaration jeweils individueller Rechte-Sets, kann es sich schnell lohnen, mit sogenannten Rollen übergreifende Berechtigungsszenarien für eine gleichartige Gruppe von Nutzern zu setzen.

rechtvergabe Simbla 2017: Dynamische Seiten aus dem Homepage-Baukasten
HInreichend differenzierte Rechtevergabe per Klick.

Ist dieses Thema erledigt, widmest du dich der Erstellung der erforderlichen Datentabellen, also der eigentlichen Inhalte. Bequem fügst du Spalten hinzu und definierst die Art der Spalte. Möglich sind unter anderem Zeichenketten, Zahlen, Arrays, boolesche Werte und Dateien. Im Gegensatz zu anderen Datenbanken wie MySQL lassen sich Dateien wie Bilder und Dokumente ganz bequem über einen eigenen Typ in eine Tabelle integrieren und später abrufen. Außerdem erhältst du bei Bilddateien eine Vorschau.

Ganz automatisch werden die Spalten „Id“, „createdAt“ und „updatedAt“ erstellt und gepflegt. Mit Hilfe der grafischen Benutzeroberfläche ist das Anlegen und Verwalten von Datenbanken spielend einfach. Im Handumdrehen legst du neue Zeilen an und füllst diese mit Inhalt.

Willst du eine Tabelle anderweitig verwenden, exportierst du diese mit einem Klick ins CSV-Format. Lediglich eingebundene Dateien werden beim Export ignoriert. Im CSV-Format lassen sich Daten genauso auch importieren.

Von der Datenbank zur dynamischen Web-App

Nun wäre eine Datenbank relativ nutzlos, könnten wir sie nicht in unsere Website integrieren. Auch diese Funktionalität hat Simbla intuitiv gelöst. Die Einbindung ist sehr einfach und bequem.

Zunächst musst du die Datenbank in den Einstellungen deiner Website auswählen. Unmittelbar danach stehen dir alle Inhalte dieser Datenbank innerhalb des Design-Editors zur Verfügung. An dieser Stelle kommen die sogenannten App Widgets ins Spiel. Diese vorgefertigten Inhaltselemente sorgen für vordefinierte Datenbankverbindungen für bestimmte Zwecke.

Dank der umfangreichen Möglichkeiten erstellst du ohne großen Aufwand und ohne Kenntnisse in Programmierung und Datenbankabfragen einfache und auch komplexe Website-Applikationen. Egal, ob es sich Registrierungsformulare oder die Ausgabe von Inhalten in Tabellenform handelt, die App Widgets dynamisieren deine Website.

Dynamic Pages: Simbla wird zum CMS

Besonders die brandneue App Widget-Kombination aus „Dynamic Grid” und „Dynamic Pages” kann deiner Website einen wahren Schub in Sachen Dynamisierung versetzen. Denn mit Hilfe dieser Widgets sorgst du dafür, dass Simbla deine Inhalte als Grid-Übersicht anzeigt und für jeden Datensatz aus deiner Datenbank eine separate Seite erzeugt, die die Details des jeweiligen Satzes darstellt.

dynamicgrid settings Simbla 2017: Dynamische Seiten aus dem Homepage-Baukasten
Die Konfigurations-Dialoge sind durchweg verständlich.

Schritt 1: Das dynamische Grid

Der erste Schritt besteht darin, im Simbla-Editor ein dynamisches Grid anzulegen. Dies erfolgt vollständig grafisch und erfordert keinerlei Programmierung in SQL oder anderen Sprachen. Bei der Definition dessen, was im Grid angezeigt werden soll, kannst du Filter zur Einschränkung der Datenmenge zum Einsatz bringen. Ebenfalls möglich ist die Verwendung eines Suchfeldes, so dass nur die vom Besucher gewünschten Inhalte Eingang in das Grid finden. Zudem definierst du die Zahl der Resultate pro Seite und die auf- oder absteigende Sortierung nach einem ebenfalls zu wählenden Datenfeld.

dynamicgrid leiste Simbla 2017: Dynamische Seiten aus dem Homepage-Baukasten
Neuzugang in der Toolbox, das dynamische Grid.

Im Seitendesign kannst du nun konkrete Inhalte in der Form von Variablen setzen, die die von zweifach geschweiften Klammern eingeschlossen werden, also etwa {{Feldname}}. Diese Variablen sind frei formatierbar. Vor allem kannst du den Rest der Seite ganz nach deinen Vorstellungen gestalten. Einschränkungen entstehen durch den Einsatz des „Dynamic Grid” keine.

dynamicgrid template Simbla 2017: Dynamische Seiten aus dem Homepage-Baukasten
Das dynamische Grid gestaltest du nach deinen Wünschen.

Das Ergebnis dieser Arbeit ist ein sich selbst populierendes Grid mit den von dir gefilterten oder deinen Besuchern gesuchten Inhalten deiner Datenbank. Das ist eine schöne Sache, stellt aber nur die halbe Lösung dar.

Schritt 2: Die dynamischen Seiten

Denn jetzt kommen unsere „Dynamic Pages” ins Spiel. Diese setzen ihrerseits am Grid an und erweitern es. Mit diesem zusätzlichen Widget erhält jeder Inhalt unseres dynamischen Grids einen Link zu einer Detailseite, auf der du dann – wiederum vollkommen frei – gestalten kannst, was und in welcher Optik der Besucher sehen soll.

Ein gutes Beispiel für die Verwendung der Widget-Kombo ist dieses Escape Room Directory. Escape Rooms sind eine neue Form von Gruppenspiel. Man lässt sich als Kleingruppe in einem Raum einsperren und muss sich dann innerhalb von 60 Minuten befreien. Dazu ist es erforderlich, allerlei Aufgaben zu bewältigen und Rätsel zu lösen. Escape Rooms gibt es überall auf der Welt und es werden schnell mehr.

escaperoom dynamic pages Simbla 2017: Dynamische Seiten aus dem Homepage-Baukasten
Das Escape Room Directory startet mit dem Suchfeld als Ausgangspunkt.

Damit ist ein Verzeichnis dieser ungewöhnlichen Spielstätten genau die richtige Aufgabe für ein dynamisches Grid mit angehängten dynamischen Seiten. Denn der Designer muss keinerlei Hand mehr anlegen, wenn das Layout steht. Allein jeder zusätzliche Datenbankeintrag sorgt dafür, dass automatisch eine weitere Seite dynamisch generiert und über die Grid-Ansicht zugänglich gemacht wird.

Innerhalb des „Dynamic Pages” Widgets definierst du in erster Linie die URL-Struktur, die der Anzeige der Detailseiten hinterlegt sein soll. Sollte es sich um Inhalte handeln, die nur registrierten oder anderweitig berechtigten Besuchern zugänglich machen willst, nimmt du hier die entsprechende Einschränkung auf autorisierte Rollen vor.

dynamicpages template Simbla 2017: Dynamische Seiten aus dem Homepage-Baukasten
Das Template für die Detailseite gestaltest du völlig frei. Nur die Variablen musst du einsetzen.

Für die Detailseiten legst du in deiner Website eine neue Seite an, die als Vorlage, als Template für die Optik der Detailansicht dient. Auch diese kannst du natürlich frei designen. Die Inhalte aus der Datenbank fügst du in dreifach geschweiften Klammern ein, also zum Beispiel mit {{{Feldname}}}. Dein Template verknüpfst du dann mit der gleichen Datentabelle, di du zuvor schon für das Grid gewählt hattest und aktivierst die Checkbox „Dynamic Pages” in den Einstellungen. Mehr ist nicht zu tun.

Fazit: Dynamische Inhalte können nicht einfacher integriert werden

Mit der neuen Kombination aus „Dynamic Grid” und „Dynamic Pages” bietet der Simbla Website Builder eine flexible Lösung für die Darstellung größerer Datenmengen auf der Basis einzelner Seiten. Das habe ich bislang beim Wettbewerb so nicht gesehen. Auch ist mir keine andere Lösung geläufig, die Datenbankinhalte auf diese einfache und komfortable Weise ohne jeglichen Programmieraufwand netztauglich macht.

Unsere übrigen Beiträge zu Simbla findest du hier, hier und hier.

Dieter Petereit

Dieter Petereit

Dieter Petereit ist seit 1994 im Netz unterwegs, aber bereits seit über 30 Jahren in der IT daheim. Seit Anfang des neuen Jahrtausends schreibt er für Technik-affine Medien wie T3N und Dr. Web. Dieter war acht Jahre lang Chefredakteur des Dr. Web Magazins.

Werde ein Sponsor. Kontaktiere uns →

Kostenloses SEO-Tool

Agenturpartner

Profilbild Dominik Kienzle.

Dominik Kienzle

München

Carmen Hurst Webdesign Bad Homburg Logo.

Carmen Hurst | Webdesign

Bad Homburg

Netzhelfer Agentur Ostfildern Stuttgart Logo. Die Partner für das Internet.

NETZhelfer GmbH

Ostfildern

Netkin Digital Marketing.

netkin digital Marketing

Köln

Fotografie Jennifer Klüpfel

Bodenheim

Alle Agenturpartner

Lust auf mehr?

Symbolbild in einem Laptop eingebettet. Zu sehen ist ein Mitarbeiter einer Digitalagentur.
Digitalisierung

Die passende Digitalagentur finden: Das solltest Du beachten

Wir unterstützen Dich bei der Auswahl der passenden Digitalagentur, mit Agenturempfehlungen und wichtigen Hintergrundinformationen in unserer FAQ.

→
SEO Agentur

SEO Agentur

Hier finden Sie eine geeignete SEO Agentur. Sie möchten eine bessere Sichtbarkeit Ihrer Website in Google & Co., mehr Traffic, höhere Conversions, mehr Umsatz? Eine professionelle SEO Agentur unterstützt Sie maßgeblich bei der Erreichung dieser wichtigen Ziele.

→
Mitarbeiter einer WordPress-Agentur mit einer Tasse Kaffee im Vordergrund.
WordPress

WordPress — eine gute Wahl für Ihre Unternehmenswebsite?

Hier finden Sie ein ausführliches FAQ zu WordPress als Entscheidungshilfe und eine Auswahl von professionellen WordPress Agenturen.

→

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Dr. Web Logo weiss.

Pionier für Digitale Transformation. Seit 1997. ✅  Wissen, Tipps, Ratgeber, Dienstleister: Wir bringen wir die digitale Transformation von Unternehmen praxisnah voran.

Agentur nach Schwerpunkt finden

  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • Die besten WordPress Agenturen
  • So finden Sie die richtige SEO-Agentur
  • Ist WordPress eine gute Wahl für Ihre Website?
  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • Die besten WordPress Agenturen
  • So finden Sie die richtige SEO-Agentur
  • Ist WordPress eine gute Wahl für Ihre Website?

Für Unternehmer: Finden Sie Ihre Agentur in…

  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich
  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich

Aus unserem Magazin

  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce
  • Dr. Web Autoren
  • Amazon SEO
  • Content Marketing
  • CMS
  • CSS
  • Digitalisierung
  • E-Commerce
  • Freelancer
  • Jobs
  • Online-Marketing
  • SEO
  • UX Design
  • Webdesign
  • Website erstellen
  • WordPress
  • WooCommerce

Rechtliches

  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑