بيئة عمل ASP.NET
من المهم أن تعرف كيف يمكنك التعامل مع بيئة عمل لإنشاء المواقع بكل سهولة ويسر، وأفضل
بيئة لهذا الغرض هي Microsoft Visual Studio ، والتي تقول مايكروسوفت عنها أنها أقوى
بيئة تطوير في العالم.
توفر مايكروسوفت عدة نسخ منها منها ما هو مجاني مثل الويب ديفيلوبر ، أو ما هو مدفوع
مثل الفيجوال ستوديو بكافة اصداراته.
إن تطور الويب جلب لنا العديد من التقنيات والأفكار البسيطة في فكرتها وفي مضمونها ، ولكنها ذات فائدة كبيرة من حيث توفير الوقت والجهد ومن هذه الخدمات خدمة ال RSS ، ولهذا فإنك كمطور مواقع ويب ، عليك أن تعرف على الأقل كيف تبني صفحة RSS بسيطة.
قبل بدء بناء الصفحة يجب أن نعلم المتصفح أن موقعنا به خدمة ال RSS حتى يتفعل تلقائيا رابط أو أيقونة ال RSS ، وأفضل طريقة لذلك هو إضافة الوسوم الدليلة في صفحات الموقع كالتالي
السطر بالأعلى بسيط حيث حددنا اسم الخدمة وكذلك رابط الصفحة ونتائج محتوى الصفحة ، وتستطيع أن تغير رابط الصفحة مثلا بدلا من RSS.aspx أن تضيف الصفحة التي ترغب بها
الآن أتى الجد وكتابة شيفرة الصفحة الرئيسية للخدمة
في حدث بدء تحميل الصفحة نحدد مخرجات الصفحة الحالية كالتالي
Response.Clear()
‘ Response.ContentType = “text/xml” يجوز هذا السطر أو السطر الذي يليه
Response.ContentType = “application/rss+xml;”
ثم بعدها نبدأ بعملية كتابة وسوم ال XML وهنا أتوقع أنك تعاملت مع ملفات XML مسبقا وكتبت بها ، ولكن إن لم تكن كذلك فإن الشيفرة سهلة وفقط عليك تغيير الوسيطات كما ترغب
مع العلم أن هذه الحقول أو الوسوم ليست من عندي وإنما هي أساسية لكل خدمة RSS
Dim xlw As New XmlTextWriter(Response.OutputStream, Encoding.UTF8)
xlw.WriteStartDocument()
xlw.WriteStartElement(“rss”)
xlw.WriteAttributeString(“version”, “2.0”)
xlw.WriteStartElement(“channel”)
xlw.WriteElementString(“title”, “مقالات مطورو دوت نت “)
xlw.WriteElementString(“link”, “http://developers.ps/Defaulte.aspx”)
xlw.WriteElementString(“description”, “The latest headlines and articles from the world of ASP.NET,Microsoft() ‘s Web development platform.”)
xlw.WriteElementString(“copyright”, “(c) 2009, Developers . All rights reserved.”)
xlw.WriteElementString(“ttl”, “5”)
الان تبقالان تبقى خدمة جلب البيانات وكتابتها ، ويمكن فعل ذلك بالقراءة عبر قاعدة بيانات أو ملف XML أو حتى من مستند نصي ، المهم أن تقوم بتعبئة البيانات على نفس النمط الذي سأستخدمه ، وأنا سأقوم بفعل ذلك باستخدام جدول من قاعدة بيانات ، وهو جدول المقالات
Using conn As New SqlConnection(ConfigurationManager.ConnectionStrings(“connstr”).ConnectionString)
Dim cmd As SqlCommand = conn.CreateCommand
& cmd.CommandText = “select top 10 ID,Title,des,dob from Articles order by id desc”
conn.Open()
Dim objReader As SqlDataReader = cmd.ExecuteReader()
While objReader.Read()
xlw.WriteStartElement(“item”)
xlw.WriteElementString(“title”, objReader.GetString(1))
xlw.WriteElementString(“description”, objReader.GetString(2))
xlw.WriteElementString(“link”, “http://developers.ps/News.aspx?id=” & objReader.GetInt32(0).ToString())
xlw.WriteElementString(“pubDate”, objReader.GetDateTime(3).ToString(“R”))
xlw.WriteEndElement()
End While
ثم سأقوم بإغلاق الوسوم والمسارات الحالية
objReader.Close()
xlw.WriteEndElement()
xlw.WriteEndElement()
xlw.WriteEndDocument()
xlw.Flush()
xlw.Close()
Response.End()
End Using
الآن أصبح لديك خدمة RSS في موقعك بكل سهولة ويسر ومرفق أيضا صفحة جاهزة لمن لم يحالفه الحظ في نفس الشيفرة من هذا المقال.
الحمد لله ، بعد أن عثرت على بعض الوقت قمت برفع دورة asp.net ، كنت قد أعطيتها لأصدقاء منذ فترة بهدف نشرها على الإنترنت
الدورة تأخذك في مواضيع عديدة ومتنوعة في asp.net ، وحاولت أن أجعلها شاملة لحتى لأصغر الأمور.
هنالك أمور في الدورة لم استخدمها منذ سنوات ، ولكني حاولت أن أضعها حتى لا يكون هنالك نقص ، وكعادة عدم الممارسة ، بعض الأمور واجهت بها عقبات أثناء الشرح ، ولكن الحمد لله أكون قد تذكرت الطريقة.
ما زلت أرفع في الدورة ، وستشاهدونها في قسم الفيديو
الدورة تحتوي على المواضيع التالية
– Deploy your site
-Routes
– DotNetfuscator
– IIS
– JQuery
– Linq
– Dynamic Data
– Azure
– SEO with ASP.NET
– Performance
– WAP
هنالك بعض الفيديوهات أعملها أحيانا لأشخاص ، وسأقوم أيضا برفعها لتعم الفائدة وسأخفف من كتابة المقالات التقنية إن شاء الله
الدورة ستجدونها في المصادر التعليمية للموقع تحت بند فيديو تعليمي
موقع Twitter لم يعد أحد يدخل الويب ولا يعرف هذا الموقع ، بالرغم من عدك اتضاح فكرته لدى الجميع أو الهدف منه ، او أن الموقع يبدو غير مفيد ، إلا أنه يتطلب احيانا منا الربط معاه لأسباب عديدة ، ولذلك تطرقت لطريقة الربط مع تويتر
طريقة الربط سهلة جدا ، قم بتحميل هذه المكتبة من هذا الرابط، وتستطيع تحميل اشيفرة المصدرية من هذا الرابط
ضع ملفات المكتبة في مجلد Bin في مشروعك
قم باستدعاء فضاء الأسماء في الصفحة التي تريدها ، وأنا استدعيته بالطريقة التالي
ولكن الآن في الإصدار الرابع من الدوت نت ، عندما تفتح ويب كوفيج فإنك ستجده جميل ومرتب ولا يحتوي على الوسوم الزائدة التي كنا نراها دائما، ولعلك تتساءل أين ذهبت هذه الوسوم ، وعلى الرغم من اختفائها إلا أن الموقع يعمل ويدعم الأجاكس بدون مشاكل.
هذه ميزة جديدة في الإصدار الرابع حيث بإمكانك الحصول على ويب كونفيج مرتب وجميل ومدعوم بهذه الوسوم ( والتي لا يتوجب أن تراها لأنك لن تعدل عليها ) بسهولة ويسر كالتالي:
لاحظ أن الويب كونفيج قد خصص إصدار المنصة في الوسم compilation كالتالي
ونجده قد أضاف أيضا
بالتوفيق للجميع
إن مخرجات قاعدة البيانات ستكون في النهاية على شكل جدول من صفوف وأعمدةـ والسبب هو
أن أداة الجريد فيو ستترجم ليفهمها المتصفح في النهاية على أنها وسوم HTML تقليدية.
وهنا السؤال: كيف يمكننا التحكم بشكل العرض للبيانات في
أداة ال GridView؟؟
طريقة العرض للبيانات في أداة ال GridView محدودة فلا يمكنك عرض البيانات بالشكل
وبالتنسيق الذي تريده، فمثلا أردت عرض المخرجات النهائية على شكل div أو أردت عرضها
بأي طريقة مخرجات بعيدة عن الجدول وصفوفه. عندها أداة GridView لن تسعفك.
مشكلة أخرى
ستواجهك
لو احتجت أن تعرض البيانات بأكثر من عمود واحد وأيضا بعرضها بأكثر من صفحة واحدة ..ماذا ستستخدم ؟؟
لن تستطيع استخدام أداة ال GridView لأمر كهذا لأنها لا تدعم عرض البيانات بأكثر من عمود واحد، ولن تستطيع استخدام أداة ال DataList لأنها لا تدعم عرض البيانات في أكثر من صفحة.
إذا: ما هو الحل؟؟
شركة مايكروسوفت لا تغفل أبدا عن منتجاتها وتسعى دائما لتقديم الأفضل، فقد أضافت
أداة جديدة مع منصة العمل 3.5 وهي أداة ال ListView والتي جمعت مميزات GridView و
DataList و Repeater، بل وتميزت بأمور أخرى أفضل، فأنت تستطيع عرض البيانات بالشكل
الذي تريده وأيضا بالتنسيق الذي تريده باستخدام CSS، بعكس الأدوات الأخرى فأنت لا
تستطيع استخدام CSS معها بكل حرية في بناء هيكل الجدول.
ولنستعرض الفروقات بينها وبين جميع أدوات عرض البيانات :
| الأداة | عرض البيانات في عدة صفحات Pagining |
عرض البيانات على شكل مجموعات Grouping |
الشكل المرن | التعديل والحذف Editing/Deleting |
الإضافة Inserting |
الترتيب Sorting |
|---|---|---|---|---|---|---|
| ListView |
 |
|
|
|
|
|
| GridView |
|
 |
|
|
|
|
| DataList |
|
|
|
|
|
|
| Repeater |
|
|
|
|
|
|
| DetailsView |
|
|
|
|
|
|
| FormView |
|
|
|
|
|
|
ولا يعني الرمز X أن الميزة لا تدعمها الأداة بشكل نهائي بل يمكن التحايل على الأمر
ولكن في أداة ال ListView فإن الأمور مدعومة بشكل أساسي.
ولن تتضح الأمور إلا بمثال يبرز المميزات الرائعة التي تتميز بها هذه الأداة:
في مثالنا سنعمل على قاعدة بيانات تحتوي على جدول باسم country يحتوي على
ثلاث حقول هي ( رقم الدولة ، اسم الدولة ، العاصمة )
أداة ال ListView تحتوي على عدة قوالب كل له وظيفته الخاصة وهذه القوالب هي :
* LayoutTemplate : وهي تختص بالعنصر الأساسي الذي يعرف محتوى ال ListView مثل عنصر
table أو div أو span التي تحيط بالمحتوى المعرف بداخل القالب ItemTemplate أو
القالب GroupTemplate بمعنى آخر هي خلفية البيانات؟
* ItemTemplate : وهي تتحكم بالمحتوى الذي سيعرض العناصر الفرعية وهي عبارة
عن عرض البيانات المرتبطة بال ListView على شكل متكرر
* ItemSeparatorTemplate : تستخدم لوضع فواصل بين العناصر
* GroupTemplate : وهي تختص بترتيب العناصر على شكل مجموعات
* GroupSeparatorTemplate : تستخدم لوضع فواصل بين المجموعات
* EmptyItemTemplate : تستخدم لعرض نص أو غيره في حال عدم وجود قيمة لإحدى عناصر ال
ListView
* EmptyDataTemplate : تستخدم لعرض نص أو غيره في حال عدم وجود بيانات في ال
ListView
* SelectedItemTemplate : تستخدم لعملية اختيار أحد العناصر المعروضة في ال
ListView
* AlternatingItemTemplate :
تستخدم لعرض عنصر بعد كل ItemTemplate
* EditItemTemplate : تستخدم لعملية التعديل
* InsertItemTemplate : تستخدم لعملية الإضافة
والهيكل العام لهذه القوالب في ال ListView تعرض بالشكل التالي :
الآن نعود إلى مثالنا :
يتم إضافة أداة ال ListView وتخصيص مصدر البيانات لها من خلال الخاصية DataSourceID
وأهم قالبين من قوالب ال ListView هما
LayoutTemplate
ItemTemplate
ويجب تخصيص العنصر placeHolder في ال ListView إما في ال LayoutTemplate أو ال
GroupTemplate ويتم ذلك بإعطاء القيمة itemPlaceholder لخاصية ID التابعة للأداة
ويجب أيضا إعطاء القيمة server للخاصية runat التابعة لل placeholder ـ حيث
سيتم استبدال محتوى أداة placeHolder في الهيكل العام ( الخلفية ) بمحتوى العنصر ItemTemplate
والقيمة itemPlaceholder هو الاسم الافتراضي للأداة placeholder ولكن تستطيع تغييره
بإعطاء الخاصية itemPlaceHolderID التابعة لأداة ال ListView الاسم الذي تريده
بالشكل التالي :
قمنا هنا بتعريف الهيكل العام لل ListView في وسم LayoutTemplate وهو جدول يحتوي
على صفين وثلاث أعمدة ، والصف الأول يحتوي على أسماء الأعمدة والصف الثاني هو الصف
الذي سيتكرر مع كل صف تم جلبه من نتيجة مصدر البيانات
وستكون النتيجة بالشكل التالي:
وللتفريق بين الصفوف المتتابعة يتم استخدام وسم AlternatingItemTemplate
فمحتوى هذا الوسم هو نفس محتوى وسم ItemTemplate ولكن بتلوين الصف بلون مخالف فيتم إضافة
الوسوم التالية إلى الأداة :
وهكذا نكون قد كونا الهيكل العام لأداة ال ListView وسيتم توضيح باقي القوالب في
مواضيع أخرى بإذن الله
بالتوفيق للجميع
موقع أمازون أكبر موقع تجاري إلكتروني ، لديه مخزن ونظام تخزين بالتأكيد يناسب حجمه ، وقد عثرت على هذه الصور من داخل المخزن ، فحببت مشاركتها معكم
إن محرر النصوص الغني WYSIWYG editor لأداة ضرورية في مواقعك، حيث يطلبها أصحاب المواقع باستمرار، وتوجد العشرات من هذه المحرات، ومتوافرة بكثرة في المواقع المختصة، منها ما هو مجاني ومنها ما هو مدفوع، منها ما هو مفتوح المصدر ومنها ما هو مغلق المصدر، والسؤال هنا: من أفضلها؟.
لقد جربت الكثير من المحررات، وإن أفضل محرر رأيته وأعجبني هو محرر مجاني ومفتوح وصدر حديثا، ألا وهو محرر مايكروسوفت الموجود في مكتبة AjaxControlToolKit.
كما نعلم ، توفر مايكروسوفت العديد من مزودات ( موفرات ) البيانات في
بيئة الدوت نت ADO.NET Data Providers ، وهذا يسمح لك باستخدام أي قاعدة بيانات
تقريبا في بيئة الدوت نت
هذا الرابط
http://msdn.microsoft.com/en-us/data/dd363565.aspx
يوفر لك قائمة بالمزودات المتوفر للدوت نت ، مثلا إذا كنت تستخدم قاعدة بيانات
MYSQL وتريد التعامل معها بالدوت نت ، يمكنك تحميل المزود والتعامل مع القاعدة
وإذا كنت تستخدم قاعدة بيانات والمزود غير متوفر ، يمكنك بناء مزود خاص بك عبر
اتباع الشرح من هذا الرابط
http://blogs.msdn.com/b/adonet/archive/tags/sample+provider/
أضافت HTML5 و CSS3 العديد من الامتدادات الجديدة، والتي لن تعمل بمشروعك مباشرة حين رفعه على الويب، إلا بإضافة الدعم لها عن طريق ملف Web.Config
افتح ملف الويب كونفيج، وفي وسم
<system.webServer>
أضف فيه التالي
<staticContent>
<mimeMap fileExtension=".mp4" mimeType="video/mp4" />
<mimeMap fileExtension=".m4v" mimeType="video/m4v" />
<mimeMap fileExtension=".ogg" mimeType="video/ogg" />
<mimeMap fileExtension=".ogv" mimeType="video/ogg" />
<mimeMap fileExtension=".webm" mimeType="video/webm" />
<mimeMap fileExtension=".oga" mimeType="audio/ogg" />
<mimeMap fileExtension=".spx" mimeType="audio/ogg" />
<mimeMap fileExtension=".svg" mimeType="images/svg+xml" />
<mimeMap fileExtension=".svgz" mimeType="images/svg+xml" />
<remove fileExtension=".eot" />
<mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
<mimeMap fileExtension=".otf" mimeType="font/otf" />
<mimeMap fileExtension=".woff" mimeType="font/x-woff" />
</staticContent>