Nice Kids Product 1
🥰 ست دو تیکه تیشرت و شلوارک میکی ماوس
👈 جنس: نخی
👈 با کیفیت فوق العاده و بی نظیر
👈 جلو و پشت تیشرت طرح دار می باشد
🇹🇷 محصول ترکیه 🇹🇷
Nice Kids Product 2
🥰 ست دو تیکه کراپ و شلوار دمپا
❤️ آخه مگه داریم از این شیک تر ❤️
❤️ یه ست بی نظیر و با کیفیت❤️
🇹🇷 محصول کشور ترکیه 🇹🇷
👈 کیفیت: عالی و فوق العاده
Nice Kids Product 3
🥰 ست دو تیکه کراپ و شلوار مینی ماوس
❤️ یه ست تو خونه ای خوشگل و با کیفیت❤️
🇹🇷 محصول ترکیه 🇹🇷
👈 کیفیت: عالی و فوق العاده
👈 رنگ بندی: تک رنگ
Nice Kids Product 4
🥰 ست دو تیکه تیشرت و لگ میکی ترک
❤️ طرح های جدید را از نایس کیدز تهیه کنید ❤️
🇹🇷 محصول ترکیه 🇹🇷
👈 با کیفیت فوق العاده و بی نظیر
👈 رنگ بندی: دو رنگ (طبق تصاویر)

افزودن پایگاه داده ی محلی (بانک اطلاعات SQL) به ورژن آفلاین وب سایت تحت ASP.Net در Visual Studio، بصورت فایل mdf

Oxford Plus Website

Current user: Guest
12/4/2022

صفحۀ اصلی |> وبلاگ آکسفورد پلاس |> بخش توسعه ی نرم افزار |> نکات برنامه نویسی وب سایت در ASP.Net |> افزودن پایگاه داده ی محلی (بانک اطلاعات SQL) به ورژن آفلاین وب سایت تحت ASP.Net در Visual Studio، بصورت فایل mdf

مقدمه

سلام دوستان. دوباره با یک مقاله ی دیگر از وبلاگ آکسفورد پلاس در خدمتتان هستم. این بار با یک بحث پایگاه داده ای. جالب است که همین هفته ی پیش در هنرستان، تدریس پایگاه داده را برای دانش آموزانم شروع کردم و برایشان کلی از اهمیت پایگاه داده ( بانک اطلاعات ) در یک پروژه ی نرم افزاری صحبت کردم و ظاهرا کارها چنان پیش رفتند که بخشی از حرف های کلاس را یک بار دیگر اینجا نیز تکرار کنم :)

در واقع پایگاه داده، هسته ی مرکزی و بخش بسیار مهم نرم افزارهایی می باشد که بجای پردازش، بر داده و اطلاعات متکی هستند، مانند وب سایت ها. چنین نرم افزار هایی بدون بهره گیری از یک پایگاه داده، حرف زیادی برای گفتن ندارند. مثلا اگر شما یک توسعه دهنده ی وب سایت هستید و هنوز وب سایت خود را به یک پایگاه داده مجهز نکرده اید، دیر یا زود به این کار نیاز شدیدی پیدا خواهید کرد. از ثبت اطلاعات عضویت کاربران گرفته تا ثبت اطلاعات فاکتورهای فروش، همگی را باید بکمک بانک اطلاعات وب سایت خود انجام دهید.

هرچند که ما در هنرستان بانک اطلاعات Access را تدریس می کنیم، اما در عمل، اغلب وب سایت های تحت ASP.Net از پایگاه داده ی SQL Server و وب سایت های تحت PHP از پایگاه داده ی MySQL بهره می گیرند. فقط مسئله ای که وجود دارد این است که شکل و روش اتصال به یک پایگاه داده در وب سایت زمانیکه ما هنوز روی آن بصورت آفلاین و در کامپیوتر شخصی کار می کنیم با زمانیکه ما وب سایت را آماده کرده و آن را بصورت آنلاین در می آوریم فرق می کند. درواقع لازم است که ما یک پایگاه داده ی محلی و آفلاین داشته باشیم و تمام مراحل آزمایشی و مراحل توسعه ی وب سایت را با آن انجام دهیم و زمانیکه وب سایت کامل شد یک پایگاه داده ی آنلاین ایجاد کنیم و وب سایت را در حالت آنلاین (زمانیکه روی سرویس هاستینگ آپلود کردیم) به آن متصل نماییم.

پس با این مقدمه روشن شد که قبل از آپلود کردن وب سایت روی سرویس هاستینگ (آنلاین کردن وب سایت)، و در زمان توسعه ی وب سایت، به یک پایگاه داده ی محلی نیاز است و من قصد دارم برای نشان دادن چند و چون این امر، در ورژن آفلاین وبلاگ Developer که درواقع روی فلش مموری قرار دارد، بصورت دستی یک پایگاه داده ی SQL Server ایجاد کنم (البته بطور موقتی و به منظور آموزش). خواهید دید که چگونه با این کار یک فایل با پسوند mdf به پوشه ی وب سایت آفلاین من در فلش مموری افزوده می شود که در اصل همان پایگاه داده ی محلی وب سایت آفلاین می باشد. پس از آن نیز روش اجرای دستی Query بر روی پایگاه داده و در نهایت روش اتصال وب سایت با کدهای #C به پایگاه داده، بصورت گام به گام آموزش داده خواهد شد، پس در ادامه، مراحل کار را دنبال کنیم.

نکته

دوستان قبل از رفتن به سراغ مراحل کار، توجه داشته باشید که من آموزش های این مقاله را تحت محیط Microsoft Visual Studio Express 2012 for Web خدمتتان ارائه می دهم. البته چنانچه شما ورژن متفاوتی از ویژوال استادیو را روی سیستم خود داشته باشید، خیلی سریع و با اندکی تلاش خواهید توانست جای هر دستور را در آن محیط نیز پیدا کنید و با همان ورژن، با گام های این آموزش پیش بروید. دلیل اینکه من این ورژن از ویژوال استادیو را ترجیح می دهم این است که اولا کاملا رایگان است! و ثانیا نیاز به RAM بالایی ندارد و می توان آنرا روی کامپیوتر های با حافظه ی پایین هم اجرا کرد.

عزیزان اگر دوست داشته باشید همین ورژنی که من با آن کار می کنم را بر روی سیستم خود نصب کنید و گام های این آموزش را دقیقا با همین ورژن طی کنید یا اگر که مانند من، و به دلایل کاری، مجبورید هم با کامپیوترهای جدید و هم با کامپیوترهای قدیمی کار کنید حتما مقاله ی "ویندوز سون (Windows 7) پرسرعت و سبک، مناسب برای کامپیوترهای با حافظه ی RAM یک گیگا بایتی + نرم افزارهای کاربردی و تخصصی "را مطالعه فرمایید. در انتهای آن مقاله یک پکیج را خدمتتان عرضه کرده ایم که Visual Studio Express 2012 for Web نیز در یکی از دی وی دی های آن پکیج موجود است و شما می توانید با تهیه ی آن پکیج (با مبلغی بسیار ناچیز!)، همین ورژن از ویژوال استادیو را روی سیستم خود نصب نمایید.

مراحل کار

خب، کار را از پنل Solution Explorer شروع می کنیم، چرا که قبل از هر چیزی لازم است یک پوشه ی فرعی بنام App_Data در داخل پوشه ی اصلی وب سایت آفلاین خود داشته باشیم، شکل 1.

شکل 1. باز کردن پنل Solution Explorer

برای ایجاد شدن پوشه ی App_Data ابتدا بر روی پوشه ی پروژه در Solution Explorer راست کلیک می کنیم (در اینجا بر روی پروژه ی developer.amooz.in) و سپس میسر نشان داده شده در شکل 2 را طی می کنیم.

شکل 2. افزودن پوشه ی App_Data به وب سایت آفلاین

همانطور که در شکل 3 ملاحظه می فرمایید، پس از اینکه پوشه ای تحت عنوان App_Data درون ورژن آفلاین وبلاگ Developer ایجاد شد، من با راست کلیک بر روی پوشه ی App_Data مطابق شکل، گزینه ی Add و سپس از زیر مجموعه ی آن، گزینه ی ...Add New Item را کلیک می کنم.

شکل 3. اجرای دستور ...Add New Item برای پوشه ی App_Data

با این کار، پنجره ی Add New Item مطابق شکل 4 باز می شود. در این پنجره باید SQL Server Database را انتخاب کرده و سپس در پایین و در کادر Name یک نام برای فایل پایگاه داده ی خود (با پسوند mdf) تایپ کنیم و نهایتا دکمه ی Add را بزنیم. چنانچه می بینید، من نام AmoozinTestDB.mdf را برای پایگاه داده ی آموزشی داده ام.

شکل 4. ایجاد فایل mdf با نام دلخواه درون پوشه ی App_Data

