1
00:00:00,000 --> 00:00:04,396
[MUSIK]

2
00:00:04,396 --> 00:00:09,510
Wir haben das Ende des dritten Moduls dieses Kurses erreicht.

3
00:00:09,510 --> 00:00:13,070
Dies ist die Zeit für Ihren dritten Auftrag.

4
00:00:13,070 --> 00:00:18,132
In dieser Aufgabe werden wir uns die Bootstrap-Komponenten ansehen

5
00:00:18,132 --> 00:00:23,121
, die wir in diesem Modul untersucht haben, und einige zu unserer index.html Seite hinzufügen.

6
00:00:25,036 --> 00:00:30,190
Ihr dritter Auftrag umfasst drei Aufgaben.

7
00:00:30,190 --> 00:00:36,930
Die erste Aufgabe besteht darin, das Reservierungsformular zu übernehmen, das Sie zuvor

8
00:00:36,930 --> 00:00:42,470
in einer der folgenden Inhaltszeilen erstellt haben, und dann das Formular aus der Inhaltszeile ausschneiden.

9
00:00:42,470 --> 00:00:49,140
Und dann erstellen Sie ein Modell, das das gleiche Reservierungsformular für Ihre Tabelle enthält.

10
00:00:49,140 --> 00:00:52,620
So können Sie sehen, dass wir die Anzahl der Gäste hier haben, und das Datum und die

11
00:00:52,620 --> 00:00:56,600
Uhrzeit hier, und dann zwei Schaltflächen, die Schaltfläche Reservieren und Abbrechen.

12
00:00:56,600 --> 00:00:59,340
Genau wie Sie für das Reservierungsformular hatten.

13
00:01:00,950 --> 00:01:06,390
Darüber hinaus besteht die zweite Aufgabe in dieser Zuweisung darin,

14
00:01:06,390 --> 00:01:12,970
hier eine weitere Zeile mit einem Optionsfeld hinzuzufügen.

15
00:01:12,970 --> 00:01:17,980
Hier können Sie also dem Benutzer erlauben, anzugeben

16
00:01:17,980 --> 00:01:21,690
, in welchem Bereich des Restaurants er die Tabelle aufnehmen soll.

17
00:01:21,690 --> 00:01:24,800
Egal ob Nichtraucher oder Raucherbereich.

18
00:01:24,800 --> 00:01:28,820
Standardmäßig wird der Nichtraucherbereich ausgewählt.

19
00:01:28,820 --> 00:01:31,690
Wenn der Benutzer den Raucherbereich möchte,

20
00:01:31,690 --> 00:01:36,690
klickt der Benutzer auf die Schaltfläche, um den Raucherbereich auszuwählen.

21
00:01:36,690 --> 00:01:38,870
Wenn der Benutzer den Nichtraucherbereich möchte,

22
00:01:38,870 --> 00:01:43,860
klickt der Benutzer offensichtlich auf den Nichtraucherbereich, um die Schaltfläche auszuwählen.

23
00:01:43,860 --> 00:01:50,910
Das ist also eine Optionsfeldgruppe mit zwei Knöpfen hier, Rauchen und Nichtraucher.

24
00:01:50,910 --> 00:01:57,840
Das ist also Ihre zweite Aufgabe in dieser Zuweisung, um die Schaltfläche hier hinzuzufügen.

25
00:01:59,510 --> 00:02:04,310
Die dritte Aufgabe besteht darin, diese Schaltfläche hier zu drehen,

26
00:02:04,310 --> 00:02:08,030
die Schaltfläche Tabelle reservieren hier, um das Modell aufzurufen.

27
00:02:08,030 --> 00:02:11,520
Wenn Sie also auf die Schaltfläche klicken, wird das Modell angezeigt und ausgeblendet.

28
00:02:12,720 --> 00:02:18,735
Um dies zu tun, müssen Sie zuerst die QuickInfo aus der Reserve-Tabelle entfernen

29
00:02:18,735 --> 00:02:22,965
, sonst funktioniert diese Funktionalität nicht.

30
00:02:22,965 --> 00:02:28,725
Und entfernen Sie auch das Skript, den JavaScript-Code, den Sie am

31
00:02:28,725 --> 00:02:35,445
Ende der Seite index.html hinzugefügt haben, um die QuickInfo auszulösen.

32
00:02:35,445 --> 00:02:40,178
Tun Sie dies, und machen Sie dann diese Schaltfläche Tabelle reservieren

33
00:02:40,178 --> 00:02:45,040
als Umschalter für Ihr Modell fungieren.

34
00:02:45,040 --> 00:02:48,500
Das ist also Ihre dritte Aufgabe in diesem Auftrag.

35
00:02:49,650 --> 00:02:55,876
Ich hoffe, Sie haben es genossen, diese neue Variante der Seite index.html zu erstellen.

36
00:02:55,876 --> 00:03:01,788
( MUSIK)