بررسی اجمالی
بخش های وب سرویس گیرنده SharePoint Framework با استفاده از TypeScript و هر چارچوب جاوا اسکریپت پشتیبانی می شود (به عنوان مثال React، Angular، KnockOut و غیره). راه حل SPFx یک ساختار اساسی برای شروع توسعه فراهم می کند. با این حال، ما می توانیم یک گام جلوتر برای اجرای بهترین شیوه ها برداریم.
در این مقاله، چگونگی پیادهسازی اصل جداسازی نگرانیها (SoC) را در راهحل شیرپوینت فریمورک بررسی خواهیم کرد.
بررسی اجمالی جدایی نگرانی ها (SoC).
جداسازی نگرانی ها یک اصل طراحی برای تفکیک برنامه (یا راه حل) ما به یک بخش مجزا است که در آن، هر بخش به یک نگرانی جداگانه می پردازد.
یک کد به بخش هایی تقسیم می شود که هر کدام مسئول عملکرد خود هستند (مثلاً منطق تجاری، منطق ارائه، رابط کاربری و غیره).
![SharePoint Framework - پیاده سازی جداسازی نگرانی ها (SoC)](http://pezhvak24.ir/dl/10kcor/cscd/article/sharepoint-framework-implementing-separation-of-concerns-soc/Images/SharePoint Framework Implementing Separation of Concerns1.png)
هر بخش مستقل است و نیازی به دانستن درونیات بخش دیگر ندارد. آنها فقط باید بدانند که چگونه با انتقال یک اطلاعات خاص با یکدیگر ارتباط برقرار کنند و به نتیجه دلخواه برسند.
مزایای
- نگهداری هر بخش آسان تر است
- هر بخش را می توان به راحتی واحد آزمایش کرد
- هر بخش را می توان در صورت نیاز بازنویسی کرد، بدون اینکه بر بخش های دیگر تأثیر بگذارد
در یک راه حل SPFx، می توانیم به هر بخش به عنوان یک سرویس اشاره کنیم.
سناریوی SoC بسازید
در این مقاله، از OrgChart مبتنی بر React که در مقاله قبلی
پیادهسازی شده بود، دوباره استفاده خواهیم کرد . برای شروع پیاده سازی SoC کد منبع را از مقاله قبلی دانلود کنید.
پیادهسازی شده بود، دوباره استفاده خواهیم کرد . برای شروع پیاده سازی SoC کد منبع را از مقاله قبلی دانلود کنید.
کامپوننت React OrgChartViewer.tsx در \src\webparts\orgChartViewer\components\ دارای تمام منطق دسترسی به داده، تجارت و ارائه است. برای توسعه یک بخش مستقل، پیاده سازی توسط خدمات را آغاز خواهیم کرد.