با کلیک بر روی دکمه ی Add، پنل Database Explorer بصورت اتوماتیک و مطابق شکل 5 باز می شود (این پنل را می توانید بصورت دستی نیز با کلیک بر روی بخشی که با فلش آبی بزرگ نشان داده شده است، باز کنید). چنانچه در شکل نیز دیده می شود، پایگاه داده ی AmoozinTestDB در پنجره ی Database Explorer دیده می شود اما چنانچه فلش قرمز نیز نشان می دهد، یک علامت ضربدر قرمز رنگ کوچک بر روی آیکن آن وجود دارد. این علامت نشان می دهد که پایگاه داده ای به این نام ایجاد شده است اما وب سایت هنوز به آن متصل نیست. با کلیک بر روی دکمه ی Refresh یا همان تازه سازی، که در شکل 5 با فلش آبی کوچک آن را نشان داده ایم، این مشکل برطرف خواهد شد.

شکل 5. پایگاه داده ایجاد شده است اما هنوز به وب سایت متصل نیست

با کلیک بر روی دکمه ی Refresh علامت ضربدر قرمز رنگ پایگاه داده ی AmoozinTestDB به علامت سبز رنگی که در شکل 6 می بینید تبدیل می شود و این یعنی اتصالی بین وب سایت و پایگاه داده ایجاد شده است. دوستان توجه داشته باشید که این اتصال هر بار که پروژه را در ویژوال استادیو باز می کنید، مجددا اما با چند ثانیه تاخیر برقرار خواهد شد. بنابراین ممکن است بعضی اوقات در اولین اجرای وب سایت با پیغام خطای عدم اتصال به پایگاه داده مواجه شوید که این بار فقط با Refresh کردن مرورگر مشکل حل خواهد شد (توجه داشته باشید که این یک مشکل جدی نیست و در حالت آنلاین برای وب سایت شما رخ نخواهد داد).

شکل 6. اتصال با پایگاه داده برقرار می باشد

اکنون که پایگاه داده ای بنام AmoozinTestDB به وبلاگ Developer افزوده شد، نوبت به افزودن جداول می رسد اما از آنجایی که هدف آموزش می باشد، ما فقط یک جدول را به این پایگاه داده خواهیم افزود. برای این کار مطابق شکل 7، بر روی پوشه ی Tables از زیر مجموعه ی پایگاه داده راست کلیک کرده و گزینه ی Add New Table را کلیک می کنیم.

شکل 7. افزودن یک جدول جدید به پایگاه داده

با این کار، جدول جدید ما در نمای طراحی و مطابق با شکل 8 نمایش داده خواهد شد. فلش آبی رنگ در این شکل نشان می دهد که نام سرور پایگاه داده (LocalDB)\v11.0 و همچنین نام Userی که مجاز به کار با این پایگاه داده است Ghanbari می باشد. این اطلاعات زمانیکه قصد داریم از طریق برنامه نویسی و درون کدها با پایگاه داده اتصال برقرار کنیم، باید در داخل Connection String یا داخل فایل Web.config درج شوند. البته اگر در این زمینه تجربه ی کافی را ندارید، نگران نباشید، جلوتر در همین مقاله روش این کار را خواهید دید اما فعلا بدانید که این اطلاعات مهم هستند. نکته ی مهمی هم که در اینجا باید به آن اشاره کنم این است که نام سرور پایگاه داده ی (LocalDB)\v11.0 مختص Visual Studio Express 2012 for Web است و چنانچه شما از ورژن دیگری از ویژوال استادیو استفاده می کنید، این نام متفاوت خواهد بود مثلا نام سرور در Visual Studio 2010 بصورت SQLEXPRESS\. می باشد و در بعضی از ورژن های ویژوال استادیو، این نام فقط LocalDB یا Local می باشد. پس نام سرور پایگاه داده ی مربوط به ویژوال استادیوی خود را از محل نشان داده شده و یا از طریق جستجو در گوگل یاد بگیرید چون بعدا به آن نیاز پیدا خواهید کرد.

نام User هم که در این مورد Ghanbari بود، از نام Userی گرفته شده است که برای خود ویندوز تعریف کرده ایم. یعنی از آنجاییکه من هنگام نصب ویندوز، نام خانوادگی خودم، Ghanbari را بعنوان User وارد کرده ام، ویژوال استادیو نیز برای اتصال به پایگاه داده ی محلی، از همین نام کاربری استفاده خواهد کرد. پس شما هم دقت کنید که نام User در کامپیوتر شما چیست. این نام را بعدا در کدهای برنامه استفاده خواهید کرد. مسلما اگر شما هم مثل من، نام را Ghanbari وارد کنید با پیغام خطا مواجه خواهید شد ;)

