Übungen

Loginmaske

Erzeugen Sie ein Formular, mit dem ein Login durchgeführt werden soll. Beachten Sie dabei, dass neben dem Benutzernamen ein unlesbares Passwortfeld verwendet werden soll.

Feedback

<!DOCTYPE html>

<html>

    <head>
        <title>Fenstertitel</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>

    <body>

        <form action="#" method="post" name="login">
            <table border="1" bgcolor="#dddddd" width="400px" cellpadding="5">
                <colgroup>
                    <col width="25%">
                    <col width="75%">
                </colgroup>
                <tr>
                    <td align="center" valign="middle" height="45px">
                        Benutzername:
                    </td>
                    <td align="left" valign="middle">
                        <input type="text" name="Benutzername"> 
                    </td>
                </tr>
                <tr>
                    <td align="center" valign="middle" height="45px">
                        Passwort:
                    </td>
                    <td align="left" valign="middle">
                        <input type="password" name="password"> 
                    </td>
                </tr>
                <tr>
                    <td align="center" valign="middle" height="45px" colspan="2" align="center">
                        <input type="submit" name="login" value="login">
                    </td>
                </tr>
            </table>
        </form>
    </body>

</html>

Das Ergebnis sieht aus, wie folgt

Kopfrechner

Gegeben ist ihnen folgender Quelltext (Fragen/Aufgaben befinden sich unterhalb des Quelltextes):

<?php
$ergebnisVorhanden = false;
if (isset($_POST['pruefen'])) {
    //Auslesen der übergebenen Werte, sobald Formular betätigt wird
    $operatorenListeAusgelesen = explode(",", $_POST['operatorenListe']);
    $wertEinsArrayAusgelesen = explode(",", $_POST['werteEinsString']);
    $wertZweiArrayAusgelesen = explode(",", $_POST['werteZweiString']);
    $anzahlErgebnisseGesamt = count($operatorenListeAusgelesen);
    $anzahlRichtigerErgebnisse = 0;
    for ($iErgebnis = 0; $iErgebnis < count($operatorenListeAusgelesen); $iErgebnis++) {
        $ergbnisTemporaer = $_POST['ergebnis' . $iErgebnis];
        switch ($operatorenListeAusgelesen[$iErgebnis]) {
            case "%":
                $ergebnis = $wertEinsArrayAusgelesen[$iErgebnis] % $wertZweiArrayAusgelesen[$iErgebnis];
                break;
            case "*":
                $ergebnis = $wertEinsArrayAusgelesen[$iErgebnis] * $wertZweiArrayAusgelesen[$iErgebnis];
                break;
            case "-":
                $ergebnis = $wertEinsArrayAusgelesen[$iErgebnis] - $wertZweiArrayAusgelesen[$iErgebnis];
                break;
            case "+":
                $ergebnis = $wertEinsArrayAusgelesen[$iErgebnis] + $wertZweiArrayAusgelesen[$iErgebnis];
                break;
            default:
                $ergebnis = "NaN";
        }
        if ($ergbnisTemporaer == $ergebnis) {
            $anzahlRichtigerErgebnisse++;
        }
    }
    $ergebnisVorhanden = true;
}
?>
<!DOCTYPE html>
<html>
    <head>
        <title>Kopfrechnen</title>
        <meta charset="ISO-8859-1">
    </head>
    <body>
        <form method="POST" name="KopfrechnenFormular" action="#">
            <table>
                
                <b>Kopfrechner</b>
                
                <?php
                $operatorenListe = array("%", "*", "-", "+");
                $wertEinsArray = array();
                $wertZweiArray = array();
                for ($i = 0; $i < count($operatorenListe); $i++) {
                    echo "<tr>";
                    $a = $i + 1;
                    echo "<td>";
                    echo "Aufgabe " . $a . ": ";
                    echo "</td>";
                    $wertEinsArray[$i] = rand(1, 20);
                    $wertZweiArray[$i] = rand(1, 20);
                    echo "<td>";
                    echo $wertEinsArray[$i] . " " . $operatorenListe[$i] . " " . $wertZweiArray[$i];
                    echo "</td>";
                    echo "<td>";
                    echo " = ";
                    echo "</td>";
                    echo "<td>";
                    echo "<input type='text' name='ergebnis" . $i . "'>";
                    echo "</td>";
                    echo "</tr>";
                }
                echo "<input name='operatorenListe' type='hidden' value='" . implode(",", $operatorenListe) . "'>";
                echo "<input name='werteEinsString' type='hidden' value='" . implode(",", $wertEinsArray) . "'>";
                echo "<input name='werteZweiString' type='hidden' value='" . implode(",", $wertZweiArray) . "'>";
                ?>
                <tr>
                    <td colspan="4">
                        <input type="submit" value="Ergebnisse pr&uuml;fen" name="pruefen">
                    </td>
                </tr>
                <?php
                if (isset($_POST['pruefen'])) {
                    ?>
                    <tr>
                        <td colspan="4">
                            <b>
                                Sie haben 
                                <?php
                                if (isset($_POST['pruefen'])) {
                                    echo " " . $anzahlRichtigerErgebnisse . " von " . $anzahlErgebnisseGesamt . " ";
                                }
                                ?>
                                Ergebnissen richtig. 
                            </b>
                        </td>
                    </tr>
                    <?php
                }
                ?>
            </table>
        </form>
    </body>
</html>

Aufgaben: Kopieren sie den Quelltext in netbeans IDE, um die Aufgaben bearbeiten zu können. Beantworten Sire die Fragen bitte schriftlich.

Erläutern Sie die Zeile 5 und die Zeile 70.
Wie unterscheiden sich die Befehle explode und implode.
Wie gehören die Zeilen 5 und 70 zusammen und warum wird in Zeile 70 mit dem Formularfeld "hidden" gearbeitet?
Erläutern sie exakt den Ausdruck in Zeile 70 value='" . implode(",", $operatorenListe) . "'
Erläutern sie die Mehrfachverzweigung switch-case in den Zeilen 12 bis 27
Beschreiben sie, was in Zeile 28 bis 30 passiert und wozu dieser Wert später nochmals verwendet wird.

Feedback

Zu Aufgabe 1 und 2)

Zeile 5:

unter www.php.net läßt sich zu Zeile 5 folgendes finden:

explode

(PHP 4, PHP 5, PHP 7)

explode — Teilt einen String anhand einer Zeichenkette
Beschreibung
array explode ( string $delimiter , string $string [, int $limit ] )

Gibt ein Array aus Strings zurück, die jeweils Teil von string sind. 
Die Abtrennung erfolgt dabei an der mit delimiter angegebenen Zeichenkette.

Für die Auswirkungen der Zeile 5 bedeutet dies, dass via POST eine Zeichenkette kommt, die ich anhand eines Trennzeichenes (Delimiter) unterteilen kann. Jeder Teil wird fortlaufend in ein Array geschrieben und ist gleichzeitig indexiert aufrufbar.

Zeile 70:

in Zeile 70 findet sich das Gegenstück zu Zeile 5. Es wird mittels implode eine Zeichenkette aus einem Array gebildet. www.php.net schreibt dazu:


implode

(PHP 4, PHP 5, PHP 7)

implode — Verbindet Array-Elemente zu einem String
Beschreibung 
string implode ( string $glue , array $pieces )
string implode ( array $pieces )

Verbindet die Elemente eines Array mittels glue zu einer Zeichenkette.

Zu Aufgabe 3)

Die Operatorenliste zur Ausgabe des Formulars ist in PHP-Quelltext als Array aufgebaut. Solches Arrays sind aber nicht zu übergeben via POST. Die POST-Ressourcen nimmt Zeichenketten auf, die zusammen mit einem Schlüssel (Namre des Input-Feldes) zu einem Array-Eintrag werden. Um nun ein Array übertragen zu können, werden die einzelnen Arrayfelder zu einer Zeichenkette verknüpft und die Felder mit einem eindeutigen Trenner in der Zeichenkette separiert, siehe Zeile 70. Später läßt sich diese Kette anhand der Trennzeichen wieder in das ursprüngliche Array aufteilen mittels explode, sh. Zeile 5.

Der Typ hidden wird gewählt, um Werte übertragen zu können, ohne dass sie sichtbar werden.

Zu Aufgabe 4)

value='" . implode(",", $operatorenListe) . "'

Dem input-Feld operatorenliste wir ein Wert zugewiesen. Dafür wird die PHP-Zeichenkette verknüpft mit dem Ergebnis einer PHP-Operation implode. Der "."-Operator verknüft beides zu einer einzigen Zeichenkette.

Zu Aufgabe 5)

Die allgemeine Erklärung zu einer switch-case-Verknüpfung befindet sich hier.

