چندی قبل مطلب « نمایش تاریخ شمسی توسط JavaScript در AngularJS » را در این سایت مطالعه کردید. در اینجا قصد داریم معادل Angular آنرا تهیه کنیم (واژهی AngularJS به نگارشهای 1x اشاره میکند و Angular به تمام نگارشهای پس از 2).
نصب پیشنیازهای کار با moment-jalaali
ابتدا نیاز است بستهی npm این کتابخانه را نصب کنیم که به همراه فایلهای js مرتبط با آن میباشد: npm install moment-jalaali --save
سپس جهت ب ...
در قسمت قبل ، کار پیاده سازی سمت سرور نمایش اطلاعات یک گرید، به پایان رسید. در این قسمت میخواهیم از سمت کلاینت، اطلاعات صفحه بندی و مرتب سازی را به سمت سرور ارسال کرده و همچنین نتیجهی دریافتی از سرور را نمایش دهیم. پیشنیازهای نمایش اطلاعات گرید به همراه صفحه بندی اطلاعات
در مطلب « Angular CLI - قسمت ششم - استفاده از کتابخانههای ثالث » نحوهی نصب و معرفی کتابخانهی ngx-bootstrap را بررسی کردیم. دقیقا همان مراح ...
یکی از نیازهای مهم هر برنامهای، امکانات گزارشگیری و نمایش لیستی از اطلاعات است. به همین جهت در طی چند قسمت، قصد داریم یک گرید ساده را به همراه امکانات نمایش، صفحه بندی و مرتب سازی اطلاعات، تنها به کمک امکانات توکار Angular و ASP.NET Core تهیه کنیم.
تهیه مقدمات سمت سرور
مدلی که در تصویر فوق نمایش داده شدهاست، در سمت سرور چنین ساختاری را دارد: namespace AngularTemplateDrivenFormsLab.Models
{
p ...
این کد بد بو در دسته « بد استفاده کنندگان از شیء گرایی » قرار میگیرد. زمانیکه گذارههای switch و یا دنبالهای از گذارههای if در کد وجود داشته باشد، معمولا با چنین الگویی روبرو هستیم. تشخیص این کد بد بو نیز بسیار آسان است. در شرایط نادری استفاده از switch میتواند یک طراحی شیء گرای مناسب باشد. در طراحی شیء گرا معمولا یک گذاره switch نشان دهنده یک رابطه چند ریختی (Polymorphism) نادیده گرفته شده است. معمولا زمانیکه بجای استفاده از اص ...
سناریویی را در نظر بگیرید که در آن بعد از احراز هویت کاربر، لیست دسترسیهایی را که کاربر به بخشهای مختلف خواهد داشت، از سرور دریافت میکند. به عنوان مثال کل دسترسیهای موجود در سیستم به شرح زیر است: ViewUsers CreateUser EditUser DeleteUser حالا فرض کنید، کاربر X بعد از احراز هویت، از لیست دسترسیهای موجود، تنها دسترسی ViewUsers و EditUser را دریافت میکند. یعنی تنها مجاز ب ...
پیشتر مطلب « افزودن هدرهای Content Security Policy به برنامههای ASP.NET » را در این سایت مطالعه کردهاید. در اینجا قصد داریم معادل آنرا برای ASP.NET Core تهیه کرده و همچنین نکات مرتبط با برنامههای Angular را نیز در آن لحاظ کنیم. تهیه میان افزار افزودن هدرهای Content Security Policy
کدهای کامل این میان افزار را در ادامه مشاهده میکنید: using System.Threading.Tasks;
using Microsoft.AspNetCore.Builder;
using Micr ...
در مطلب « بررسی روش آپلود فایلها از طریق یک برنامهی Angular به یک برنامهی ASP.NET Core » روش عمومی آپلود فایلها را بررسی کردیم. آن مطلب وابستگی به کامپوننت خاصی ندارد و عمومی است. در مطلب جاری میخواهیم روش دیگری را مبتنی بر کامپوننت ng2-file-upload بررسی کنیم که به همراه نمایش درصد پیشرفت ارسال فایلها، امکان انتخاب بهتر نوع فایلهای آپلودی و همچنین امکان مشاهدهی لیست کامل فایلهای انتخاب شده و امکان حذف مواردی از آن، پیش از ارسال ...
در پروژه angular2-validations ، یک نمونه پیاده سازی اعتبارسنجی از راه دور یا RemoteValidation را میتوانید مشاهده کنید. این پیاده سازی مبتنی بر Promiseها است. در مطلب جاری پیاده سازی دیگری را بر اساس Observableها مشاهده خواهید کرد و همچنین ساختار آن شبیه به ساختار remote validation در ASP.NET MVC و jQuery Validator طراحی شدهاست.
نگاهی به ساختار طراحی اعتبارسنجی از راه دور در ASP.NET MVC و jQuery Validator
در ن ...
پیشنیازها
« بررسی روش آپلود فایلها در ASP.NET Core »
« ارسال فایل و تصویر به همراه دادههای دیگر از طریق jQuery Ajax »
- در مطلب اول، روش دریافت فایلها از کلاینت، در سمت سرور و ذخیره سازی آنها در یک برنامهی ASP.NET Core بررسی شدهاست که کلیات آن در اینجا نیز صادق است.
- در مطلب دوم، روش کار با FormData استاندارد بررسی شدهاست. هرچند در مطلب جاری از jQuery استفاده نمیشود، اما ...
ماژول Http در Angular، برای برقراری ارتباط بین کلاینت و سمت سرور، مورد استفاده قرار میگیرد. معمولا هنگام ساخت درخواستهای Http، یکسری کدهای تکراری برای تنظیم هدر (برای اعتبارسنجی و همچنین تنظیمات دیگر) نوشته میشوند که در هر درخواست یکسان هستند. همچنین بعد از آمدن جواب (Response) از سمت سرور نیز یکسری کدهای تکراری جهت برسی کد response و یا تغییر فرمت اطلاعات رسیده، به ساختار مورد توافق نوشته خواهند شد.
برای مثال در ...