انچه یاد میگیرم

به اشتراک میگذارم

استفاده جدید تصاویر در CSS با استفاده از image-set

عملکرد  image-set   که در CSS  از سال 2012 در مرورگرهای مبتنی بر Chromium و از سافاری از نسخه 6 پشتیبانی می شود. پشتیبانی اخیراً در Firefox 88 انجام شد. در این نقاله قصد داریم ببینم چه کارهایی با ()image-set میتوانیم انجام دهیم و چه کارهایی نمی توانیم انجام دهیم.

استفاده از JQueryTableیا همان dataTable در Razor Pages

زیاد به افزونه های .net core  توجهی نمیکنم ، تجربه تا اینجا گفته عموما  استفاد از ابزارهای داخلی خود .netcore  راحت تر خواهد بود و در میان راه دست ادمو توی حنا نمیگذاره،

تصمیم گرفتن در یکی از پروژه ها از .jQuery Datatable  استفاده کنم 

پروژه معمولا با Razor Page ها ست ، اطلاعات برای استفاد در  MVC پروژه های با view ,و controller  توی اینترنت بیشتر گیر میاد 

خطای E_LoadingAjax /api/RoxyFileman/DIRLIST در زمان اضافه کردن RoxyFileMan در MVC Core

چهار روز بود که درگیر این خطا بودم این خطا زمانی رخ میداد که من از TinyMCE به عنوان ادیتور در  پروژه #c خودم استفاده کردم

 

E_LoadingAjax /api/RoxyFileman/DIRLIST

به این صورت که زمانی که کاربر در صفحه کنترل پنل خود از TinyMCE استفاده میکندو برای آپلود عکس یا فیلم و یا اسناد بخواهد از افزوه RoxyFileMan استفاده کند لازم است تا:  

  1.  فایل TinyMCE را به قسمت wwwroot  اضافه کند
  2. فایل RoxyFileMan برای دات نت را در پوشه جداگانه در کنار TinyMCE و یا در خود پوشه TinyMCE بگذارد.
  3. در پروژه های دات نت و  دات نت کور (.net , .net Core) لازم است تا یک کنترلر نیز به پروژه اضافه کنید،
  4. در پروژه های MCV (Model, Controller, View)  که به صورت پیشفرض پوشه های مربوطه را دارد به راحتی میتوانید Controller  مربوط به RoxyFileMan  را به پوشه کنترلر اضافه کنید تنها ادرس های مربوط به محل ذخیره را تغییر دهید ،     
  5.  اما زمانی سر خودتون رو به  دیوار میکوبید( به مدت 4 روز برای من ) که خطا ایجاد شده است و نمیدانید خطا ممکن است مربوط به کدام قسمت کد باشد، آیا دسترسی به File Man دچار مشکل شده ، ایا بهترین جایگاه برای فایل Controller کجاست توی قسمت کنترل پنل بگذرام یا در روت سایت؟ ممکن است مثلا خطا مربوط به (../..) ادرس  دسترسی به RoxyFileMan باشد یا ممکن است تغییر ورژن دات نت کور و تغییر در اضافه شدم Json  به پیشفرض های dotnet این خطا رو به وجود آورده ، یا نه ممکن است از تغییر route در دات نت باشد و هزاران چیز دیگر که توی این چهار روز تست کردم 

Identity in .netCore RazorProject

احراز هویت در پروژه ها ی تحت وب خودش ماجراهایی دارد و روشها و متدهای مختلفی رایج ترین آنها استفاده  از Cookie است که با استفاده از روشهای مختلفی میتوان ان را به پروژه اضافه کرد از آنجایی که پروژه های من عمومآ از نوع RazorPage Projects هستند برای اضافه کردن از این روشها استفاده میکنم 

استفاده از ngx-owl-carousel-o در پروژه انگولار

درپروژه های دات نت کور .netcore از Owl Carousel 2  استفاده میشود و برای پروژه انگولار میتوان از 

npm i ngx-owl-carousel-o

استفاده کرد اما به چه صورت ...

نمایش اطلاعات گروه بندی شده بر اساس نام گروه

اطلاعات به صورت والد فرزند در جدول بانک اطلاعاتی ذخیره شده است، میخواستم در یک صفحه نمایش داده شود به نحوی که نام دسته در بالا و اجزاء آن در زیر هر گروه نمایش داده شود.

استفاده از تمهای پیشفرض انگولار متریال default them of angular material در پروژه انگولار

در این پست تعدادی از پکیج های لازم در انگولار رو لیست کردم یکی از آنها angular materail  است که با دستور 

 

ng add @angular/material

در خط فرمان پروژه به پروژه انگولار اضافه خواهد شد

 

9 مرحله استفاده از angular material در پروژه های انگولار

استفاده از angular material در پروژه های انگولار

 

Unable to create an object of type 'MyProjectContext'. For the different patterns supported at design time

برای پروژه ای خودم با توجه به پروژه،  چند sln میسازم برای یکی پروژه وب و برای Model هم یک classlibrary جدا گانه و چند class library دیگر هم معمولا با توجه به پروژه اضاف میکنم 

migration  را برای ایجاد بانک اطلاعات ی در پروژه Model  میسازم و همانجا هم دستورآپدیت بانک اطلاعاتی 

در VSCode

dotnet ef migrations add yourMigrationName
dotnet ef database update

,و در Visual Studio 

add-migration MigrationName -context ContextName
update-database

 

ابزارهایی که بعد از نصب vscode برای اجرای دستورات پروژه MVC core نیاز است

VS Code کمک میکند تا به راحتی بدون نصب visual studio  به برنامه  نویسی خود ادامه بدهید. فقط بعد از نصب VSCODE  نیاز هست که چند tools و همچنین Extension  نصب کنید