الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

ترتيب المطاعم

قالب FMX لطلب المطعم عبر الإنترنت

الغرض من إنشاء هذا القالب هو أنك كمطور لتطبيق الطلب عبر الإنترنت لديك بالفعل تصميم التطبيق الرئيسي مع وظائف أساسية جاهزة. عليك فقط توصيل الواجهة الخلفية الخاصة بك بالتطبيق وتكوين إخراج المحتوى الخاص بك في الطرق الحالية لإخراج البيانات إلى عناصر التحكم في الرسوم باستخدام أنماطنا. بالإضافة إلى ذلك ، بالطبع ، هناك قدرة على تنفيذ بقية الوظائف بشكل مستقل ، وهو مناسب حصريًا لمطعمك.

يتكون القالب من datamoduls ، 10 أشكال وظيفية والشكل الرئيسي ، الذي يعرض معظم النماذج الوظيفية بداخله.

الأشكال

عند بدء تشغيل التطبيق ، يتم إطلاق نموذج البدء ( ufrmGetStarted ). يعرض اسم مطعمك ومعلومات الاتصال الأساسية. أيضًا على يمين معلومات الاتصال ، هناك أزرار تسمح للمستخدم بإجراء مكالمة من إحدى قائمة التطبيقات المتاحة. بالإضافة إلى ذلك ، هناك القدرة على إرسال بريد إلكتروني إلى العنوان البريدي لمطعمك باستخدام أحد التطبيقات المقترحة. في الجزء السفلي من النموذج ، هناك زر بدء. بالنقر فوق هذا الزر ، سيتم إعادة توجيهك إلى النموذج الرئيسي ( ufrmMain ) للتطبيق.

يتم تحميل النموذج الرئيسي للتطبيق ، عند بدء التشغيل ، على الفور ويعرض نموذج لوحة القيادة ( ufrmDashboard ). يتم عرض جميع النماذج المحملة من القائمة الجانبية للنموذج الرئيسي أو من خلال الأزرار المكررة لنموذج لوحة القيادة على صفحات مكون TTabControl . يتيح لك ذلك استخدام القائمة الرئيسية للبرنامج في جميع النماذج عند الضرورة. كما يتيح لك إدارة النماذج المفتوحة بشكل فعال والتحولات بينهما من شكل واحد من خلال آلية واحدة. يتم تنفيذ الطريقة الرئيسية التي يتم استخدامها لإنشاء النماذج ، وعرض محتواها على صفحات TTabControl من النموذج الرئيسي ، وكذلك تعيين وظائف لعناصر التحكم في هذه النماذج ، في طريقة LoadScreenByName() . ادرسه والطرق التي تسمى منه ، وسوف تكتشف كيف تم بناء منطق عرض النماذج في التطبيق.

النماذج المنفذة في هذا القالب:

  • واجهة المستخدم الرسومية (لقطات الشاشة)
    • ufrmMain - الشكل الرئيسي
    • ufrmCart - نموذج العربة
    • ufrmCoupons - نموذج القسائم الخصم
    • ufrmDashboard - نموذج لوحة القيادة
    • ufrmGallery - نموذج مطعم معرض
    • ufrmGetStarted - شاشة الترحيب
    • ufrmAboutUs - عنا شكل
    • ufrmMenu - شكل معلومات مفصلة حول الطبق المحدد من نموذج القائمة
    • ufrmAccount - نموذج إضافة/تحرير حساب المستخدم
    • ufrmAddToCart - نموذج لإضافة/إزالة المعدلات من الطبق المحدد إلى/من القائمة
    • ufrmOptionsList - هو نموذج يعرض ويسمح للعميل بتحديد معدلات طبق إضافية (إضافات). مثل الصلصة ، الخردل ، إلخ.
  • orm
    • uDMUnit

الاستخدام

الآن ، سنقوم بتحليل بمزيد من التفصيل كيفية تنظيم العمل مع بيانات التطبيق. بالإضافة إلى ذلك ، سنأخذ في الاعتبار طرق إخراج البيانات إلى ListBox وعناصر الرسوم الأخرى لنماذج التطبيق. يتم تنفيذ بيانات اختبار التطبيق ، على سبيل المثال ، باستخدام مكون TFDMemTable. في هذه الحالة ، لا تكون قائمة الحقول محدودة ، ولا تحتاج إلى استخدام هذا المكون بالضبط في مشروعك. يجب أن يكون أي tquery أو tdataset على ما يرام. يفترض هذا الإصدار من القالب القدرة على تشغيل التطبيق على أي منصة.

في وحدة بيانات uDMUnit للتطبيق ، تم إنشاء عدد من الطرق ضرورية فقط لملء مكونات TFDMemTable مع بيانات الاختبار. لن تحتاج إلى هذه الطرق وستحذفها. ومع ذلك ، أثناء دراسة القالب الخاص بنا ، سيساعدونك على فهم البيانات بنوع البيانات التي ستحتاجها لتلقيها من الواجهة الخلفية أو يمكنك الاختيار من قاعدة البيانات الخاصة بك لاستخدامها في القالب. بحيث سيعمل القالب بشكل صحيح مع البيانات التي أرسلتها.

يمكن تغيير أنماط جميع المكونات المعروضة في Stylebook على الشكل الرئيسي لقالب Frmmain كما ترغب في ذلك. لذلك ، إذا لزم الأمر ، أو إذا كنت بحاجة إلى عرض بيانات إضافية في مكون معين ، يمكنك بسهولة إعادة تشكيل الأنماط الموجودة وإعداد التطبيق لتلبية احتياجاتك.

