مثال على ارسال واستقبال البيانات في صفحة واحدة في asp.net

أولا :

الادوات المستخدمة في الصفحة هي 4 مربعات نص(textbox) واربعة مربعات تسمية (label) وزر واحد (button)

الصيغة القياسية للأدوات في asp.net تكون بالشكل التالي :

<asp:aladah id="esmoha" text="alnasalthaher" runat="server">

فكما نرى id هو اسم الاداة الذي نتعامل معه برمجياً و text هو الاسم الظاهر لنا على الأداة

نرسم أربعة مربعات نصية ونسميها name و Email وRaik و ZearaDate

Name:
<asp:textbox id="Name" runat="server"/>


Email:
<asp:textbox id="Email" runat="server"/>


Raik:
<asp:textbox id="Raik" runat="server"/>


ZearaDate:


<asp:textbox id="ZearaDate" runat="server"/>

نرسم خمسة مربعات تسمية ونسميها Header و labelname و labelEmail و labelRaik و labelZearaDate

<asp:label id="Header" runat="server"/>


<asp:label Id="LabelName" runat="server"/>


<asp:label id="LabelEmail" runat="server"/>


<asp:label id="LabelRaik" runat="server"/>


<asp:label id="LabelZearaDate" runat="server"/>

نرسم زر ونسميه ok

<asp:button text="ok" runat="server" onclick="Ok_Click"/>

لقد قمنا الآن بكتابة الصفحة ونحتاج الآن إلى إضافة الحيوية إليها ، نحن نحتاج إلى أن نرسل البيانات التي يقوم بإدخالها الزائر في المربعات النصية إلى مربعات التسمية

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

نتجه الآن إلى أعلى الصفحة ونكتب الحدث الذي يعين تاريخ اليوم والذي يتم تنفيذه عند تحميل الصفحة مباشرة:

Sub Page_load(Sender As Object,E As EventArgs)

ZearaDate.Text=Today

End Sub

وهو بكل سهوله النص الذي يكتب في مربع النص ZearaDate هو تاريخ اليوم Today وهي دالة في النظام تعطيك تاريخ اليوم .

ثم نكتب الحدث الذي يقوم بنقل البيانات من المربعات النصية إلى مربعات التسمية عند النقر على الزر ok

sub ok_Click(Sender As Object,E As EventArgs)

Header.Text="You Enter:"

LabelName.Text=Name.Text

LabelEmail.Text=Email.Text

LabelRaik.Text=Raik.Text

LabelZearaDate.Text=ZearaDate.Text

End Sub

وكما هو واضح النص الذي في مربع التسمية Header يساوي النص "You Entered"

والنص في مربع التسمية labelName يساوي النص الذي تم إدخاله من قبل الزائر في مربع النص Name وهكذا بالنسبة للبقية .

فيصبح الصفحة بهذا الشكل

<%@page Explicit="True" Language="vb" Debug="True"%>

<html>

<Script runat="server">

Sub Page_load(Sender As Object,E As EventArgs)

If IsPostBack=False Then

ZearaDate.Text=Today

End If

End Sub



sub ok_Click(Sender As Object,E As EventArgs)

Header.Text="You Enter:"

LabelName.Text=Name.Text

LabelEmail.Text=Email.Text

LabelRaik.Text=Raik.Text

LabelZearaDate.Text=ZearaDate.Text

End Sub

</script>

<body>

<h1>Geubook first page</h1>

<form runat="server">

Name:
<asp:textbox id="Name" runat="server"/>


Email:
<asp:textbox id="Email" runat="server"/>


Raik:
<asp:textbox id="Raik" runat="server"/>


ZearaDate:


<asp:textbox id="ZearaDate" runat="server"/>


<asp:button text="ok" runat="server" onclick="Ok_Click"/>


<asp:label id="Header" runat="server"/>


<asp:label Id="LabelName" runat="server"/>


<asp:label id="LabelEmail" runat="server"/>


<asp:label id="LabelRaik" runat="server"/>


<asp:label id="LabelZearaDate" runat="server"/>


</form>

</body>

</html>

أتمنى أن يكون هذا المثال مفيداً .

مثال على ارسال واستقبال البيانات في صفحة واحدة في asp.net

مواضيع مشابهة

عدد الزوار حالياً