Restaurant Ordering Template
1.0.0
Template FMX untuk pemesanan restoran online
Tujuan membuat templat ini adalah bahwa Anda sebagai pengembang aplikasi pemesanan online sudah memiliki desain aplikasi utama dengan fungsionalitas dasar. Anda hanya perlu menghubungkan backend Anda ke aplikasi dan mengonfigurasi output konten Anda dalam metode yang ada untuk mengeluarkan data ke kontrol grafis menggunakan gaya kami. Selain itu, tentu saja, ada kemampuan untuk menerapkan secara mandiri sisa fungsionalitas, yang cocok untuk restoran Anda.
Templat terdiri dari datamoduls, 10 bentuk fungsional dan bentuk utama, yang menampilkan sebagian besar bentuk fungsional di dalamnya.
Ketika aplikasi dimulai, Formulir Mulai ( ufrmGetStarted ) diluncurkan. Ini menampilkan nama restoran Anda dan informasi kontak dasar. Juga di sebelah kanan informasi kontak, ada tombol yang memungkinkan pengguna melakukan panggilan dari salah satu daftar aplikasi yang tersedia. Selain itu, ada kemampuan untuk mengirim email ke alamat surat restoran Anda menggunakan salah satu aplikasi yang diusulkan. Di bagian bawah formulir ada tombol Mulai. Dengan mengklik tombol ini, Anda akan diarahkan ke formulir utama ( ufrmMain ) dari aplikasi.
Bentuk utama aplikasi, saat startup, segera memuat dan menampilkan formulir dasbor ( ufrmDashboard ). Semua bentuk yang dimuat dari menu samping bentuk utama atau melalui tombol duplikat dari bentuk dasbor ditampilkan pada halaman komponen TTabControl . Ini memungkinkan Anda untuk menggunakan menu utama program pada semua formulir jika diperlukan. Ini juga memungkinkan Anda untuk mengelola bentuk dan transisi yang terbuka secara efektif di antara mereka dari satu bentuk melalui satu mekanisme. Metode utama yang digunakan untuk membuat formulir, menampilkan kontennya di halaman TTabControl dari formulir utama, serta menetapkan fungsionalitas pada kontrol formulir ini, dilakukan dalam metode LoadScreenByName() . Pelajari dan metode yang dipanggil darinya, dan Anda akan mengetahui bagaimana logika untuk menampilkan formulir dalam aplikasi dibangun.
Formulir yang diimplementasikan dalam templat ini:
ufrmMain - bentuk utamaufrmCart - bentuk gerobakufrmCoupons - Formulir Kupon DiskonufrmDashboard - Formulir DasborufrmGallery - Bentuk Galeri RestoranufrmGetStarted - Layar Selamat DatangufrmAboutUs - tentang bentuk kamiufrmMenu - Bentuk informasi terperinci tentang hidangan yang dipilih dari formulir menuufrmAccount - Formulir Penambahan/Pengeditan Akun PenggunaufrmAddToCart - Formulir untuk Menambahkan/Menghapus Pengubah Hidangan Yang Dipilih ke/Dari MenuufrmOptionsList - adalah formulir yang menampilkan dan memungkinkan klien untuk memilih pengubah hidangan tambahan (aditif). Seperti saus, mustard, dll.uDMUnitSekarang, kami akan menganalisis secara lebih rinci bagaimana pekerjaan dengan data aplikasi diatur. Selain itu, kami akan mempertimbangkan metode untuk mengeluarkan data ke ListBox dan elemen grafis lainnya dari formulir aplikasi. Data uji aplikasi, misalnya, diimplementasikan menggunakan komponen TFDMeMtable. Dalam hal ini, daftar bidang tidak terbatas, dan Anda tidak perlu menggunakan komponen ini dengan tepat dalam proyek Anda. Tdataset atau tdataset apa pun harus baik -baik saja. Versi templat ini mengasumsikan kemampuan untuk menjalankan aplikasi pada platform apa pun.
Dalam modul data uDMUnit aplikasi, sejumlah metode telah dibuat yang hanya diperlukan untuk mengisi komponen TFDMemTable dengan data uji. Anda tidak akan memerlukan metode ini dan Anda akan menghapusnya. Namun demikian, selama mempelajari templat kami, mereka akan membantu Anda secara visual memahami data apa dan jenis data apa yang perlu Anda terima dari backend Anda atau Anda dapat memilih dari database Anda untuk menggunakannya di templat. Sehingga template akan bekerja dengan benar dengan data yang Anda kirimkan.
Gaya semua komponen yang disajikan dalam Stylebook pada bentuk utama template FRMMAIN dapat diubah sesuai keinginan. Oleh karena itu, jika perlu, atau jika Anda perlu menampilkan data tambahan dalam komponen tertentu, Anda dapat dengan mudah membuat ulang gaya yang ada dan menyiapkan aplikasi untuk kebutuhan Anda.
Agar data Anda, daripada data uji, yang akan ditampilkan pada elemen visual TListBox , Anda perlu mengunggah data Anda ke TFDMemTable yang terletak pada modul data atau membuat perubahan pada metode pengisiannya ketika modul data diinisialisasi (menerapkan metode Anda menerima data dari backend atau dari basis data). Berikut ini adalah semua metode yang mengisi TFDMemTables dengan data uji pada startup aplikasi:
InsertTestDataForTheMenu ();InsertTestDataForTheCoupons ();InsertTestDataForTheGallery ();InsertTestDataForTheOptions ();InsertTestDataForAboutUs ();InsertTestDataForContactInfo (); Dari nama metode, jelas mana yang bertanggung jawab untuk mengisi satu formulir atau lainnya dengan data uji. Setelah mempelajari salah satu metode, menjadi jelas TFDMemTable yang dapat digunakan untuk bentuk mana. * *
MenuListTable - menggunakan bentuk ufrmmenu dan ufrmcartCouponsListTable - Menggunakan dalam formulir UFRMCouponsGalleryListTable - Menggunakan dalam bentuk UFRMGalleryOptionsListTable - menggunakan formulir UFRMOptionsList dan UFRMADDTOCARTAboutUsTable - Menggunakan dalam formulir UFRMABOUTUS dan UFRMGetStartedAboutUsDesciptionTable - Menggunakan dalam formulir UFRMABOUTUS dan UFRMGetStarted Untuk menambahkan gambar ke TFDMemTables , gunakan TImageLists dengan gambar yang sudah dimuat di dalamnya. Ini dilakukan untuk menunjukkan cara memuat gambar ke dalam komponen keluarga TQuery , dan untuk menunjukkan cara memuat gambar dari bidang tipe TBlob ke dalam elemen kontrol grafis pada formulir. Seperti itu, misalnya, sebagai TListBox .
Memuat data dari TFDMemTables ke elemen kontrol grafis diimplementasikan pada setiap formulir secara terpisah. Daftar nama metode diberikan di bawah ini:
TfrmAboutUs.BuildAboutUsInfo ();TfrmAboutUs.BuildContsctInfoList ();TfrmAddToCart.BuildForm ();TfrmAddToCart.BuildOptionsList ();TfrmCart.BuildCartList ();TfrmCoupons.LoadCouponsList ();TfrmGallery.LoadGalleryList ();TfrmGetStarted.ShowInfoAboutRestaurant ();TfrmGetStarted.BuildContsctInfoList ();TfrmMenu.LoadMenuList ();TfrmOptionsList.BuildOptionsList (); Keranjang belanja diimplementasikan menggunakan berbagai catatan, yang disajikan sebagai kelas TCartList . Hidangan dan pengubahnya ditambahkan ke array ini dengan satu atau jenis TCartItemType lainnya. Dan hubungan antara hidangan dan pengubah disusun melalui Index parameter, OwnerIndex Kelas TCartList .
Untuk kenyamanan bekerja dengan keranjang, beberapa metode diimplementasikan:
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;Bagaimanapun, Anda dapat mengubah metode ini sesuka Anda, atau menulis metode Anda sendiri untuk mengisi formulir dan komponen visualnya dengan data. Metode yang diberikan dalam templat hanya menunjukkan bagaimana mengisi data template membentuk elemen visual diimplementasikan, serta pengeditan data ini. Metode di atas memberikan cara untuk menetapkan metode pemrosesan klik ke tlistboxitems atau tombol yang terletak di dalam tListBoxItems. Setelah menganalisis metode ini, Anda akan melihat bahwa properti tag digunakan untuk mentransfer pengidentifikasi catatan atau item.
Masing -masing templat dalam implementasi saat ini hanya mewakili efek gaya, grafik, dan animasi. Dan data uji disajikan hanya untuk memahami proses mengisi elemen grafis formulir.
Ikon elemen grafis yang digunakan dalam templat diambil dari sumber daya:
Di bawah ini adalah daftar sumber daya internet dari mana gambar diunduh untuk merancang penampilan aplikasi. Getstarted Form BG Image:
Ikon Sosial:
