Restaurant Ordering Template
1.0.0
FMX -Vorlage für die Bestellung von Online -Restaurants
Der Zweck dieser Vorlage ist, dass Sie als Entwickler der Online -Bestellanwendung bereits über das Hauptantragsdesign mit fertigen grundlegenden Funktionen verfügen. Sie müssen Ihr Backend nur an die Anwendung anschließen und die Ausgabe Ihres Inhalts in den vorhandenen Methoden zum Ausgabe von Daten an grafische Steuerelemente mit unseren Stilen konfigurieren. Darüber hinaus besteht natürlich die Fähigkeit, den Rest der Funktionalität unabhängig umzusetzen, was ausschließlich für Ihr Restaurant geeignet ist.
Die Vorlage besteht aus Datamoduls, 10 Funktionsformen und der Hauptform, in der die meisten darin darin enthaltenen Funktionsformen angezeigt werden.
Wenn die Anwendung startet, wird das Startformular ( ufrmGetStarted ) gestartet. Es zeigt den Namen Ihres Restaurants und die grundlegenden Kontaktinformationen an. Außerdem rechts von den Kontaktinformationen gibt es Schaltflächen, mit denen der Benutzer einen Anruf von einer der verfügbaren Anwendungsliste tätigen kann. Darüber hinaus können Sie eine E -Mail mit einer der vorgeschlagenen Bewerbungen an die Mailingadresse Ihres Restaurants senden. Am unteren Rand des Formulars befindet sich eine Ersteschlange. Wenn Sie auf diese Schaltfläche klicken, werden Sie in das Hauptformular ( ufrmMain ) der Anwendung umgeleitet.
Die Hauptform der Anwendung beim Start lädt und zeigt sofort das Dashboard -Formular ( ufrmDashboard ) an. Alle Formulare, die aus dem Seitenmenü der Hauptformular oder durch die doppelten Schaltflächen des Dashboard -Formulars geladen werden, werden auf den Seiten der TTabControl -Komponente angezeigt. Auf diese Weise können Sie das Hauptmenü des Programms für alle Formulare bei Bedarf verwenden. Sie können auch effektiv geöffnete Formen und Übergänge zwischen ihnen aus einer Form durch einen einzelnen Mechanismus verwalten. Die Hauptmethode, mit der Formulare erstellt werden, ihre Inhalte auf den TTabControl -Seiten der Hauptformular angezeigt und den Steuerelementen dieser Formulare Funktionalität zuweisen, wird in der Methode LoadScreenByName() durchgeführt. Studieren Sie es und die daraus genannten Methoden, und Sie werden herausfinden, wie die Logik für die Anzeige von Formularen in der Anwendung erstellt wird.
Die in dieser Vorlage implementierten Formulare:
ufrmMain - die HauptformufrmCart - CART -FormularufrmCoupons - Rabatt -Gutscheine FormularufrmDashboard - Dashboard -FormularufrmGallery - Galerieform des RestaurantsufrmGetStarted - WillkommensbildschirmufrmAboutUs - über uns FormufrmMenu - Die Form detaillierter Informationen zum ausgewählten Gericht aus dem MenüformularufrmAccount - Benutzerkonto Hinzufügen/Bearbeiten von FormularufrmAddToCart - Formular zum Hinzufügen/Entfernen von Modifikatoren des ausgewählten Gerichts zum/aus der SpeisekarteufrmOptionsList - ist ein Formular, in dem der Kunde zusätzliche Dish -Modifikatoren (Additive) auswählt. Wie Sauce, Senf usw.uDMUnitJetzt werden wir ausführlicher analysieren, wie die Arbeit mit den Anwendungsdaten organisiert wird. Darüber hinaus werden wir Methoden für die Ausgabe von Daten in Listbox und andere grafische Elemente von Anwendungsformularen berücksichtigen. Anwendungstestdaten werden zum Beispiel mit der TFDMemtable -Komponente implementiert. In diesem Fall ist die Liste der Felder nicht begrenzt und Sie müssen diese Komponente in Ihrem Projekt nicht genau verwenden. Jede Tquery oder Tdataset sollte in Ordnung sein. Diese Version der Vorlage setzt die Möglichkeit aus, die Anwendung auf einer beliebigen Plattform auszuführen.
Im uDMUnit -Datenmodul der Anwendung wurden eine Reihe von Methoden erstellt, die nur erforderlich sind, um die TFDMemTable -Komponenten mit Testdaten zu füllen. Sie benötigen diese Methoden nicht und löschen sie. Während des Studiums unserer Vorlage helfen sie Ihnen jedoch dabei, visuell zu verstehen, welche Daten und welche Art von Daten Sie aus Ihrem Backend erhalten müssen, oder Sie können aus Ihrer Datenbank auswählen, um sie in der Vorlage zu verwenden. Damit die Vorlage mit den von Ihnen eingereichten Daten korrekt funktioniert.
Stile aller Komponenten, die in StyleBook in der Hauptform der FRMMain -Vorlage präsentiert werden, können nach Belieben geändert werden. Daher können Sie bei Bedarf oder wenn Sie zusätzliche Daten in einer bestimmten Komponente anzeigen müssen, problemlos vorhandene Stile neu gestalten und die Anwendung für Ihre Anforderungen vorbereiten.
Damit Ihre Daten anstelle der Testdaten auf den visuellen Elementen TListBox angezeigt werden sollen, müssen Sie Ihre Daten in das TFDMemTable in einem Datenmodul hochladen oder Änderungen an der Methode zum Ausfüllen des Datenmoduls vornehmen (implementieren Sie Ihre Methoden zum Empfangen von Daten aus dem Backend oder aus der Datenbank). Im Folgenden finden Sie alle Methoden, die TFDMemTables mit den Testdaten beim Anwendungsstart füllen:
InsertTestDataForTheMenu ();InsertTestDataForTheCoupons ();InsertTestDataForTheGallery ();InsertTestDataForTheOptions ();InsertTestDataForAboutUs ();InsertTestDataForContactInfo (); Aus dem Namen der Methoden ist klar, welches für das Ausfüllen eines Formulars mit den Testdaten verantwortlich ist. Nachdem eine der Methoden untersucht wurde, wird klar, welcher von TFDMemTable verwendet wird, für welche Form. * *
MenuListTable - Verwenden in den Formen Ufrmmenu und UFRMCARTCouponsListTable - Verwenden im Formular uFrmcouponsGalleryListTable - Verwenden im UFRMGALLERY -FormularOptionsListTable - Verwenden in den Formularen uFrMoptionsList und UFRMADDTocartAboutUsTable - Verwenden in den Formen uFrmaboutus und uFrmGetStartedAboutUsDesciptionTable - Verwenden in den Formen uFrmaboutus und uFrmGetStarted Verwenden Sie TImageLists mit bereits geladenen Bildern, um Bilder zu TFDMemTables hinzuzufügen. Dies geschieht, um zu demonstrieren, wie ein Bild in die Komponenten der TQuery -Familie geladen wird, und wie Sie Bilder aus Feldern vom Typ TBlob in die Elemente grafischer Steuerelemente auf dem Formular laden können. Zum Beispiel als TListBox .
Das Laden von Daten aus TFDMemTables in grafische Steuerelemente wird in jedem Formular separat implementiert. Eine Liste von Methodamen ist unten angegeben:
TfrmAboutUs.BuildAboutUsInfo ();TfrmAboutUs.BuildContsctInfoList ();TfrmAddToCart.BuildForm ();TfrmAddToCart.BuildOptionsList ();TfrmCart.BuildCartList ();TfrmCoupons.LoadCouponsList ();TfrmGallery.LoadGalleryList ();TfrmGetStarted.ShowInfoAboutRestaurant ();TfrmGetStarted.BuildContsctInfoList ();TfrmMenu.LoadMenuList ();TfrmOptionsList.BuildOptionsList (); Der Einkaufswagen wird mit einer Reihe von Datensätzen implementiert, die als TCartList -Klasse dargestellt werden. Gerichte und ihre Modifikatoren werden diesem Array mit einem oder anderen Typ von TCartItemType hinzugefügt. Und die Verbindung zwischen dem Gericht und den Modifikatoren wird über den Parameters Index , OwnerIndex der TCartList -Klasse, organisiert.
Um mit dem Wagen zu arbeiten, werden verschiedene Methoden implementiert:
AddItemToCart(aItemId: int64 = 0;aOwnerID: int64 = 0;const aItemName: string = '';aItemType: TCartItemType = citItem;aQuantity: Extended = 1;aItemPrice: Extended = 0;aOwnerIndex: Integer = -1): Integer;DelItemFromCart(aItemIndex: Integer = 0); ClearCart();GetCartTotalAmount(): Extended;In jedem Fall können Sie diese Methoden so ändern, wie Sie möchten, oder Ihre eigenen Methoden zum Ausfüllen von Formularen und deren visuellen Komponenten mit den Daten schreiben. Die in der Vorlage angegebenen Methoden zeigen nur, wie das Füllen der Daten der Vorlagen -Formulare visuelle Elemente sowie die Bearbeitung dieser Daten implementiert wird. Die obigen Methoden bieten Möglichkeiten zum Zuweisen von Klick -Verarbeitungsmethoden an TlistBoxItems oder Schaltflächen in TlistBoxItems. Nach der Analyse dieser Methoden werden Sie feststellen, dass die Tag -Eigenschaft verwendet wird, um die Kennungen des Datensatzes oder des Elements zu übertragen.
Jede der Vorlagen in der aktuellen Implementierung stellt nur stilistische, grafische und Animationseffekte dar. Und die Testdaten werden nur zum Verständnis der Prozesse des Füllens grafischer Elemente von Formularen dargestellt.
Ikonen der in den Vorlagen verwendeten grafischen Elemente stammen aus der Ressource:
Im Folgenden finden Sie eine Liste der Internetressourcen, aus denen Bilder heruntergeladen wurden, um das Erscheinungsbild der Anwendung zu entwerfen. GetStarted Form BG Image:
Soziale Ikonen:
