یونس ابراهیمی
دوشنبه 11 اسفند 1393, 10:00 صبح
در این آموزش یکی از پست های سایت w3-farsi (http://www.w3-farsi.com) رو برای شما دوستان گذاشتم. امیدوارم که به دردتون بخوره.
شاید برای شما پیش آمده باشد که در طول برنامه، کدهای تکراری را چندین بار نوشته باشید. Code Snippet قابلیتی در دات نت است که شما را از شر تکرار رها می کند. این کدها با نوشتن نام کد و سپس زدن دوبار بر روی دکمه Tab تکمیل می شوند. مثلا حلقه for را در نظر بگیرید. وقتی که شما کلمه for را تایپ می کنید و بر روی دکمه Tab دوبار کلیک می کنید کل بلوک for به طور خودکار تکمیل می شود :
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-0001.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-0001.png)
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-0002.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-0002.png)
ایجاد Code Snippet حال فرض کنید که شما کدی دارید که دارای قسمت های ثابتی است و نمی خواهید هر سری آنها را بنویسید. راه حل جلوگیری از این تکرار استفاده از Code Snippet است. برای ایجاد یک Code Snippet سفارشی مراجل زیر را طی کنید :
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-001.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-001.png)
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-002.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-002.png)
در مرحله بعد بر روی قسمت سفیدی از صفحه راست کلیک کرده و گزینه Insert snippet را انتخاب کنید:
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-003.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-003.png)
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-004.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-004.png)
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-005.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-005.png)
حال به توضیح قسمت های زرد رنگ شکل بالا می پردازیم. برای درک بهتر کاربرد این تگ ها به شکل های زیر توجه کنید :
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-1111.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-1111.png)
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-1112.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-1112.png)
اگر فلش ماوس را بر روی قسمت هایی که رنگ پس زمینه آنها زرد است قرار دهید توضیحاتی که در قسمت Literal درباره هر کدام نوشته اید نمیش داده می شوند :
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-1113.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-1113.png)
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-1114.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-1114.png)
اشکال بالا آنقدر گویا هستند که نیاز به توضیح نباشد.اگر به یکی از خرده کدهای پیشفرض سی شارپ مثلا همین prop توجه کنید بعد از زدن دوبار دکمه Tab می توانید با زدن دکمه Tab به قسمت های مختلف بروید و آنها را تغییر دهید. این کار برای صرفه جویی در وقت است. برای اضافه کردن این قابلیت هم کافیست مقدار تگ ID قسمتی را که می خواهید با زدن دکمه Tab به صورت هایلایت در آید در داخل دو علامت $ قرار دهید مانند type و property در خرده کد prop :
public $type$ $property$ { get; set; }
حال همین تگ ها را در خرده کد خودمان به صورت زیر تغییر دهید :
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-0020.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-0020.png)
سپس نوبت به نوشتن کد تکراری می رسد. این کد را به صورت زیر در داخل <![CDATA[ ]]> می نویسیم و قسمت language را به CSharp تغییر می دهیم:
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-0022.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-0022.png)
حال نوبت به ذخیره فایل می رسد. به یک نکته خیلی مهم توجه کنید که فایلی را که ایجاد کرده اید حتما باید با پسوند snippet. به صورت زیر ذخیره شود :
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-007.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-007.png)
استفاده از Code Snippet برای استفاده از خرده کد فرض را بر این می گذاریم که شما یک برنامه ویندوزی جدید ایجاد کرده اید و می خواهید از خرده کدی که قبلا ایجاد کرده اید استفاده کنید. برای این کار به صورت زیر عمل کنید :
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-008.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-008.png)
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-009.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-009.png)
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-010.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-010.png)
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-011.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-011.png)
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-012.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-012.png)
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-013.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-013.png)
شاید برای شما پیش آمده باشد که در طول برنامه، کدهای تکراری را چندین بار نوشته باشید. Code Snippet قابلیتی در دات نت است که شما را از شر تکرار رها می کند. این کدها با نوشتن نام کد و سپس زدن دوبار بر روی دکمه Tab تکمیل می شوند. مثلا حلقه for را در نظر بگیرید. وقتی که شما کلمه for را تایپ می کنید و بر روی دکمه Tab دوبار کلیک می کنید کل بلوک for به طور خودکار تکمیل می شود :
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-0001.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-0001.png)
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-0002.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-0002.png)
ایجاد Code Snippet حال فرض کنید که شما کدی دارید که دارای قسمت های ثابتی است و نمی خواهید هر سری آنها را بنویسید. راه حل جلوگیری از این تکرار استفاده از Code Snippet است. برای ایجاد یک Code Snippet سفارشی مراجل زیر را طی کنید :
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-001.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-001.png)
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-002.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-002.png)
در مرحله بعد بر روی قسمت سفیدی از صفحه راست کلیک کرده و گزینه Insert snippet را انتخاب کنید:
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-003.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-003.png)
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-004.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-004.png)
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-005.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-005.png)
حال به توضیح قسمت های زرد رنگ شکل بالا می پردازیم. برای درک بهتر کاربرد این تگ ها به شکل های زیر توجه کنید :
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-1111.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-1111.png)
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-1112.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-1112.png)
اگر فلش ماوس را بر روی قسمت هایی که رنگ پس زمینه آنها زرد است قرار دهید توضیحاتی که در قسمت Literal درباره هر کدام نوشته اید نمیش داده می شوند :
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-1113.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-1113.png)
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-1114.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-1114.png)
اشکال بالا آنقدر گویا هستند که نیاز به توضیح نباشد.اگر به یکی از خرده کدهای پیشفرض سی شارپ مثلا همین prop توجه کنید بعد از زدن دوبار دکمه Tab می توانید با زدن دکمه Tab به قسمت های مختلف بروید و آنها را تغییر دهید. این کار برای صرفه جویی در وقت است. برای اضافه کردن این قابلیت هم کافیست مقدار تگ ID قسمتی را که می خواهید با زدن دکمه Tab به صورت هایلایت در آید در داخل دو علامت $ قرار دهید مانند type و property در خرده کد prop :
public $type$ $property$ { get; set; }
حال همین تگ ها را در خرده کد خودمان به صورت زیر تغییر دهید :
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-0020.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-0020.png)
سپس نوبت به نوشتن کد تکراری می رسد. این کد را به صورت زیر در داخل <![CDATA[ ]]> می نویسیم و قسمت language را به CSharp تغییر می دهیم:
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-0022.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-0022.png)
حال نوبت به ذخیره فایل می رسد. به یک نکته خیلی مهم توجه کنید که فایلی را که ایجاد کرده اید حتما باید با پسوند snippet. به صورت زیر ذخیره شود :
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-007.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-007.png)
استفاده از Code Snippet برای استفاده از خرده کد فرض را بر این می گذاریم که شما یک برنامه ویندوزی جدید ایجاد کرده اید و می خواهید از خرده کدی که قبلا ایجاد کرده اید استفاده کنید. برای این کار به صورت زیر عمل کنید :
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-008.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-008.png)
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-009.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-009.png)
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-010.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-010.png)
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-011.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-011.png)
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-012.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-012.png)
http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-013.png (http://www.w3-farsi.com/wp-content/uploads/2015/03/Code-Snippt-in-Csharp-013.png)