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

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

تعرف على كيفية إنشاء صفحة تسجيل دخول بسيطة باستخدام وحدة Tkinter وتعرّف على المفاهيم الأساسية لبناء تطبيقات واجهة المستخدم الرسومية في Python.

وحدة Tkinter

يمكنك استخدام Tkinter لإنشاء صفحة تسجيل دخول تقبل وتتحقق من صحة اسم المستخدم وكلمة المرور. تقدم Tkinter مجموعة متنوعة من الأدوات مثل الأزرار والتسميات ومربعات النص التي تسهل تطوير التطبيقات. تتضمن بعض التطبيقات التي يمكنك تطويرها باستخدام Tkinter ملف تطبيق To-Do, مشغل الموسيقى، أ تطبيق مؤقت بومودورو، وأ لعبة كلمة الخليط.

لتثبيت Tkinter ، افتح Terminal وقم بتشغيل:

نقطة تثبيت tkinter

كيفية إنشاء صفحة تسجيل دخول باستخدام بايثون

يمكنك العثور على الكود المصدري لإنشاء صفحة تسجيل دخول باستخدام Python في هذا مستودع جيثب.

استيراد المكتبات المطلوبة وتهيئة نافذة الجذر. عيّن عنوان النافذة وحجمها. باستخدام تهيئة() وظيفة ، تعيين لون الخلفية.

instagram viewer
يستورد tkinter
من tkinter يستورد صندوق الرسائل
نافذة = tkinter. Tk ()
window.title ("صفحة تسجيل الدخول باستخدام Python")
window.geometry (750 × 550)
window.configure (bg ="# 8F00FF")

تحديد وظيفة ، تسجيل الدخول() والتي ستتخذ القرار الأساسي بناءً على بيانات اعتماد المستخدم. هذا العرض البسيط يقوم بترميز بيانات الاعتماد الصالحة ؛ من المحتمل أن يجلبها التطبيق الحقيقي من قاعدة بيانات.

قم بتخزين بيانات الاعتماد واستخدم ملف يحصل() طريقة كل عنصر واجهة مستخدم لاسترداد البيانات التي أدخلها المستخدم. وفقًا للتحقق من صحة البيانات ، اعرض مربع رسالة بالعنوان والرسالة المناسبين.

defتسجيل الدخول():
اسم المستخدم = "Makeuseof"
كلمة المرور = "muo"

لو username_entry.get () == اسم المستخدم و password_entry.get () == كلمة المرور:
messagebox.showinfo (العنوان ="تم تسجيل الدخول بنجاح!"، الرسالة ="لقد قمت بتسجيل الدخول بنجاح.")
آخر:
messagebox.showerror (العنوان ="خطأ"، الرسالة ="تسجيل الدخول غير صالح.")

حدد إطار Tkinter ليكون بمثابة أحد الوالدين ومنحه لون الخلفية.

الإطار = tkinter. الإطار (bg ="# 8F00FF")

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

login_label = tkinter. التسمية (الإطار ، النص ="صفحة تسجيل الدخول باستخدام Python"، bg ='#000000'، fg ="# DC143C"، الخط = ("اريال", 30))
username_label = tkinter. التسمية (الإطار ، النص ="اسم المستخدم"، bg ="# 8F00FF"، fg ="#FFFFFF"، الخط = ("اريال", 16, 'عريض'))
password_label = tkinter. التسمية (الإطار ، النص ="كلمة المرور"، bg ="# 8F00FF"، fg ="#FFFFFF"، الخط = ("اريال", 16, 'عريض'))

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

username_entry = tkinter. الإدخال (الإطار ، الخط = ("اريال", 16))
password_entry = tkinter. الدخول (الإطار ، العرض ="*"، الخط = ("اريال", 16))

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

login_button = tkinter. زر (إطار ، نص ="تسجيل الدخول"، bg ="# DC143C"، fg ="#FFFFFF"، الخط = ("اريال", 16) ، الأمر = تسجيل الدخول)

استخدم مدير الشبكة لوضع التسميات الثلاثة وإدخالين وزر تسجيل الدخول بتنسيق جدولي منظم. ستعمل تسمية تسجيل الدخول كرأس وستشغل كلا العمودين. يحدد الخيار اللاصق حافة الخلية التي يجب أن تلتزم بها الأداة. عند تمريره كـ أخبار (شمال - شرق - غرب - جنوب) ، يقوم البرنامج بتوسيط النص في الاتجاهين الأفقي والرأسي.

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

login_label.grid (row =0، العمود =0، عمود الأعمدة =2لزجة ="أخبار"، pady =40)
username_label.grid (row =1، العمود =0)
username_entry.grid (row =1، العمود =1، pady =20)
password_label.grid (row =2، العمود =0)
password_entry.grid (row =2، العمود =1، pady =20)
login_button.grid (row =3، العمود =0، عمود الأعمدة =2، pady =30)

استخدم ال علية() لتنظيم جميع عناصر واجهة المستخدم في كتل وتشغيل حلقة حدث Tkinter والاستماع إلى الأحداث حتى تغلق النافذة.

frame.pack ()
window.mainloop ()

ضع كل الكود معًا وستصبح صفحة تسجيل الدخول الخاصة بك جاهزة للاستخدام.

نموذج إخراج من تطبيق صفحة تسجيل الدخول

عند تشغيل البرنامج وإدخال بيانات الاعتماد الصالحة ، يعرض البرنامج مربع رسالة يمكن للمستخدم تسجيل الدخول بنجاح.

عند تشغيل البرنامج بأي بيانات اعتماد أخرى ، يعرض مربع الرسالة خطأً يتعلق بتسجيل الدخول على أنه غير صالح.

تحسين صفحة تسجيل الدخول إلى Python

يمكنك استخدام قاعدة بيانات مثل MySql لجلب السجلات والتحقق من صحتها مقابل بيانات اعتماد المستخدم. ال موصل الخلية تساعدك المكتبة على إنشاء اتصال بين تطبيق Python Tkinter وقاعدة بيانات MySql.

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