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

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

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

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

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

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

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

چهار روز بود که درگیر این خطا بودم 

 

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  را به پوشه کنترلر اضافه کنید تنها ادرس های مربوط به محل ذخیره را تغییر دهید ،  اما زمانی سر خودتون رو به  دیوار میکوبید( به مدت 4 روز برای من ) که خطا ایجاد شده است و نمیدانید خطا ممکن است مربوط به کدام قسمت کد باشد، آیا دسترسی به File Man دچار مشکل شده ، ایا بهترین جایگاه برای فایل Controller کجاست توی قسمت کنترل پنل بگذرام یا در روت سایت؟ ممکن است مثلا خطا مربوط به (../..) ادرس  دسترسی به RoxyFileMan باشد یا ممکن است تغییر ورژن دات نت کور و تغییر در اضاه شدم Json  به پیشفرضهای داتنت این خطا رو به وجو اورده ، یا نه ممکن است از تغیییر روت در دات نت باشد و هزاران چیز دیگر که توی آین چهار روز تست کردم 

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  نصب کنید

خطای This likely means that the library (@angular/common/http) which declares HttpClient has not been processed correctly by ngcc,

برای اینکه بتونم اطلاعات رو در پروژه انگولار از بانک اطلاعاتی بخونم یه service  اضافه کردم و برای استفاده لازم بود این خط کد رو import کنم 

import {HttpClientModule, HttpClient } from '@angular/common/http';

و ردر service هم همینطور 

import { HttpHeaders, HttpClient } from '@angular/common/http';

اما زمانی پروژه رو اجرا کردم به ا ین خطا برخوردم 

 This likely means that the library (@angular/common/http) which declares HttpClient has not been processed correctly by ngcc, or is not compatible with Angular Ivy. Check if a newer version of the library is available, and update if so. Also consider checking 
with the library's authors to see if the library is expected to be compatible with Ivy.