Nodejs basiertes Webfrontend, das es Schülern ermöglicht innerhalb des Browsers mit einer MariaDB zu arbeiten. So ist z.B. die Nutzung zu Hause oder am Smartphone ist z.B. problemlos möglich.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

53 lines
2.0 KiB

<html>
<head>
<title>Webclient für MySQL-Server</title>
<meta name="author" content="Dr. Thomas Kippenberg">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="app.css">
</head>
<body>
<section id="login">
<h1>Datenbank Client</h1>
<h2>Anmeldung</h2>
<p>Bitte melden Sie sich an der Datenbank an:</p>
<table>
<tr><td>Datenbank</td><td><input id="db"></td></tr>
<tr><td>Benutzername</td><td><input id="uid"></td></tr>
<tr><td>Passwort</td><td><input id="pwd" type="password"></td></tr>
</table>
<button id="btnLogin">Anmelden</button>
</section>
<section id="query" style="display:none">
<h1>Datenbank Client</h1>
<h2>Abfrage</h2>
<textarea id="sql" width="120" rows="8" maxlength="1000" >show tables;</textarea><br>
<span id="symbols">Noch 988 Zeichen erlaubt</span><br>
<button id="btnQuery">Absenden</button>
<button id="btnClear">Löschen</button>
<button id="btnHistory">Historie</button>
<button id="btnHelp">Hilfe &amp; Tipps</button>
<button id="btnLogout">Abmelden</button>
<h2>Ergebnis</h2>
<table id="result" class="result"></table>
</section>
<section id="help" style="display:none">
<h1>Datenbank Client</h1>
<h2>Tipps zur Bedienung</h2>
<div><ul>
<li>SQL-Befehle können mehrzeilig sein; daher bewirkt "Enter" kein Absenden der Abfrage
<li>Mit der "Tabulator" - Taste springen Sie schnell zur Schaltfläche "Absenden"
<li>Die letzten Eingaben können Sie mittels "Bild auf/ab" durchblättern
<li>Alle bisherigen Eingaben können Sie mittels "Historie" herunterladen (als Textdatei)
<li>Das schließende Semikolon nach einem SQL-Befehl ist nicht zwingend nötig
</ul></div>
<button id="btnCloseHelp">zurück</button>
</section>
<script src="./socket.io/socket.io.js"></script>
<script src="app.js"></script>
</body>
</html>