شکل 8. جدول جدید در نمای طراحی

خب دوستان امیدوارم تا اینجای کار خسته نشده باشید (... Otherwise listen to a music). همانطور که در شکل 8 هم ملاحظه کردید، یک جدول جدید در نمای طراحی باز شد بطوریکه نام آن Table است و بصورت پیش فرض یک فیلد عددی دارد (فیلد شماره ی شناسایی یا همان Id که کلید اصلی جدول نیز می باشد). پس چنانچه در شکل 9 ملاحظه می فرمایید، من نام جدول را به AmoozinTestTable01 تغییر داده و یک فیلد دیگر بنام CityName به آن می افزایم (نشان داده شده با فلش آبی رنگ). دوستان توجه داشته باشید، برای اینکه تغییرات ایجاد شده را در بانک اطلاعات اعمال کنیم، نهایتا لازم است که دکمه ی Update که با فلش قرمز رنگ مشخص شده است را کلیک کنیم.

شکل 9. انجام تفییرات در جدول و زدن دکمه ی Update

با کلیک بر روی دکمه ی Update در شکل 9، کادری همانند شکل 10 ظاهر می شود که باید در آن دکمه ی Update Database را کلیک کنیم.

شکل 10. تایید بروزرسانی پایگاه داده

چنانچه به پنل Database Explorer مراجعه کنیم، ممکن است تغییرات انجام شده را مشاهده نکنیم، که این حالت با کلیک بر روی آیکن Refresh بر طرف خواهد شد (فلش آبی رنگ، شکل 11). شکل 11 نشان می دهد که پس از Refresh، تغییرات اعمال شده در پایگاه داده در پنل Database Explorer قابل مشاهده می گردد (فلش قرمز رنگ).

شکل 11. وضعیت جدید پایگاه داده

تا این نقطه، من در ورژن آفلاین وبلاگ Developer، یک پایگاه داه ی محلی ایجاد کرده ام که در داخل خود یک جدول نیز دارد. اما جدول مذکور هنوز خالی است و هیچ داده ای در خود ندارد. بالاتر گفته بودم که روش اجرای دستی Query (پرس و جو) را بر روی پایگاه داده بررسی خواهیم کرد، پس وقت آن است که روش انجام کار را خدمتتان نشان دهم. در Database Explorer بر روی جدول مورد نظر راست کلیک کرده و از منوی باز شده گزینه ی New Query را کلیک می کنیم، شکل 12.

شکل 12. ایجاد یک Query جدید

با این کار، مطابق شکل 13، یک ادیتور در اختیار ما قرار می گیرد که بتوانیم کدهای SQL را تایپ کنیم. من با این Qurey، نام سه شهر میاندوآب، ارومیه و تبریز را به همراه کدهای 1 و 2 و 3 در جدول درج خواهم کرد. برای تکمیل شدن این درخواست، باید روی علامت نشان داده شده با فلش قرمز رنگ کلیک کنیم. با این کار Query اجرا می شود (در صورت بروز خطا لازم است که ابتدا کدها تصحیح شوند).

شکل 13. درج اطلاعات سه شهر در جدول

با اجرای Query، سه رکورد در جدول درج خواهد شد. برای اینکه بتوانم نتیجه ی کار را ببینم، مطابق شکل 14، مجددا بر روی جدول AmoozinTestTable01 راست کلیک می کنم و این بار گزینه ی Show Table Data را انتخاب می کنم. با این دستور خواهیم توانست محتوای جدول را مشاهده کنیم.

شکل 14. صدور دستور نمایش محتوای جدول

خب، سه رکورد درج شده در جدول، در شکل 15 دیده می شوند.

شکل 15. محتوای جدول AmoozinTestTable01

دوستان خسته نباشید. ما تا این لحظه توانستیم یک پایگاه داده ی محلی به وب سایت خود بیافزاییم. درواقع، بصورت فیزیکی، دو عدد فایل به وب سایت افزوده شده است. چنانچه در شکل 16 دیده می شود، این دو فایل را می توان در پنل Solution Explorer مشاهده کرد. یکی از فایل ها با پسوند mdf می باشد که درواقع فایل اصلی پایگاه داده ی SQL Server است و فایل دیگر دارای پسوند ldf است که در حکم فایل کمکی می باشد.

شکل 16. مشاهده ی فایل های پایگاه داده ی محلی در Solution Explorer