لكي يتم عرض بياناتك ، بدلاً من بيانات الاختبار ، على العناصر المرئية TListBox ، تحتاج إلى تحميل بياناتك إلى TFDMemTable الموجود على وحدة بيانات أو إجراء تغييرات على طريقة ملءها عند تهيئة وحدة البيانات (تنفيذ طرق تلقي البيانات من الدائرة أو من قاعدة البيانات). فيما يلي جميع الطرق التي تملأ TFDMemTables مع بيانات الاختبار عند بدء تشغيل التطبيق:

  • InsertTestDataForTheMenu ();
  • InsertTestDataForTheCoupons ();
  • InsertTestDataForTheGallery ();
  • InsertTestDataForTheOptions ();
  • InsertTestDataForAboutUs ();
  • InsertTestDataForContactInfo ();

من اسم الأساليب ، من الواضح أيهما مسؤول عن ملء نموذج أو آخر مع بيانات الاختبار. بعد دراسة أي من الطرق ، يصبح من الواضح أي من TFDMemTable المستخدمة في أي شكل. * *

  • MenuListTable - باستخدام نماذج Ufrmmenu و UfrmCart
  • CouponsListTable - باستخدام في نموذج UFRMCoupons
  • GalleryListTable - استخدام في نموذج UFRMGallery
  • OptionsListTable - باستخدام نماذج UfrmoptionSlist و UFRMADDTOCART
  • AboutUsTable - باستخدام نماذج UFRMABOUTUS
  • AboutUsDesciptionTable - باستخدام النماذج ufrmaboutus و ufrmgetStarted

من أجل إضافة صور إلى TFDMemTables ، استخدم TImageLists مع الصور المحملة بالفعل فيها. يتم ذلك من أجل توضيح كيفية تحميل صورة في مكونات عائلة TQuery ، وإظهار كيفية تحميل الصور من حقول TBlob في عناصر عناصر التحكم في الرسوم على النموذج. مثل ، على سبيل المثال ، مثل TListBox .

يتم تحميل البيانات من TFDMemTables إلى عناصر التحكم في الرسوم على كل نموذج بشكل منفصل. فيما يلي قائمة بأسماء الأسلوب:

  • TfrmAboutUs.BuildAboutUsInfo ();
  • TfrmAboutUs.BuildContsctInfoList ();
  • TfrmAddToCart.BuildForm ();
  • TfrmAddToCart.BuildOptionsList ();
  • TfrmCart.BuildCartList ();
  • TfrmCoupons.LoadCouponsList ();
  • TfrmGallery.LoadGalleryList ();
  • TfrmGetStarted.ShowInfoAboutRestaurant ();
  • TfrmGetStarted.BuildContsctInfoList ();
  • TfrmMenu.LoadMenuList ();
  • TfrmOptionsList.BuildOptionsList ();

يتم تنفيذ عربة التسوق باستخدام مجموعة من السجلات ، المقدمة كصف TCartList . تتم إضافة الأطباق ومعدلاتها إلى هذه الصفيف مع نوع أو آخر من TCartItemType . ويتم تنظيم العلاقة بين الطبق والمعدلات من خلال Index المعلمات ، OwnerIndex فئة TCartList .

لراحة العمل مع العربة ، يتم تنفيذ عدة طرق:

  • 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;

في أي حال ، يمكنك تغيير هذه الأساليب كما تريد ، أو كتابة أساليبك الخاصة لملء النماذج ومكوناتها المرئية مع البيانات. تُظهر الطرق الواردة في القالب فقط كيف يتم تنفيذ ملء بيانات القالب عناصر بصرية ، وكذلك تحرير هذه البيانات. توفر الطرق المذكورة أعلاه طرقًا لتعيين طرق معالجة النقر إلى TlistBoxItems أو الأزرار الموجودة داخل TlistBoxItems. بعد تحليل هذه الطرق ، ستلاحظ أن خاصية العلامات تستخدم لنقل معرفات السجل أو العنصر.

العناصر الرسومية

يمثل كل من القوالب في التنفيذ الحالي فقط تأثيرات الأسلوب والرسومات والرسوم المتحركة. ويتم تقديم بيانات الاختبار فقط لفهم عمليات ملء عناصر الرسوم من النماذج.

أيقونات العناصر الرسومية المستخدمة في القوالب مأخوذة من المورد:

  • https://material.io/tools/icons/؟style=baseline

فيما يلي قائمة بموارد الإنترنت التي تم تنزيل الصور منها لتصميم ظهور التطبيق. GetStarted Form BG Image:

  • https://www.pexels.com/uk-ua/photo/2762942/
  • https://www.pexels.com/photo/clean-coffee-hop-2467287/
  • https://www.pexels.com/photo/bottle-bread-food-garlic-301539/
  • https://www.pexels.com/photo/plate-of-bread-with-spread-3535380/
  • https://www.pexels.com/photo/basil-leaves-and-avocado-on-scled-bread-on-white-ceramic-plate-1351238/
  • https://www.pexels.com/photo/food-998244/
  • https://www.pexels.com/photo/pasta-with-vetable-dish-on-gray-plate-beside-tomato-fruit-on-white-table-769969/
  • https://www.pexels.com/search/strudel/
  • https://www.pexels.com/uk-ua/photo/918328/
  • https://www.pexels.com/uk-ua/photo/93451/

الرموز الاجتماعية:

  • https://icon-icons.com/icon/social-media-facebook-circle/83091 (مجاني للاستخدام التجاري)
  • https://icon-icons.com/icon/social-media-twitter-circle/83078 (مجاني للاستخدام التجاري)
  • https://icon-icons.com/icon/social-media-circle-instagram/83102 (مجاني للاستخدام التجاري)
  • https://icon-icons.com/icon/social-media-youtube-circle/83061 (مجاني للاستخدام التجاري)
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل