[MUSIK]
Wir haben das Ende des dritten Moduls dieses Kurses erreicht.
Dies ist die Zeit für Ihren dritten Auftrag.
In dieser Aufgabe werden wir uns die Bootstrap-Komponenten ansehen
, die wir in diesem Modul untersucht haben, und einige zu unserer index.html Seite hinzufügen.
Ihr dritter Auftrag umfasst drei Aufgaben.
Die erste Aufgabe besteht darin, das Reservierungsformular zu übernehmen, das Sie zuvor
in einer der folgenden Inhaltszeilen erstellt haben, und dann das Formular aus der Inhaltszeile ausschneiden.
Und dann erstellen Sie ein Modell, das das gleiche Reservierungsformular für Ihre Tabelle enthält.
So können Sie sehen, dass wir die Anzahl der Gäste hier haben, und das Datum und die
Uhrzeit hier, und dann zwei Schaltflächen, die Schaltfläche Reservieren und Abbrechen.
Genau wie Sie für das Reservierungsformular hatten.
Darüber hinaus besteht die zweite Aufgabe in dieser Zuweisung darin,
hier eine weitere Zeile mit einem Optionsfeld hinzuzufügen.
Hier können Sie also dem Benutzer erlauben, anzugeben
, in welchem Bereich des Restaurants er die Tabelle aufnehmen soll.
Egal ob Nichtraucher oder Raucherbereich.
Standardmäßig wird der Nichtraucherbereich ausgewählt.
Wenn der Benutzer den Raucherbereich möchte,
klickt der Benutzer auf die Schaltfläche, um den Raucherbereich auszuwählen.
Wenn der Benutzer den Nichtraucherbereich möchte,
klickt der Benutzer offensichtlich auf den Nichtraucherbereich, um die Schaltfläche auszuwählen.
Das ist also eine Optionsfeldgruppe mit zwei Knöpfen hier, Rauchen und Nichtraucher.
Das ist also Ihre zweite Aufgabe in dieser Zuweisung, um die Schaltfläche hier hinzuzufügen.
Die dritte Aufgabe besteht darin, diese Schaltfläche hier zu drehen,
die Schaltfläche Tabelle reservieren hier, um das Modell aufzurufen.
Wenn Sie also auf die Schaltfläche klicken, wird das Modell angezeigt und ausgeblendet.
Um dies zu tun, müssen Sie zuerst die QuickInfo aus der Reserve-Tabelle entfernen
, sonst funktioniert diese Funktionalität nicht.
Und entfernen Sie auch das Skript, den JavaScript-Code, den Sie am
Ende der Seite index.html hinzugefügt haben, um die QuickInfo auszulösen.
Tun Sie dies, und machen Sie dann diese Schaltfläche Tabelle reservieren
als Umschalter für Ihr Modell fungieren.
Das ist also Ihre dritte Aufgabe in diesem Auftrag.
Ich hoffe, Sie haben es genossen, diese neue Variante der Seite index.html zu erstellen.
( MUSIK)