همچنین اگر من داخل فلش مموری، پوشه ی وبلاگ Developer آفلاین را باز کنم، در زیر پوشه ی App_Data نیز می توانم دو فایل پایگاه داده ی آفلاین را مشاهده کنم، شکل 17.

شکل 17. دو فایل پایگاه داده ی محلی در داخل وبلاگ آفلاین

اما چگونه می توان با برنامه نویسی و از طریق کدهای #C با این پایگاه داده ی محلی ارتباط برقرار کرد و از داده های آن در وب سایت بهره برد؟ برای پاسخ به این سوال، در ادامه خواهید دید که چگونه می شود با کدنویسی، نام شهری که کد آن برابر با عدد یک است را از پایگاه داده خواند و در بالای صفحه ی وبلاگ نشان داد. من برای نشان دادن چگونگی کار، از یک تگ div در بالاترین بخش وبلاگ Developer بصورت کد HTML شکل 18 استفاده می کنم.

شکل 18. کد HTML افزوده شده به بالای صفحه ی وبلاگ

در بخش کد صفحه، ابتدا دو کتابخانه ی نشان داده شده در شکل 19 را می افزایم. این کتابخانه ها برای نوشتن کدهایی که با پایگاه داده ی SQL ارتباط برقرار می کنند، ضروری هستند.

شکل 19. کتابخانه های لازم برای ارتباط با پایگاه داده ی SQL

سپس کدهای شکل 20 به روال Page_Load صفحه افزوده می شوند. در سطر هفتم، مقابل Data Source نام سرور پایگاه داده، که بالاتر درباره ی آن صحبت کرده بودیم، را می بینید. هرچند که بخاطر استفاده از دستور Integrated Security = true در همین سطر، نیازی به تعیین نام کاربر نبوده است.

شکل 20. کدهای لازم برای جستجوی پایگاه داده به دنبال نام شهری که دارای کد 1 است.

و نهایتا در شکل 21 مشاهده می کنید که نام شهر مورد نظر از پایگاه داده خوانده شده و در بالای صفحه ی وبلاگ Developer به نمایش در می آید، یعنی نام شهر ما ;)

شکل 21. نمایش داده ای که از پایگاه داده خوانده شده است

خب دوستان خسته نباشید. می خواهم مطالب مقاله را در همینجا ببندم اما فقط دقت داشته باشید که قصد من در این مقاله، بررسی عمقی دستورات و کدهای مورد نیاز برای ارتباط با پایگاه داده نبود و به همین خاطر فقط اشاره وار از روی آن بخش ها گذشتم. درواقع هدف این مقاله بیشتر نشان دادن چگونگی افزودن یک پایگاه داده ی محلی به ورژن آفلاین وب سایت بود. هر چند که در آینده، در مقالات دیگر کدها را نیز موشکافی خواهیم کرد. دوستان، حتما می دانید که شبکه های اجتماعی ما در حکم خبرنامه های وب سایت آکسفورد پلاس و مقالات و پروژه های مرتبط هستند. با عضویت در یکی از آنها (اطلاعات در پایین همین صفحه) در جریان انتشار مقالات، بروز رسانی های مطالب و اخبار ما قرار بگیرید.

شاد و پیروز باشید.

مدیریت وبسایت آکسفورد پلاس.

نوشته شده توسط: مهندس عبدالرضا قنبری
تعداد بازدیدها: 1995

تاریخ های بروز رسانی این صفحه

  • 10 March 2018 - 1396/12/19
  • 09 March 2018 - 1396/12/18
  • 08 March 2018 - 1396/12/17
  • 06 March 2018 - 1396/12/15
  • 05 March 2018 - 1396/12/14
  • 03 March 2018 - 1396/12/12

شما در این بخش می توانید نظر خود را به گوش نویسندۀ مطالب این صفحه برسانید. نظرات شما برای ما ارزشمند هستند:

نام شما (اختیاری):
آدرس ایمیل شما (اختیاری):
توجه: آدرس ایمیل شما بصورت محرمانه، محفوظ نگه داشته خواهد شد و صرفا از آن برای اطلاع رسانی به شما در مورد نتیجۀ پاسخ گویی به نظرتان و احیانا ارسال خبرنامه های وبسایت مان یعنی آکسفورد پلاس استفاده خواهد شد، بطوریکه شما هر لحظه می توانید آن را غیرفعال کنید.
نظر ارزشمند شما:

فرآیند امنیتی: لطفا قبل از ارسال نظر، مجموع دو عدد 16 و 9 را در کادر مقابل بنویسید:
About Us

Oxford Plus (O+) website v6.1
Powered by ContentO Plus v3.1