طراحي سايت | فروشگاه ساز طراحي سايت | فروشگاه ساز .

طراحي سايت | فروشگاه ساز

طراحي وب سايت با MVC و مزيت آن

امروز در دنياي اينترنت، وب سايت ها بيشتر تمايل به تعاملي بودن، پويايي و كاركردن دارند. آنها مي توانند چيزي بيشتر از يك صفحه HTML و CSS استاتيك باشند. در اينجا اين مدل از الگو معماري (MVC (Model View Controller در طراحي وب سايت آمده است. 

معرفي الگو معماري MVC

تعامل كاربري امكان استفاده از مواردي را فرآهم مي كند كه تنها با ايجاد يك صفحه استاتيك لود شده امكان پذير نيست. به همين دليل، در طراحي وب سايت مدرن، مهم است كه بدانيم چگونه صفحات پويا ايجاد مي شوند. شايد كليد آن آشنايي با الگوي معماري MVC است. اگر شما در توسعه وب يك مبتدي هستيد، كلمات مانند "الگوي معماري" ممكن است به نظر بسيار پيچيده و انتزاعي باشند. اما ايده كلي MVC واقعا بسيار شهودي است. ما در اين مقاله آن را توضيح خواهيم داد.

آيا درك MVC مهم است؟

پاسخ به اين سوال در ذهن من، بله است.

درك MVC مهم است زيرا اين ساختار اصلي است كه اكثر برنامه هاي كاربردي وب بر روي آن ساخته شده اند. همين امر براي برنامه هاي موبايل و برنامه هاي دسكتاپ نيز صادق است.

تغييرات زيادي در مورد ايده اوليه MVC وجود دارد. اين مفهوم اوليه در سال 1978 توسط "Trygve Reenskaug" در "Xerox PARC" ايجاد شد. اين الگو جهت كمك به كاربر نهايي و كنترل سيستم كامپيوتري به صورت بصري تعيين شده بود.

MVC اين كار را از طريق ايجاد تعامل كابري به واسطه رابط كاربري انجام مي دهد. اين كار اجازه دستكاري و كنترل بر روي سيستم را مي دهد.

طراحي وب MVC 

ساختار MVC

كنترلر (Controller)

كنترلر (Controller) درخواست هاي ورودي را مديريت مي كند. در يك وب فريم ورك، اين نشان دهنده URL هايي خاصي است كه به ويژگي خاصي كه درخواست هاي شما را مي سازد، اشاره مي كند.

URL هاي نمونه
website.com/profile -> مشخصات شما را باز مي گرداند.
website.com/friends -> ليستي از دوستان را بازخواني مي كند.
{website.com/friend={userName -> فرد خاصي را باز مي گرداند.

مدل (Model)

مدل در واقع همان چيزي است كه داده هاي شما را كه در بخش بك اند سايت قرار دارند نمايش مي دهد. مثل: 

User:
- userName
- firstName
- lastName
- friends

View

اين يك قالب HTML است كه تمامي درخواست هاي شما را باز مي گرداند. اگر درخواست موفق باشد، شما بايد يك صفحه از دوستان خود دريافت كنيد. در غير اين صورت، ممكن است يك صفحه 404 «يافت نشد» دريافت كنيد. مانند:


      
  • دوست 1: {friendList [0] .userName}
      
  • دوست 2: {friendList [1] .userName}
      
  • دوست 3: {friendList [2] .userName}
       ...

    هنگامي كه با يك سيستم ارتباط برقرار مي كنيد، معمولا قادر به ايجاد، بازگرداندن، به روز رساني و حذف اشيا در پايگاه داده هاي اصلي هستيد. اين اغلب به "CRUD" مربوط است. در اينجا، ما به بازيابي داده ها نگاه مي كنيم.

    من در اينجا توضيح دادم كه چگونه يك كاربر مي تواند داده ها را در پايگاه داده تغيير دهد. معمولا، شما مي توانيد چيزهايي را در يك وب سايت اضافه، به روزرساني و يا حذف كنيد.

    قابليت هاي ساختار MVC نيز تقريبا مشابه همان چيز هايي است كه در بالا توضيح داده شد. تفاوت اين است كه داده هاي شما به درخواست شما به كنترلر متصل مي شود.

    مزيت هاي استفاده از MVC در طراحي سايت

    • طراحي وب سايت با سرعت بيشتري صورت خواهد گرفت
    • شما مي توانيد چندين View براي سايت خود داشته باشيد
    • اصول سئو و بهينه سازي وب سايت با دقت بيشتري انجام مي گردد
    • طراحي وب سايت به صورت اصولي تر و مفهومي تر
    • تيم ورك بهتر و مديريت دقيق تر پروژه
    • ايجاد يك ساختار قدرتمند براي پردازش درخواست هاي وب سايت شما

    اميدوارم كه شما درك دقيق تري از معماري MVC و چگونگي كاركرد آن را به دست آورده باشيد.

    اگر فكر مي كنيد اين توضيح مفيد بود، يا هر گونه سوال يا فكر در مورد چگونگي بهبود اين مقاله، لطفا نظر خود را ارسال كنيد!

    ترجمه از سايت medium.freecodecamp

 


برچسب: ،
امتیاز:
 
بازدید:
+ نوشته شده: ۱۶ مرداد ۱۳۹۷ساعت: ۰۵:۳۲:۰۵ توسط:قانميلن موضوع:

{COMMENTS}
ارسال نظر
نام :
ایمیل :
سایت :
آواتار :
پیام :
خصوصی :
کد امنیتی :