ربط ورقة عمل بقاعدة بيانات باستخدام مصمم أوراق العمل في VS.Net 2005
ربط ورقة عمل بقاعدة بيانات باستخدام مصمم أوراق العمل في VS.Net 2005
الغرض من هذه المقالة هو السماح لجميع المطورين بمعرفة كيفية إنشاء تطبيق لربط البيانات بتنسيقVS.Net 2005 وفهم استخدام ودورمصمم أوراق العمل محرر. أفضل طريقة لتعلم وفهم أي شيء هي من خلال الأمثلة. لذلك ، في هذه المقالة ، سيكون من الأفضل لنا أيضًا إنشاء نموذج تطبيق لتوضيح استخداممصمم أوراق العملفي أوراق العمل الملزمة مع قاعدة البيانات. لنقم بإنشاء تطبيق خطوة بخطوة.
الخطوة 1: إنشاء نموذج قاعدة بيانات
بادئ ذي بدء ، سنقوم بإنشاء نموذج قاعدة بيانات سيتم استخدامها في هذه المقالة. لقد استخدمنا MS Access لإنشاء نموذج قاعدة بيانات تحتوي علىمنتجات الجدول الذي يظهر مخططه أدناه:
شكل: معلومات تصميممنتجات الطاولة
يتم إضافة عدد قليل من السجلات الوهمية إلى ملفمنتجات الجدول كما هو موضح أدناه في الشكل:
شكل: السجلات فيمنتجات الطاولة
الخطوة الثانية: تصميم نموذج التطبيق
انتطبيق ويب ASP.NET تم إنشاؤه وتصميمه في Visual Studio.NET 2005 كما هو موضح في الأشكال أدناه. تعتبر لقطات الشاشة هذه مفيدة للمطورين الذين ليسوا على دراية كبيرة باستخدام Aspose.Cells.GridWeb في Visual Studio.Net 2005.
أول تشغيل VS.Net 2005.
شكل: بدء VS.Net 2005
قم بإنشاء موقع ويب جديد من القائمة File | New | Web Site ….
شكل: إنشاء موقع ويب جديد
بعد النقر فوق ملف | جديد | موقع ويب … خيار القائمة ،الموقع الجديد يظهر الحوار. انقر علىتصفح زر فيه.
**شكل:**مربع حوار موقع ويب جديد
بعد النقر فوق ملفتصفح الزر ، اختر مجلد الموقع في IIS المحلي. يمكنك إنشاء مجلد جديد وجعله مجلد افتراضي كما هو موضح في الشكل.
شكل: إنشاء مجلد جديد
بعد النقر فوق ملففتح زر فياختيار موقع حوارالموقع الجديد سيبدو الحوار.
شكل: تحديد موقع المشروع
الآن تم إنشاء المشروع
شكل: مشروع تم إنشاؤه
وسائط XHTML و HTML
Aspose.Cells.GridWeb يدعم وضع XHTML تمامًا والذي يتم تنفيذه افتراضيًا في VS.Net 2005 منذXhtmlMode ممتلكاتشبكة تم ضبط التحكم علىحقيقي بشكل افتراضي عندما تضع عنصر التحكم على صفحة الويب. ولكن إذا كنت ترغب في تنفيذ HTML Mode للتحكم في VS.Net 2005 ، فيمكنك القيام بذلك بسهولة تامة. يجب عليك تعديل ملف**<! DOCTYPE>** ضع علامة قليلاً في التعليمات البرمجية المصدر لصفحة الويب وقم بتعيين ملف**XhtmlMode** ممتلكات**شبكة** السيطرة على**خطأ شنيع** .
في هذا الموضوع سوف نستخدم الوضع HTML للتحكم. لذا اتبع الخطوات أدناه
1. قم بالتبديل إلى عرض المصدر لصفحة الويب وابحث عن علامة <! DOCTYPE> التالية في شفرة المصدر.
XML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
بمجرد العثور على هذه العلامة ، حدد تلك العلامة الكاملة في شفرة المصدر كما هو موضح أدناه.
شكل: التحديدعلامة <! DOCTYPE>
استبدل ملف**<! DOCTYPE>** علامة من شفرة المصدر الخاصة بك بالعلامة التالية.
XML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
شكل: التعديلعلامة <! DOCTYPE>
2. بعد أن تقوم بإضافة عنصر تحكم GridWeb إلى نموذج الويب. يجب عليك تحديد عنصر التحكم واختيار خاصية XhtmlMode من نافذة الخصائص لتعيينها على False.
إضافة GridWeb إلى WebForm
انقر بزر الماوس الأيمن فوقToolBox واختراختر العناصر … من القائمة.
شكل: اختيار العناصر
حدد الآنشبكة المكون وانقرنعم
شكل: التحديدشبكة المكون في مربع حوار المكون
الآنشبكة تمت إضافته كما هو موضح في الشكل أدناه.
شكل: شبكة يضاف في صندوق الأدوات
ضع الشبكة في نموذج الويب كما هو موضح أدناه.
شكل: وضعشبكة على صفحة الويب
الخطوة 3: الاتصال بقاعدة البيانات باستخدام Server Explorer و Setting Connection Object
أولاً نضيف قاعدة بيانات MS Access إلى المشروع الذي أنشأناه مسبقًاالخطوة 1 . قد ترى ذلكديسيبل يضاف الملف إلى المشروع.
شكل: تمت إضافة قاعدة البيانات إلى مجلد المشروع
الآن ، نذهب إلىمصمم المكونات نافذة نموذج الويب باستخدام خيار قائمة النقر بزر الماوس الأيمن على صفحة الويب.
شكل: التحديدعرض مصمم المكونات اختيار
تظهر نافذة “مصمم المكونات” على النحو التالي.
شكل: نافذة مصمم المكونات
انقر نقرًا مزدوجًا فوق ملفOleDbConnection مكون من لوحة البيانات لوضع كائن oleDbConnection1 في النافذة.
شكل: كائن oleDbConnection1
حان الوقت الآن للاتصال بقاعدة البيانات. يمكننا القيام بذلك بسهولة عن طريق استخداممستكشف الخادم في Visual Studio.NET 2005. اختر فقطاتصال البيانات فيمستكشف الخادم وانقر بزر الماوس الأيمن. سترى قائمة سياق تظهر أمامك. يختار**إضافة اتصال …**الخيار من القائمة كما هو موضح أدناه في الشكل:
شكل: التحديدإضافة اتصال … خيار من القائمة
بعد الاختيارإضافة اتصال … خيار من القائمة ،إضافة اتصال سيتم فتح الحوار وتصفح لتحديد ملف قاعدة البيانات كما هو موضح أدناه.
شكل: اختيار ملف قاعدة البيانات
يمكنك اختبار الاتصال.
شكل: اختبار الاتصال
يمكنك تصفح الاتصال للتحقق من الجدول وحقوله.
شكل: فحص الجدول ومجالات الاتصال الخاصة به
الآن إذا اخترتoleDbConnection1 كائن فيمصمم المكونات نافذة ، يمكنك تحديد سلسلة الاتصال المتعلقة بالاتصال الحالي الذي تم إنشاؤه للتو ، وهو موجود في خاصية “ConnectionString” الخاصة بـoleDbConnection1 الكائن في نافذة الخصائص.
شكل: تحديد سلسلة الاتصال للكائن
أخيرًا ، تم تغيير معدل الكائن إلىمحمي لتحسين إمكانية الوصول.
شكل: ضبط معدّل الكائن
الخطوة 4: تكوين كائن محول البيانات
الآن ، أضف ملفOleDbDataAdapter مكون من لوحة البيانات في صندوق الأدوات لتكوينه. انقر نقرًا مزدوجًا فوق ملفOleDbDataAdapter في لوحة البيانات في صندوق الأدوات ، سيبدأ معالج التكوين الخاص به ويحدد الاتصال الحالي كما هو موضح في الشكل:
شكل: معالج تكوين محول البيانات
بعد النقرالتالي ، انقر فوقمنشئ الاستعلام لإضافة المنتجات الجدول ، حدد كل الأعمدة وانقرنعم زر.
شكل: إضافة جدول المنتج
شكل: منشئ الاستعلام
انقر الآنينهي زر لإنهاء المعالج.
شكل: إنهاء المعالج
بعد تكوين المعالج ، تتم إضافة oleDbDataAdapter1 تلقائيًا إلى النافذة كما هو موضح أدناه. أيضًا ، يمكنك ضبط معدّله علىمحمي.
شكل: استرداد كائن OleDbDataAdapter في إطار المصمم
الخطوة 5: إنشاء DataSet
نظرًا لأننا أنشأنا اتصال قاعدة البيانات وكائنات محول البيانات ، لكننا ما زلنا بحاجة إلى شيء حيث يمكننا تخزين البيانات بعد الاتصال بقاعدة البيانات. أمجموعة البياناتيمكن للكائن تخزين البيانات بدقة ويمكننا أيضًا إنشاؤها بسهولة باستخدام VS.NET 2005 IDE. للقيام بذلك ، حددoleDbDataAdaper1 وانقر بزر الماوس الأيمن. ستظهر قائمة السياق مع بعض الخيارات. يختاريولد مجموعة البيانات … الخيار من القائمة كما هو موضح أدناه في الشكل.
شكل: التحديديولد مجموعة البيانات … خيار من القائمة
بعد الاختياريولد مجموعة البيانات … خيار من القائمة ، أتوليد مجموعة البيانات سيتم فتح الحوار. باستخدام هذا الحوار ، يمكننا تحديد ما سيكون اسم الجديدمجموعة البيانات الكائن المراد إنشاؤه والجداول التي يجب إضافتها إليهامجموعة البيانات . يفحصأضف مجموعة البيانات هذه إلى المصمم الخيار وانقرنعم الزر كما هو موضح أدناه في الشكل.
شكل: النقرنعم زر لتوليدمجموعة البيانات
الآن ، يمكنك رؤية ملفمجموعة البيانات 11 تمت إضافة الكائن إلى المصمم كما هو موضح أدناه في الشكل. اضبط معدّل الكائن علىمحمي.
شكل: مجموعة البيانات تم إنشاؤه وإضافته إلى نافذة المصمم
يتم إنشاء رمز معين تلقائيًا في الاتصال المرتبط بملف .cs ، ومحول البيانات ، وكائن مجموعة البيانات.
شكل: رمز تم إنشاؤه
الخطوة 6: استخدام مصمم أوراق العمل
الآن ، حان الوقت لكشف السر. حدد عنصر التحكم وانقر بزر الماوس الأيمن. سيتم فتح قائمة السياق. حدد خيار مصمم أوراق العمل … من القائمة كما هو موضح أدناه في الشكل.
شكل: التحديدمصمم أوراق العمل … خيار من القائمة
بعد ذلكمحرر مجموعة أوراق العمل الحوار (يسمى أيضًامصمم أوراق العمل ) ، يمكنك رؤية العديد من الخصائص التي يمكن تهيئتها لربط ملفالورقة 1 مع أي جدول في قاعدة البيانات. دعنا نختارمصدر البيانات خاصية. كتابةمجموعة البيانات 11 فيه (الذي أنشأناه وأضفناه إلى نافذة المصمم في الخطوة السابقة). ثم انقر فوقعضو البيانات خاصية. كتابةمنتجات كاسم جدول هنا كما هو موضح أدناه في الشكل:
شكل: ضبطمصدر البيانات وعضو البيانات الخصائص
الآن ، يمكنك تكوين ملفاتBindColumns خاصية. بعد النقر فوقه ، يمكنك الآن إضافة أعمدة الربط وتعيين ملفشرح , حقل البيانات (يجب أن يكون هو نفسهمنتجات حقول الجدول) وخصائص أخرى. يمكنك ضبط ملفإنشاء تلقائي إلىحقيقي وتطبيقتصديق وضبطنوع_الرقممجالات مختلفة لمتطلباتك.
شكل: النقرBindColumns خاصية
شكل: محرر مجموعة BindColumn الحوار
الخطوة 7: إضافة بعض سطور التعليمات البرمجية لصفحة الويب
وقد استخدمنامصمم أوراق العمل بسهولة والآن علينا فقط إضافة بعض أسطر التعليمات البرمجية
أولا سوف نضيفOnInit رمز متعلق بالحدث للتهيئةInitializeComponent طريقة لتهيئة وإنشاء كائنات الاتصال والأوامر ومحول البيانات ومجموعة البيانات. لا تتم إضافة سطور التعليمات البرمجية هذه مع الشفرة التي تم إنشاؤها تلقائيًا ، لذلك يتعين علينا إضافتها يدويًا.
شكل: إضافة بعض code1
شكل: إضافة بعض التعليمات البرمجية 2
الآن نضيف بعض التعليمات البرمجية في ملفPage_Load معالج الحدث لملءمجموعة البيانات 11 كائن ببيانات من قاعدة بيانات (باستخدامoleDbDataAdapter1 ) وملزمةشبكة السيطرة معمجموعة البيانات 11 من خلال استدعاء ملفربط البيانات طريقة.
مثال:
C#
//Implementing Page_Load event handler
protected void Page_Load(object sender, EventArgs e)
{
//Checking if there is not any PostBack
if (!IsPostBack)
{
try
{
//Filling DataSet with data
oleDbDataAdapter1.Fill(dataSet11);
//Binding GridWeb with DataSet
GridWeb1.DataBind();
}
finally
{
//Finally, closing database connection
oleDbConnection1.Close();
}
}
}
VB.NET
'Implementing Page_Load event handler
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
'Checking if there is not any PostBack
If Not IsPostBack Then
Try
'Filling DataSet with data
oleDbDataAdapter1.Fill(dataSet11)
'Binding GridWeb with DataSet
GridWeb1.DataBind()
Finally
'Finally, closing database connection
oleDbConnection1.Close()
End Try
End If
End Sub
يمكنك أيضًا التحقق من الرمز المضاف إلىPage_Load معالج الحدث كما هو موضح أدناه في الشكل:
شكل: تمت إضافة الرمز إلىPage_Load معالج الحدث
إلى حد بعيد ، قمنا ببناء تطبيق قاعدة بيانات مفيد للغاية. لكن هذا التطبيق يمكّنك فقط من عرض بيانات الجدول. على الرغم من أنه يمكنك تحرير البيانات بتنسيقشبكة السيطرة ولكن عندما تغلق نافذة المتصفح الخاص بك وتفتح قاعدة البيانات الخاصة بك. ستجد أنه لم يتغير شيء. هذا يعني أن التغييرات التي أجريتها لم يتم حفظها في قاعدة البيانات. لذا ، هناك شيء ما عليك القيام به.
سنقوم الآن بإضافة بعض التعليمات البرمجية إلى تطبيقنا بحيثشبكة قد يحفظ تغييراته على قاعدة البيانات الفعلية. دعونا فتحملكيات جزء وحددSaveCommand حدثشبكة السيطرة من قائمة أحداثها. إذا نقرت مرتين علىSaveCommand الحدث ثم VS.NET 2005 سيتم إنشاء IDEGridWeb1_SaveCommand معالج الحدث لك. أضف بعض التعليمات البرمجية إلى معالج الأحداث هذا لتحديث قاعدة البيانات بالبيانات المعدلة المضمنة فيمجموعة البيانات (ملزمة بورقة العمل) باستخدامoleDbDataAdapter1.
مثال:
C#
//Implementing the event handler for SaveCommand event
protected void GridWeb1_SaveCommand(object sender, EventArgs e)
{
try
{
//Getting the modified data of worksheet as a DataSet
DataSet dataset = (DataSet)GridWeb1.WebWorksheets[0].DataSource;
//Updating database according to modified DataSet
oleDbDataAdapter1.Update(dataset);
}
finally
{
//Closing database connection
oleDbConnection1.Close();
}
}
VB.NET
'Implementing the event handler for SaveCommand event
Protected Sub GridWeb1_SaveCommand(ByVal sender As Object, ByVal e As System.EventArgs)
Handles GridWeb1.SaveCommand
Try
'Getting the modified data of worksheet as a DataSet
Dim dataset As DataSet = CType(GridWeb1.WebWorksheets(0).DataSource, DataSet)
'Updating database according to modified DataSet
oleDbDataAdapter1.Update(dataset)
Finally
'Closing database connection
oleDbConnection1.Close()
End Try
End Sub
يمكنك أيضًا التحقق من الرمز المضاف إلىGridWeb1_SaveCommand معالج الحدث كما هو موضح أدناه في الشكل:
شكل: تمت إضافة الرمز إلىGridWeb1_SaveCommand معالج الحدث
الآن ، إذا كنت ستحفظ التغييرات في قاعدة البيانات باستخداميحفظ زرشبكة ، سيتم إنقاذهم بالتأكيد.
الخطوة 8: تشغيل التطبيق الخاص بك
أخيرًا ، يمكننا ترجمة تطبيقنا وتشغيله إما بالضغط علىالسيطرة + F5 أو النقربداية زر. في مربع حوار التصحيح ، يمكنك تحديد خيار التصحيح المناسب والنقر فوقنعم الزر كما هو موضح أدناه في الشكل.
شكل: تطبيق قيد التشغيل
بعد التجميع ،Default.aspx سيتم فتح صفحة تطبيق الويب الخاص بنا في نافذة متصفح جديدة حيث يمكننا رؤية جميع البيانات المحملة من قاعدة البيانات كما هو موضح أدناه:
شكل: تحميل البيانات فيشبكة السيطرة من قاعدة البيانات
عندما يتم تحميل البيانات فيشبكة ثم ستشعر أن Aspose.Cells.GridWeb يوفر تحكمًا ضمنيًا في البيانات لمستخدميه. دعنا نتحقق من نوع ميزات معالجة البيانات التي يقدمهاشبكة لمستخدميها.
تأكيد صحة البيانات
Aspose.Cells.GridWeb يقوم تلقائيًا بإنشاء قواعد تحقق مناسبة لكل الأعمدة المرتبطة وفقًا لأنواع البيانات الخاصة بها المعرفة في قاعدة البيانات. يمكنك رؤية نوع التحقق من صحة الخلية عن طريق تحريك مؤشر الماوس عليها كما هو موضح أدناه في الشكل:
**شكل:**التحقق من نوع التحقق من صحة الخلية
في الشكل أعلاه ، يمكننا أن نرى أن الخلية المحددة تحتوي على**\
حذف الصفوف
لحذف صف ، يجب عليك أولاً تحديد صف (أو أي خلية في الصف) وتحديدهاحذف صف الخيار من قائمة النقر بزر الماوس الأيمن كما هو موضح أدناه:
شكل: التحديداحذف صف خيار من القائمة
بعد الاختياراحذف صف من القائمة ، يتم حذف الصف من ملفشبكة . انقر الآنحفظ زرشبكة لحذف هذا السجل في جدول قاعدة البيانات الأصلي.
شكل: بيانات الشبكة (بعد حذف صف)
تحرير الصفوف
يمكنك أيضًا تحرير البيانات في الخلايا أو الصفوف ثم النقر فوقيحفظ زر لحفظ التغييرات الخاصة بك.
شكل: بيانات الشبكة (تحرير السجل 1)
شكل: بيانات الشبكة (تحرير السجل 2)
مضيفا الصفوف
لإضافة صف ، حدداضف سطر الخيار من قائمة النقر بزر الماوس الأيمن كما هو موضح أدناه:
شكل: التحديداضف سطر خيار من القائمة
ستتم إضافة صف جديد إلى الورقة في نهاية الصفوف بعد التحديداضف سطر خيار من القائمة. على يسار الصف المضاف حديثًا ، ستلاحظ وجود ملفالنجمة تشير إلى أن الصف مضاف حديثًا.
شكل: تمت إضافة صف جديد إلى الشبكة
بعد إدخال القيم في الصف الجديد ، انقر فوقيحفظ لتأكيد التغييرات في جدول قاعدة البيانات الأصلي كما هو موضح أدناه
شكل: حفظ التغييرات لجدول قاعدة البيانات عن طريق النقريحفظ زر