Eine Verknüpfung zu einer Zeichenkette mittels Punktoperator ist nicht unmittelbar in eine mathematische Operation zu überführen. Der Punktoperator erzeugt eine Zeichenkette vom Typ String. Dadurch werden mathematische Operatoren in Zeichen (Ascii) interpretiert. Aus diesem Grund muss explizit im case ein Operator ohne Hochkomma (Stringdeklaration) benannt werden.

Alternative, aber fehleranfällig:

Eine Zeichenkette vom Typ String kann auf mathematische Operationen untersucht werden, wenn sie mit der PHP-Funktion eval() umschlossen wird.

Zu Aufgabe 6)

Es wird zwischen berechneten und übertragenem Ergebnis vom Benutzer verglichen. Ist das PHP-Berechnungsergebnis und die Antwort des Benutzers gleich, dann wird der Wert der richtigen Antworten um 1 erhöht. Initialisiert wurde die Anzahl der richtigen Ergebnisse auf 0.

Sprungaufgabe 1

Erzeugen sie einen Quelltext in ausschließlich PHP und HTML, der folgende Ausgabe erzeugt:

Feedback

<!DOCTYPE html>
<html>
    <head>
        <title>Sprungaufgabe</title>
        <meta charset="ISO-8859-1">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
    <center>
        <form action="#" method="post">
            <table border="1">
                <colgroup>
                    <col width="40px" height="30px">
                </colgroup>
                <?php
                if (isset($_POST['welchesFeld'])) {
                    $feldID = $_POST['welchesFeld'];
                } else {
                    $feldID = 4;
                }
                for ($i = 0; $i < 5; $i++) {
                    if ($i == $feldID) {

                        $bgcolor = "red";
                        if ($feldID == 0) {
                            echo '<input type="hidden" name="welchesFeld" value="4">';
                        } else {
                            $neueFeldID = $feldID - 1;
                            echo '<input type="hidden" name="welchesFeld" value="' . $neueFeldID . '">';
                        }
                    } else {
                        $bgcolor = "white";
                    }
                    echo '<tr>';
                    echo '<td height="30px" bgcolor="' . $bgcolor . '"></td>';
                    echo '</tr>';
                }
                ?>
                <tr>
                    <td>
                        <input type="submit" name="springen" value="springen">
                    </td>
                </tr>
            </table>
        </form>
    </center>
</body>
</html>

Sprungaufgabe 2

Es wird etwas schwieriger!

Erzeugen sie einen Quelltext in ausschließlich PHP und HTML, der folgende Ausgabe erzeugt:

Feedback

Dieser Lösungsvorschlag verwendet etwas aufwendigere Bedingungen und Eingrenzungen der Bereiche. Die Anzahl der Felder ist variable. Das heißt, die Tabellengröße ist mit Hilfe der Variable $anzahlFelder = 8; änderbar.

<!DOCTYPE html>
<html>
    <head>
        <title>Sprungaufgabe</title>
        <meta charset="ISO-8859-1">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
    <center>
        <form action="#" method="post">
            <table border="1">
                <colgroup>
                    <col width="80px">
                    <col width="80px">
                </colgroup>
                <?php {
                    $anzahlFelder = 8;
                    $anzahlFelder = $anzahlFelder + ($anzahlFelder % 2);
                    $bgcolorlinks="white";
                    $bgcolorrechts="white";
                    if(isset($_POST['welchesFeld'])){
                        $neueFeldID=$_POST['welchesFeld'];
                    }else{
                        $neueFeldID=0;
                    }
                    for ($i = 0; $i < ($anzahlFelder/2); $i++) { 
                        echo '<tr>';
                        if(($anzahlFelder/2)-$i-1==$neueFeldID){
                            $bgcolor="red";
                        }else{
                            $bgcolor="white";
                        }
                        echo '<td height="30px" bgcolor="' . $bgcolor . '"></td>';
                        if($i+($anzahlFelder/2)==$neueFeldID){
                            $bgcolor="red";
                        }else{
                            $bgcolor="white";
                        }
                        echo '<td height="30px" bgcolor="' . $bgcolor . '"></td>';
                        echo '</tr>';
                    }
                    if($neueFeldID == $anzahlFelder-1){
                        echo '<input type="hidden" name="welchesFeld" value="0">';
                    }else{
                        echo '<input type="hidden" name="welchesFeld" value="' . ++$neueFeldID . '">';
                    }
                }
                ?>
                <tr>
                    <td colspan="2" align="center">
                        <input type="submit" name="springen" value="springen">
                    </td>
                </tr>
            </table>
        </form>
    </center>
</body>
</html>

Lizenziert unter Creative Commons Attribution Share Alike License 4.0

« Vorheriges | Nächste »