Restaurant Ordering Template
1.0.0
Plantilla de FMX para pedidos de restaurantes en línea
El propósito de crear esta plantilla es que usted, como desarrollador de la aplicación de pedido en línea, ya tiene el diseño principal de la aplicación con una funcionalidad básica Ready. Solo tiene que conectar su backend a la aplicación y configurar la salida de su contenido en los métodos existentes para producir datos a controles gráficos utilizando nuestros estilos. Además, por supuesto, existe la capacidad de implementar independientemente el resto de la funcionalidad, que es adecuada exclusivamente para su restaurante.
La plantilla consiste en un DataModuls, 10 formas funcionales y la forma principal, que muestra la mayoría de las formas funcionales dentro de él.
Cuando se inicia la aplicación, se inicia el formulario de inicio ( ufrmGetStarted ). Muestra el nombre de su restaurante e información básica de contacto. También a la derecha de la información de contacto, hay botones que permiten al usuario hacer una llamada desde una de las aplicaciones disponibles. Además, existe la capacidad de enviar un correo electrónico a la dirección postal de su restaurante utilizando una de las aplicaciones propuestas. En la parte inferior del formulario hay un botón de inicio. Al hacer clic en este botón, será redirigido al formulario principal ( ufrmMain ) de la aplicación.
La forma principal de la aplicación, al inicio, carga y muestra inmediatamente el formulario del tablero ( ufrmDashboard ). Todos los formularios cargados desde el menú lateral del formulario principal o a través de los botones duplicados del formulario del tablero se muestran en las páginas del componente TTabControl . Esto le permite usar el menú principal del programa en todos los formularios cuando sea necesario. También le permite administrar formas y transiciones de manera efectiva entre ellos desde una forma a través de un solo mecanismo. El método principal que se utiliza para crear formularios, mostrar su contenido en las páginas TTabControl de la forma principal, así como asignar funcionalidad a los controles de estas formas, se realiza en el método LoadScreenByName() . Estudiarlo y los métodos llamados desde él, y descubrirá cómo se construye la lógica para mostrar formularios en la aplicación.
Los formularios implementados en esta plantilla:
ufrmMain - la forma principalufrmCart - Forma de carritoufrmCoupons - Formulario de cupones de descuentoufrmDashboard - Formulario de tableroufrmGallery - GALERÍA FULA DE RESTAURADOufrmGetStarted - Pantalla de bienvenidaufrmAboutUs - Sobre la forma de nosotrosufrmMenu : la forma de información detallada sobre el plato seleccionado del formulario de menúufrmAccount - Formulario de agregar/edición de cuenta de usuarioufrmAddToCart - Formulario para agregar/eliminar modificadores del plato seleccionado hacia/desde el menúufrmOptionsList : es un formulario que muestra y permite al cliente seleccionar modificadores de platos adicionales (aditivos). Como salsa, mostaza, etc.uDMUnitAhora, analizaremos con más detalle cómo se organiza el trabajo con los datos de la aplicación. Además, consideraremos métodos para generar datos a ListBox y otros elementos gráficos de los formularios de aplicación. Los datos de prueba de aplicación, para un ejemplo, se implementan utilizando el componente TFDMEMTable. En este caso, la lista de campos no es limitada, y no necesita usar exactamente este componente en su proyecto. Cualquier Tquery o Tdataset debería estar bien. Esta versión de la plantilla asume la capacidad de ejecutar la aplicación en cualquier plataforma.
En el módulo de datos uDMUnit de la aplicación, se han creado varios métodos que son necesarios solo para completar los componentes TFDMemTable con datos de prueba. No necesitará estos métodos y los eliminará. Sin embargo, durante el estudio de nuestra plantilla, lo ayudarán a comprender visualmente qué datos y qué tipo de datos necesitará recibir de su backend o puede elegir entre su base de datos para usarlos en la plantilla. Para que la plantilla funcione correctamente con los datos que envió.
Los estilos de todos los componentes que se presentan en el libro de estilo en la forma principal de la plantilla de FrmMain se pueden cambiar como desee. Por lo tanto, si es necesario, o si necesita mostrar datos adicionales en un componente en particular, puede rehacer fácilmente los estilos existentes y preparar la aplicación para sus necesidades.
Para que sus datos, en lugar de los datos de prueba, se muestren en los elementos visuales TListBox , debe cargar sus datos en la TFDMemTable ubicada en un módulo de datos o realizar cambios en el método de llenarlo cuando se inicializa el módulo de datos (implementando sus métodos para recibir datos del backend o desde la base de datos). Los siguientes son todos los métodos que pueblan TFDMemTables con los datos de prueba al inicio de la aplicación:
InsertTestDataForTheMenu ();InsertTestDataForTheCoupons ();InsertTestDataForTheGallery ();InsertTestDataForTheOptions ();InsertTestDataForAboutUs ();InsertTestDataForContactInfo (); A partir del nombre de los métodos, está claro cuál es el responsable de completar un formulario u otro con los datos de prueba. Habiendo estudiado cualquiera de los métodos, queda claro cuál de TFDMemTable se usa para qué forma. * *
MenuListTable - Uso en las formas Ufrmmenu y UfrmCartCouponsListTable : usando en el formulario UFRMCouponsGalleryListTable - Uso en el formulario UFRMGalleryOptionsListTable : utilizando los formularios UFRMOptionsList y UFRMADDTOCARTAboutUsTable - Usando en los formularios UFRMABOUTUS y UFRMGETSTARTEDAboutUsDesciptionTable - Usando en los formularios UFRMABOUTUS y UFRMGETSTARTED Para agregar imágenes a TFDMemTables , use TImageLists con imágenes ya cargadas en ellas. Esto se hace para demostrar cómo cargar una imagen en los componentes de la familia TQuery y mostrar cómo cargar imágenes de los campos de tipo TBlob en los elementos de los controles gráficos en la forma. Tal, por ejemplo, como TListBox .
La carga de datos de TFDMemTables en elementos de control gráfico se implementa en cada formulario por separado. A continuación se da una lista de nombres de métodos:
TfrmAboutUs.BuildAboutUsInfo ();TfrmAboutUs.BuildContsctInfoList ();TfrmAddToCart.BuildForm ();TfrmAddToCart.BuildOptionsList ();TfrmCart.BuildCartList ();TfrmCoupons.LoadCouponsList ();TfrmGallery.LoadGalleryList ();TfrmGetStarted.ShowInfoAboutRestaurant ();TfrmGetStarted.BuildContsctInfoList ();TfrmMenu.LoadMenuList ();TfrmOptionsList.BuildOptionsList (); El carrito de compras se implementa utilizando una variedad de registros, presentado como una clase TCartList . Los platos y sus modificadores se agregan a esta matriz con uno u otro tipo de TCartItemType . Y la conexión entre el plato y los modificadores se organiza a través del Index de parámetros, OwnerIndex de la clase TCartList .
Para la conveniencia de trabajar con el CART, se implementan varios métodos:
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;En cualquier caso, puede cambiar estos métodos como desee, o escribir sus propios métodos para completar formularios y sus componentes visuales con los datos. Los métodos dados en la plantilla solo muestran cómo se implementan el relleno de los datos de los elementos visuales de los formularios de plantilla, así como la edición de estos datos. Los métodos anteriores proporcionan formas de asignar métodos de procesamiento de clic a TListBoxItems o botones ubicados dentro de TListBoxItems. Después de analizar estos métodos, notará que la propiedad de la etiqueta se utiliza para transferir los identificadores del registro o el elemento.
Cada una de las plantillas en la implementación actual representa solo efectos estilísticos, gráficos y de animación. Y los datos de prueba se presentan solo para comprender los procesos de llenar elementos gráficos de formularios.
Los iconos de elementos gráficos utilizados en las plantillas se toman del recurso:
A continuación se muestra una lista de recursos de Internet de los cuales se descargaron imágenes para diseñar la apariencia de la aplicación. GetStarted Form BG Imagen:
Íconos sociales:
