مضى على الشبكة و يوم من العطاء.

كيفية صناعة شاشة تسجيل دخول (log in) الجزء الأول

shadowshadow is verified member.

{ | مشرف قسم لغات البرمجة | }
.:: طاقم المشرفين ::.
.:: كاتب تقني ::.

السمعة:

بسم الله الرحمن الرحيم
يمكن من أكثر الشاشات المشهورة بالعالم هي شاشة تسجيل الدخول (log in); ومع ذلك تعد من أسهل الشاشات وأصعبها بنفس الوقت 😄 كيف هيك ؟
يلا نبلش...



شاشة log in : شاشة تسجيل الدخول غالبًا بتتكون من حقل لكتابة اسم المستخدم ( user name ) وحقل لكلمة السر ( password ) بنقدر نحكي هذا الشكل الأساسي إلها وطبعًا يمكن تحتوي على بعض الإضافات رح نتعرف عليها طبعًا .

حقل (Field) : متغير بشير لكائن (class) وتستخدم الحقول لتمثيل خصائص الكائن وتخزين قيمها .
يمكن تتعرف أكثر على class إذا كنت ترغب بذلك عن طريقة مقالة مختصرة مفيدة : البرمجة الكائنية (oop) , بس بشكل مختصر يمكن تعتبر class زي مجموعة من الصفات مثل السرعة والقوة وغيرها بتكون بشخص واحد ، إذا ما فهمت علي بتقدر تراجع المقال الي فوق رح يفيدك 🤗


طيب وين الصعوبة ؟
الصعوبة تكمن في طرق الحماية مشان ما تتعرض لهجمات زي brute force و sql injection وكثير هجمات غيرها ...
طب هل رح نتعلم نحميها ؟
من الصعب حاليًا أعلمك كيف تحمي برنامج وأنت لسا في البديات فيمكن يكون لما نتمكن شوي ونقدر نسوي تطبيقنا فبنقدر بعديها نحميه 🫡
طيب وهيك خلصنا نظري يلا نبلش عملي ☺️


خطوات عمل شاشة log in:

1- بداية بدنا ننشئ مشروع زي ما تعلمنا سابقَا
2- بدنا نفتح Toolbox

في حال كانت لا تظهر رح أنزل مقالة توضح ذلك قريبًا مع شرح لمفاهيم كثيرة.

1.png

3- بنبحث عن TextBox

1710601316468.png

4- بنسحبه وبنضيفه على form

1710601419174.png

وبظهر بهذا الشكل
1710601430426.png
5- بنرجع بنعمل نفس الخطوات حتى يكون واحد خاص ب user name والثاني ب password
6- الآن بدنا نعدل اسم TextBox حتى لما نستدعيه نكون عارفين إيش اسمه


1710602815147.png

طبعًا بنعدل TextBox لكل من user name و password

7- بدنا نضيف كبسة (button) مشان لما يضغطها يتحقق إذا المستخدم دخل اسم المستخدم وكلمة السر بشكل صحيح أو لا

1710617604561.png

وهيك خلصنا الواجهة بشكل مبدئي هسا نروح للكود ;)



1- بنضغط مرتين على Button مشان نروح على الكود (code)
1710617724615.png

2- بنكتب كود للتحقق وهو :
C#:
if (username.Text=="shadow" &&  password.Text=="123")
{
    MessageBox.Show("successfully logged in");
}
طبعًا زيي ما قلنا TextBox هو عبارة عن كائن (object) ومشان نتحقق من النص بنكتب Textbox.Text , طيب شو معنى ()MessageBox.Show هو عبارة عن رسالة بدنا نظهرها للمستخدم إنه اسم المستخدم وكلمة السر صحيحة

طيب يلا نحسن عالكود شوي :unsure:
ليش ما نضع شرط في حال كانت كلمة السر أو اسم المستخدم خطأ يظهرله رسالة خطأ وهيك رح يصير الكود بعد هذا التعديل :
C#:
if (username.Text=="shadow" &&  password.Text=="123")
{
    MessageBox.Show("successfully logged in");
}
else
{
    MessageBox.Show("wrong username or password");
}
وهيك خلصنا الكود مبدئياً وصار يتحقق من اسم المستخدم وكلمة السر إذا كانت صحيحة أو خطأ وبظهر رسالة بناءًا على ذلك


طيب يلا نشغل البرنامج:giggle:

لتشغيل البرنامج في مثلث أخضر فوق ومكتوب بجانبه start بنضغط عليه
1710618413254.png
وبنجرب البرنامج:
1710618752544.png


وهيك بنختم الجزء الأول وقريبًا إن شاء الله منكمل باقي الأجزاء والمواضيع
 
التعديل الأخير:
بارك الله فيك وننتظر جديدك ♥️
 
في حال كانت لا تظهر رح أنزل مقالة توضع ذلك قريبًا مع شرح لمفاهيم كثيرة.
السلام عليكم، بخصوص هذا الموضوع قد واجهتها
1710711119436.png

والحل كان بالبحث في خانة البحث العلوية عن toolbox
او بالذهاب الى view ثم الى toolbox

1710711186192.png




1710711776651.png

اما بخصوص الموضوع هذه نتيجة الخطوات.

1710712837077.png

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

والحل كان بالبحث في خانة البحث العلوية عن toolbox
او بالذهاب الى view ثم الى toolbox


اما بخصوص الموضوع هذه نتيجة الخطوات.

يعطيك العافية يا رب
 
بسم الله الرحمن الرحيم
يمكن من أكثر الشاشات المشهورة بالعالم هي شاشة تسجيل الدخول (log in) ومع ذلك تعد من أسهل الشاشات وأصعبها بنفس الوقت 😄 كيف هيك ؟
يلا نبلش...



شاشة log in : شاشة تسجيل الدخول غالبًا بتتكون من حقل لكتابة اسم المستخدم ( user name ) وحقل لكلمة السر ( password ) بنقدر نحكي هذا الشكل الأساسي إلها وطبعًا يمكن تحتوي على بعض الإضافات رح نتعرف عليها طبعًا .

حقل (Field) : متغير بشير لكائن (class) وتستخدم الحقول لتمثيل خصائص الكائن وتخزين قيمها .
يمكن تتعرف أكثر على class إذا كنت ترغب بذلك عن طريقة مقالة مختصرة مفيدة : البرمجة الكائنية (oop) , بس بشكل مختصر يمكن تعتبر class زي مجموعة من الصفات مثل السرعة والقوة وغيرها بتكون بشخص واحد ، إذا ما فهمت علي بتقدر تراجع المقال الي فوق رح يفيدك 🤗

طيب وين الصعوبة ؟
الصعوبة تكمن في طرق الحماية مشان ما تتعرض لهجمات زي brute force و sql injection وكثير هجمات غيرها ...
طب هل رح نتعلم نحميها ؟
من الصعب حاليًا أعلمك كيف تحمي برنامج وأنت لسا في البديات فيمكن يكون لما نتمكن شوي ونقدر نسوي تطبيقنا فبنقدر بعديها نحميه 🫡

طيب وهيك خلصنا نظري يلا نبلش عملي ☺️


خطوات عمل شاشة log in:

1- بداية بدنا ننشئ مشروع زي ما تعلمنا سابقَا
2- بدنا نفتح Toolbox

في حال كانت لا تظهر رح أنزل مقالة توضح ذلك قريبًا مع شرح لمفاهيم كثيرة.


3- بنبحث عن TextBox


4- بنسحبه وبنضيفه على form


وبظهر بهذا الشكل
5- بنرجع بنعمل نفس الخطوات مشان يكون واحد خاص ب user name والثاني ب password
6- هس بدنا نعدل اسم TextBox مشان لما نستدعيه نكون عارفين إيش اسمه


مشاهدة المرفق 9349
طبعًا بنعدل TextBox لكل من user name و password

7- بدنا نضيف كبسة (button) مشان لما يضغطها يتحقق إذا المستخدم دخل اسم المستخدم وكلمة السر بشكل صحيح أو لا

وهيك خلصنا الواجهة بشكل مبدئي هسا نروح للكود ;)



1- بنضغط مرتين على Button مشان نروح على الكود (code)

2- بنكتب كود للتحقق وهو :
C#:
if (username.Text=="shadow" &&  password.Text=="123")
{
    MessageBox.Show("successfully logged in");
}
طبعًا زيي ما قلنا TextBox هو عبارة عن كائن (object) ومشان نتحقق من النص بنكتب Textbox.Text , طيب شو معنى ()MessageBox.Show هو عبارة عن رسالة بدنا نظهرها للمستخدم إنه اسم المستخدم وكلمة السر صحيحة

طيب يلا نحسن عالكود شوي :unsure:
ليش ما نضع شرط في حال كانت كلمة السر أو اسم المستخدم خطأ يظهرله رسالة خطأ وهيك رح يصير الكود بعد هذا التعديل :
C#:
if (username.Text=="shadow" &&  password.Text=="123")
{
    MessageBox.Show("successfully logged in");
}
else
{
    MessageBox.Show("wrong username or password");
}
وهيك خلصنا الكود مبدئياً وصار يتحقق من اسم المستخدم وكلمة السر إذا كانت صحيحة أو خطأ وبظهر رسالة بناءًا على ذلك


طيب يلا نشغل البرنامج:giggle:

لتشغيل البرنامج في مثلث أخضر فوق ومكتوب بجانبه start بنضغط عليه
وبنجرب البرنامج:
مشاهدة المرفق 9358

وهيك بنختم الجزء الأول وقريبًا إن شاء الله منكمل باقي الأجزاء والمواضيع
الله يعطيك العافيه عالتفصيل رهيب علي :love: 👏
 
موضوع جميل لكن وجب التنويه ان استخدامك ل .net framework يجعل معرض لبرامج الdecompiler و الكراك
 
التعديل الأخير:

آخر المشاركات

عودة
أعلى