Angular Material ۲، کامپوننتهای طراحی متریال (Material Design) را برای برنامههای انگیولار ۲ فراهم میآورد. هدف Angular Material ۲ ارائه مجموعهای از کامپوننتهای واسط کاربری با طراحی متریال (Material Design)، برای ساخت برنامههایی توسط انگیولار ۲ و تایپ اسکریپت است. در این مقاله مراحل پیاده سازی یک پروژه انگیولار ۲ را که واسط کاربری آن از طراحی متریال بهره میبرد، دنبال خواهیم کرد. * نکته: پروژه انگیولار متریال ۲ در زمان نوشتن ...
Page یا «صفحه» در Razor، یکی از ویژگیهای جدید در ASP.NET Core MVC است که تمرکز کدنویسی را بر روی صفحات قرار میدهد و این موجب راحتی کدنویسی و بالارفتن راندمان میشود. این «صفحات» نیازمند استفاده از نسخۀ ASP.NET Core 2.0.0 و نسخههای بعد از آن هستند که در Visual Studio 2017 Update 3 و نسخههای بعدی در دسترس است. «صفحات» Razor بهطور پیشفرض در MVC در دسترس است و کافیست در فایل Startup.cs، «صفحات» Razor فعال شو ...
DebuggerStepThroughAttribute ویژگی DebuggerStepThroughAttribute باعث میشود که در زمان دیباگ کردن کد، با کلید F11، متدهایی که این ویژگی را دارند، بدون رفتن به داخل متد (همانند دیباگ با کلید F10 عمل میکند، به جز زمانی که در داخل متد break point گذاشته باشید) ، تنها اجرا میشوند. به مثال زیر توجه کنید: class Program
{
public static void Main(string[] args)
{
DebuggerStep ...
در این مطلب مثالی را در مورد نحوهی تنظیمات یک پروژهی خالی ASP.NET Core، جهت استفادهی از یک پروژهی Angular CLI قرار گرفتهی در پوشهی آنرا بررسی خواهیم کرد.
پیشنیازها
- مطالعهی سری کار با Angular CLI خصوصا قسمت نصب و قسمت ساخت برنامههای آن، پیش از مطالعهی این مطلب ضروری است.
- همچنین فرض بر این است که سری ASP.NET Core را نیز یکبار مرور کردهاید و با نحوهی برپایی یک برنامهی MVC آن و ارائه ...
میخواهیم زمان نمایش اولین قالب برنامه را به حداقل برسانیم تا تاثیر روانی بهتری را بر روی کاربرانی که برنامه را اجرا میکنند، بگذاریم. برای این منظور در Angular، از Lazy loading استفاده میشود. همچنین این فریم ورک به همراه قابلیت پیش بارگذاری ماژولها نیز هست تا سایر مسیرهای درخواستی را نیز با سرعت هرچه تمامتر نمایش دهد.
زمانیکه کاربری برنامهی تک صفحهای وب را در مرورگر باز میکند، ابتدا فایل index.html را در پاسخ دریافت خواهد ک ...
جهت مقاصد امنیتی، اعتبارسنجی کاربران و یا تحت نظر قرار دادن مسیرها، نیاز است بتوان بررسی کرد که آیا پیمایش یک مسیر، مجاز است یا خیر؟ برای پیاده سازی یک چنین ویژگیهایی در Angular، مفهوم Route Guards یا محافظهای مسیرها پیش بینی شدهاست که شامل چندین نوع محافظ میشوند:
- canActivate : جهت محافظت دسترسی به یک مسیر
- canActivateChild: برای محافظت دسترسی به یک Child Route
- canDeactivate : برای جلوگیری کردن ...
در قسمت قبلی با معماری CQRS و Event Sourcing بصورت مختصر آشنا شدیم. برای درک بیشتر مطلب پیشین، احتیاج به پیاده سازی آن به صورت عملیاتی و نه فقط تئوری محض میباشد و در این مرحله قصد پیاده سازی این مدل را به سادهترین صورت ممکن داریم. برای مطالعهی ادامهی این مقاله، نیاز به آشنایی با مباحث مطرح شده در قسمت قبل وجود دارد. پس از توضیحات اضافه بر روی قسمتهای زیر گذشته و فرض بر آن است که آشنایی با این قسمتها وجود دارد. از این مدل میتوان در ...
به چندین مسیر که در یک زمان و در یک سطح، نمایش داده میشوند، مسیرهای ثانویه (secondary routes) گفته میشوند و برای ساخت رابطهای کاربری پیچیده مفید هستند. از آنها میتوان برای نمایش چندین پنل در یک صفحه استفاده کرد که هر کدام دارای محتوایی متفاوت، به همراه مسیریابی مستقل و خاص خودشان هستند؛ مانند ساخت یک صفحهی مدیریتی. هرچند میتوان این صفحهی مدیریتی را با درج مستقیم کامپوننتهای آنها در یک صفحه نیز نمایش داد، اما اگر هر کدام نیاز به م ...
در این قسمت ویژگیهای بصری را مانند مشخص سازی مسیر انتخاب شده، در منوی سایت و همچنین نمایش «لطفا منتظر بمانید» را در حین نمایش قسمتهایی که با تاخیر از سرور دریافت میشوند، پیاده سازی خواهیم کرد.
تزئین مسیر انتخاب شده در منوی سایت
برای بهبود ظاهر برنامه نیاز است منوی سایت را به نحوی تغییر دهیم که مشخص کند، اکنون کاربر کدام گزینه را انتخاب کردهاست. این مورد شامل سلسه مراتب مسیریابیها نیز میشود؛ برای مثال فعالسازی ...
همانطور که در قسمت قبل مشاهده کردیم، از تعریف Child Routes برای میسر ساختن نمایش قالبهای کامپوننتها، در درون سایر قالبهای کامپوننتها، استفاده میشود. برای نمونه قالبهای برگههای یک فرم ویرایش اطلاعات را با تعریف یک router-outlet دیگر، در درون قالب والد آنها نمایش دادیم. اما شاید بخواهیم کار گروه بندی مسیریابیها را بدون افزودن یک router-outlet دیگر انجام دهیم. برای این منظور میتوان مسیریابیهای کامپوننتهای نمایش لیست محصولات، جز ...