Top 3 Open Source ASP.NET Core based e-commerce web applications
nopCommerce
SimplCommerce
grandnode ( Powered By nopCommerce) :It’s an open source, free, cross-platform e-commerce software based on ASP.NET Core 2.2 and MongoDB — NoSQL database. You can run it on Linux, Windows, and MacOS easily. GrandNode also supports Docker, so you are able to install it just in seconds with Docker.
Earlier this year, Microsoft announced their support for Blazor, and now Frank A. Krueger has developed the Ooui library which allows C# or F# to be used to write applications that run in the browser. Ooui can target WASM, enabling Xamarin.Forms app to be deployed in web assembly and the result runs entirely in-browser without the need for an application server.
using System.Linq;
using System.Threading.Tasks;
namespace Async07
{
public class EggBoiler
{
private const int BoilingTimeMs = 200;
private static Task boilEgg()
{
var bolingTask = Task.Run(() =>
{
Task.Delay(BoilingTimeMs);
});
return bolingTask;
}
public async Task BoilEggsSequentialAsync(int count)
{
for (var i = 0; i < count; i++)
{
await boilEgg();
}
}
public async Task BoilEggsSimultaneousAsync(int count)
{
var tasksList = from egg in new[] { 1, 2, 3, 4, 5 }
select boilEgg();
await Task.WhenAll(tasksList);
// ...
}
}
} public class Downloader
{
private Task<string> downloadTask(string url)
{
return new WebClient().DownloadStringTaskAsync(url);
}
public async Task<int> GetTemperature()
{
var sites = new[]
{
"http://www.site1.com/svc",
"http://www.site2.com/svc",
"http://www.site3.com/svc",
};
var tasksList = from site in sites
select downloadTask(site);
try
{
var finishedTask = await Task.WhenAny(tasksList);
var result = await finishedTask;
}
catch (Exception ex)
{
}
// todo: process result, get temperature
return 10; // for example.
}
} foreach (var task in tasksList)
{
var ignored = task.ContinueWith(
t => Console.WriteLine(t.Exception), TaskContinuationOptions.OnlyOnFaulted);
}
// or
foreach (var task in tasksList)
{
var ignored = task.ContinueWith(
t =>
{
if (t.IsFaulted)
Console.WriteLine(t.Exception);
});
} public async Task ShowTemperatures()
{
var sites = new[]
{
"http://www.site1.com/svc",
"http://www.site2.com/svc",
"http://www.site3.com/svc",
};
var tasksList = sites.Select(site => downloadTask(site)).ToList();
while (tasksList.Any())
{
try
{
var tempTask = await Task.WhenAny(tasksList);
tasksList.Remove(tempTask);
var result = await tempTask;
//todo: show result
}
catch(Exception ex) { }
}
} byte [] buffer = new byte[0x1000];
int numRead;
while((numRead = await source.ReadAsync(buffer, 0, buffer.Length).ConfigureAwait(false)) > 0)
{
await source.WriteAsync(buffer, 0, numRead).ConfigureAwait(false);
} In-Memory Caching In ASP.NET Core
What Every Programmer Should Know About Memory
با توجه به قابلیت‌های In-memory جدید آن. حتی ابزار هم برای اینکار تهیه کرده‌اند .
الزاما نیازی نیست که از Redis استفاده کنید؛ چون Distributed Memory Cache هم داریم (^):
builder.Services.AddDistributedMemoryCache();
Variable Naming Best Practices in JavaScript
Like any other programming language, JavaScript relies heavily on well-structured and understandable code. One of the fundamental building blocks of clean JavaScript code is effective variable naming.
By adhering to certain best practices, you can significantly enhance the readability and maintainability of your JavaScript projects. Let’s dive into 12 sets of JavaScript variable naming guidelines.
- متصل شدن کاربران (login connections) قطع شدن ارتباط یک login
- اجرای دستورات T-SQL، شروع و پایان اجرای یک رویه، شروع و پایان یک دستور در طول اجرای یک رویه، اجرای رویه‌های دور Remote Procedure Call
- باز شدن یک Cursor
- بررسی و کنترل مجوزهای امنیتی
- SQL:BatchCompleted
- Audit Login
- Audit Logout
- Lock: Acquired
- Lock: Released
| الگو | هدف |
| Blank | ایجاد یک Trace کلی |
| SP_Counts | ثبت اجرای هر رویه ذخیره شده برای تشخیص اینکه هر رویه چند بار اجرا شده است |
| Standard | ثبت آمارهای کارائی برای هر رویه ذخیره شده و Queryهای عادی SQL که اجرا می‌شوند و عملیات ورود و خروج هر Login (پیش فرض) |
| TSQL | ثبت یک لیست از همه رویه‌های ذخیره شده و Queryهای عادی SQL که اجرا می‌شوند ولی آمارهای کارائی را شامل نمی‌شود |
| TSQL_Duration | ثبت مدت زمان اجرای هر رویه ذخیره شده و هر Query عادی SQL |
| TSQL_Grouped | ثبت تمام loginها و logoutها در طول اجرای رویه‌های ذخیره شده و هر Query عادی SQL، شامل اطلاعاتی برای شناسائی برنامه و کاربری که درخواست را اجرا می‌کند |
| TSQL_Locks | ثبت اطلاعات انسداد (blocking) و بن بست (deadlock) از قبیل blocked processes، deadlock chains، deadlock graphs,... . این الگو همچنین درخواست‌های تمام رویه‌های ذخیره شده و تمامی دستورات هر رویه و هر Query عادی SQL را دریافت می‌کند |
| TSQL_Replay | ثبت اجرای رویه‌های ذخیره شده و Queryهای SQL در یک SQL Instance و مهیا کردن امکان اجرای دوباره عملیات در سیستمی دیگر |
| TSQL_SPs | ثبت کارائی برای Queryهای SQL، رویه‌های ذخیره شده و تمامی دستورات درون یک رویه ذخیره شده و نیز عملیات ورود و خروج هر Login |
| Tuning | ثبت اطلاعات کارائی برای Queryهای عادی SQL و رویه‌های ذخیره شده و یا تمامی دستورات درون یک رویه ذخیره شده |
| گروه رویداد | هدف |
| Broker | 13 رویداد برای واسطه سرویس (Service Broker) |
| CLR | 1 رویداد برای بارگذاری اسمبلی‌های CLR (Common Language Runtime) |
| Cursors | 7 رویداد برای ایجاد، دستیابی و در اختیار گرفتن Cursor |
| Database | 6 رویداد برای رشد/کاهش (grow/shrink) فایل های Data/Log همچنین تغییرات حالت انعکاس (Mirroring) |
| Deprecation | 2 رویداد برای آگاه کردن وضعیت نابسامان درون یک SQL Instance |
| Errors and Warnings | 16 رویداد برای خطاها، هشدارها و پیغام‌های اطلاعاتی که ثبت شده است |
| Full Text | 3 رویداد برای پیگیری یک شاخص متنی کامل |
| Locks | 9 رویداد برای بدست آوردن، رها کردن قفل و بن بست (Deadlock) |
| OLEDB | 5 رویداد برای درخواست‌های توزیع شده و RPC (اجرای رویه‌های دور) |
| Objects | 3 رویداد برای وقتی که یک شی ایجاد، تغییر یا حذف می‌شود |
| Performance | 14 رویداد برای ثبت نقشه درخواست‌ها (Query Plan) برای استفاده نقشه راهنما (Plan Guide) به منظور بهینه سازی کارائی درخواست ها، همچنین این گروه رویداد در خواست‌های متنی کامل (full text) را ثبت می‌کند |
| Progress Report | 10 رویداد برای ایجاد Online Index |
| Query Notifications | 4 رویداد برای سرویس اطلاع رسان (Notification Service) |
| Scans | 2 رویداد برای وقتی که یک جدول یا شاخص، پویش می‌شود |
| Security Audit | 44 رویداد برای وقتی که مجوزی استفاده شود، جابجائی هویتی رخ دهد، تنظیمات امنیتی اشیائی تغییر کند،یک SQL Instance شروع و متوقف شود و یک Database جایگزین شود یا از آن پشتیبان گرفته شود |
| Server | 3 رویداد برای Mount Tape، تغییر کردن حافظه سرور و بستن یک فایل Trace |
| Sessions | 3 رویداد برای وقتی که Connectionها موجود هستند و یک Trace فعال می‌شود، همچنین یک Trigger و یک تابع دسته بندی(classification functions) مربوط به مدیریت منابع(resource governor) رخ دهد |
| Stored Procedures | 12 رویداد برای اجرای یک رویه ذخیره شده و دستورات درون آن ، کامپایل مجدد و استفاده از حافظه نهانی (Cache) |
| Transactions | 13 رویداد برای شروع، ذخیره ، تائید و لغو یک تراکنش |
| TSQL | 9 رویداد برای اجرای Queryهای SQL و جستجوهای XQUERY (در داده‌های XML) |
| User Configurable | 10 رویداد که شما می‌توانید پیکربندی کنید |
| Select counters from list | Performance Object |
| Output Queue Length | Network Interface |
| % Processor Time | Processor |
| Processor Queue Length | System |
| Buffer Manager:Page life expectancy | SQLServer |
SELECT * INTO dbo.BaselineTrace
FROM fn_trace_gettable(' c:\performance baseline.trc ', default); let dialogRef = dialog.open(UserProfileComponent, { height: '400px’, width: '600px’ }); dialogRef.afterClosed().subscribe(result => {
console.log(`Dialog result: ${result}`);
});
dialogRef.close('value'); @Component({/* ... */})
export class YourDialog {
constructor(public dialogRef: MatDialogRef<YourDialog>) { }
closeDialog() {
this.dialogRef.close('Value….!’);
}
} <h2 mat-dialog-title>Delete all</h2>
<mat-dialog-content>Are you sure?</mat-dialog-content>
<mat-dialog-actions>
<button mat-button mat-dialog-close>No</button>
<!-- Can optionally provide a result for the closing dialog. -->
<button mat-button [mat-dialog-close]="true">Yes</button>
</mat-dialog-actions> <mat-toolbar color="primary">
<button mat-button fxHide fxHide.xs="false" (click)="toggleSidenav.emit()">
<mat-icon>menu</mat-icon>
</button>
<span>Contact Manager</span>
<span fxFlex="1 1 auto"></span>
<button mat-button [matMenuTriggerFor]="menu">
<mat-icon>more_vert</mat-icon>
</button>
<mat-menu #menu="matMenu">
<button mat-menu-item>New Contact</button>
</mat-menu>
</mat-toolbar> 
<button mat-menu-item (click)="openAddContactDialog()">New Contact</button>
ng g c contact-manager/components/new-contact-dialog --no-spec
import { NewContactDialogComponent } from "./components/new-contact-dialog/new-contact-dialog.component";
@NgModule({
declarations: [
NewContactDialogComponent],
entryComponents: [
NewContactDialogComponent
]
})
export class ContactManagerModule { } import { Component, EventEmitter, OnInit, Output } from "@angular/core";
import { MatDialog } from "@angular/material";
import { NewContactDialogComponent } from "../new-contact-dialog/new-contact-dialog.component";
@Component({
selector: "app-toolbar",
templateUrl: "./toolbar.component.html",
styleUrls: ["./toolbar.component.css"]
})
export class ToolbarComponent implements OnInit {
@Output() toggleSidenav = new EventEmitter<void>();
constructor(private dialog: MatDialog) { }
ngOnInit() { }
openAddContactDialog(): void {
const dialogRef = this.dialog.open(NewContactDialogComponent, { width: "450px" });
dialogRef.afterClosed().subscribe(result => {
console.log("The dialog was closed", result);
});
}
} 
<h2 mat-dialog-title>Add new contact</h2>
<mat-dialog-content>
<div fxLayout="column">
</div>
</mat-dialog-content>
<mat-dialog-actions>
<button mat-button color="primary" (click)="save()">
<mat-icon>save</mat-icon> Save
</button>
<button mat-button color="primary" (click)="dismiss()">
<mat-icon>cancel</mat-icon> Cancel
</button>
</mat-dialog-actions> import { Component, OnInit } from "@angular/core";
import { MatDialogRef } from "@angular/material";
@Component()
export class NewContactDialogComponent implements OnInit {
constructor(
private dialogRef: MatDialogRef<NewContactDialogComponent>
) { }
ngOnInit() {
}
save() {
}
dismiss() {
this.dialogRef.close(null);
}
} 
import { User } from "../../models/user";
@Component()
export class NewContactDialogComponent implements OnInit {
avatars = ["user1", "user2", "user3", "user4", "user5", "user6", "user7", "user8"];
user: User = { id: 0, birthDate: new Date(), name: "", avatar: "", bio: "", userNotes: null }; 
<mat-form-field>
<mat-select placeholder="Avatar" [(ngModel)]="user.avatar">
<mat-select-trigger>
<mat-icon svgIcon="{{user.avatar}}"></mat-icon> {{ user.avatar }}
</mat-select-trigger>
<mat-option *ngFor="let avatar of avatars" [value]="avatar">
<mat-icon svgIcon="{{avatar}}"></mat-icon> {{ avatar }}
</mat-option>
</mat-select>
</mat-form-field> 
<mat-form-field>
<input matInput placeholder="Name" #name="ngModel" [(ngModel)]="user.name" required>
<mat-error *ngIf="name.invalid && name.touched">You must enter a name</mat-error>
</mat-form-field> 
<mat-form-field>
<input matInput [matDatepicker]="picker" placeholder="Born" [(ngModel)]="user.birthDate">
<mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
<mat-datepicker #picker></mat-datepicker>
</mat-form-field> 
<mat-form-field>
<textarea matInput placeholder="Bio" [(ngModel)]="user.bio"></textarea>
</mat-form-field> 
<mat-dialog-content> <div fxLayout="column"> </div> </mat-dialog-content>
namespace MaterialAspNetCoreBackend.WebApp.Controllers
{
[Route("api/[controller]")]
public class UsersController : Controller
{
private readonly IUsersService _usersService;
public UsersController(IUsersService usersService)
{
_usersService = usersService ?? throw new ArgumentNullException(nameof(usersService));
}
[HttpPost]
public async Task<IActionResult> Post([FromBody] User user)
{
if (!ModelState.IsValid)
{
return BadRequest(ModelState);
}
await _usersService.AddUserAsync(user);
return Created("", user);
}
}
} @Injectable({
providedIn: "root"
})
export class UserService {
private usersSource = new BehaviorSubject<User>(null);
usersSourceChanges$ = this.usersSource.asObservable();
constructor(private http: HttpClient) { }
addUser(user: User): Observable<User> {
const headers = new HttpHeaders({ "Content-Type": "application/json" });
return this.http
.post<User>("/api/users", user, { headers: headers }).pipe(
map(response => {
const addedUser = response || {} as User;
this.notifyUsersSourceHasChanged(addedUser);
return addedUser;
}),
catchError((error: HttpErrorResponse) => throwError(error))
);
}
notifyUsersSourceHasChanged(user: User) {
this.usersSource.next(user);
}
} return Created("", user); import { UserService } from "../../services/user.service";
@Component()
export class NewContactDialogComponent {
user: User = { id: 0, birthDate: new Date(), name: "", avatar: "", bio: "", userNotes: null };
constructor(
private dialogRef: MatDialogRef<NewContactDialogComponent>,
private userService: UserService
) { }
save() {
this.userService.addUser(this.user).subscribe(data => {
console.log("Saved user", data);
this.dialogRef.close(data);
});
}
} import { UserService } from "../../services/user.service";
@Component()
export class SidenavComponent implements OnInit, OnDestroy {
users: User[] = [];
subscription: Subscription | null = null;
constructor(
private userService: UserService) { }
ngOnInit() {
this.subscription = this.userService.usersSourceChanges$.subscribe(user => {
if (user) {
this.users.push(user);
}
});
}
ngOnDestroy() {
if (this.subscription) {
this.subscription.unsubscribe();
}
}
} save() {
this.userService.addUser(this.user).subscribe(data => {
console.log("Saved user", data);
this.dialogRef.close(data);
}); openAddContactDialog(): void {
const dialogRef = this.dialog.open(NewContactDialogComponent, { width: "450px" });
dialogRef.afterClosed().subscribe(result => {
console.log("The dialog was closed", result);
});
} 
@Component()
export class ToolbarComponent {
@Output() toggleSidenav = new EventEmitter<void>();
constructor(private dialog: MatDialog, private snackBar: MatSnackBar, private router: Router) { }
openAddContactDialog(): void {
const dialogRef = this.dialog.open(NewContactDialogComponent, { width: "450px" });
dialogRef.afterClosed().subscribe((result: User) => {
console.log("The dialog was closed", result);
if (result) {
this.openSnackBar(`${result.name} contact has been added.`, "Navigate").onAction().subscribe(() => {
this.router.navigate(["/contactmanager", result.id]);
});
}
});
}
openSnackBar(message: string, action: string): MatSnackBarRef<SimpleSnackBar> {
return this.snackBar.open(message, action, {
duration: 5000,
});
}
} 