ng new MaterialAngularClient --routing
ng g m ContactManager -m app.module --routing
import { ContactManagerModule } from "./contact-manager/contact-manager.module";
@NgModule({
imports: [
BrowserModule,
BrowserAnimationsModule,
CoreModule,
SharedModule.forRoot(),
ContactManagerModule,
AppRoutingModule
],
})
export class AppModule { } ng g c contact-manager/ContactManagerApp --no-spec
CREATE src/app/contact-manager/contact-manager-app/contact-manager-app.component.html (38 bytes) CREATE src/app/contact-manager/contact-manager-app/contact-manager-app.component.ts (319 bytes) CREATE src/app/contact-manager/contact-manager-app/contact-manager-app.component.css (0 bytes) UPDATE src/app/contact-manager/contact-manager.module.ts (436 bytes)
ng g c contact-manager/components/toolbar --no-spec ng g c contact-manager/components/main-content --no-spec ng g c contact-manager/components/sidenav --no-spec
import { NgModule } from "@angular/core";
import { RouterModule, Routes } from "@angular/router";
const routes: Routes = [
{ path: "contactmanager", loadChildren: "./contact-manager/contact-manager.module#ContactManagerModule" },
{ path: "", redirectTo: "contactmanager", pathMatch: "full" },
{ path: "**", redirectTo: "contactmanager" }
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { } import { NgModule } from "@angular/core";
import { RouterModule, Routes } from "@angular/router";
import { MainContentComponent } from "./components/main-content/main-content.component";
import { ContactManagerAppComponent } from "./contact-manager-app/contact-manager-app.component";
const routes: Routes = [
{
path: "", component: ContactManagerAppComponent,
children: [
{ path: "", component: MainContentComponent }
]
},
{ path: "**", redirectTo: "" }
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class ContactManagerRoutingModule { } <app-sidenav></app-sidenav>
<app-toolbar></app-toolbar> <router-outlet></router-outlet>
import { SharedModule } from "../shared/shared.module";
@NgModule({
imports: [
CommonModule,
SharedModule,
ContactManagerRoutingModule
]
})
export class ContactManagerModule { } 
<mat-sidenav-container *ngIf="shouldRun">
<mat-sidenav mode="side" opened>
Sidenav content
</mat-sidenav>
Primary content
</mat-sidenav-container> 
@import "~@angular/material/prebuilt-themes/indigo-pink.css";
body {
margin: 0;
} <mat-card> <h1>Main content</h1> </mat-card>
|
sidenav\sidenav.component.css | sidenav\sidenav.component.html |
.app-sidenav-container {
position: fixed;
}
.app-sidenav {
width: 240px;
}
.wrapper {
margin: 50px;
} | <mat-sidenav-container fxLayout="row"
fxFill>
<mat-sidenav #sidenav
fxFlex="1 1 100%" [opened]="!isScreenSmall"
[mode]="isScreenSmall ? 'over' : 'side'">
<mat-toolbar color="primary">
Contacts
</mat-toolbar>
<mat-list>
<mat-list-item>Item 1</mat-list-item>
<mat-list-item>Item 2</mat-list-item>
<mat-list-item>Item 3</mat-list-item>
</mat-list>
</mat-sidenav>
<mat-sidenav-content fxLayout="column" fxFlex="1 1 100%" fxFill>
<app-toolbar (toggleSidenav)="sidenav.toggle()"></app-toolbar>
<div>
<router-outlet></router-outlet>
</div>
</mat-sidenav-content>
</mat-sidenav-container> |
<app-toolbar (toggleSidenav)="sidenav.toggle()"></app-toolbar>
<mat-sidenav [opened]="!isScreenSmall" [mode]="isScreenSmall ? 'over' : 'side'">
import { Component, OnDestroy, OnInit } from "@angular/core";
import { MediaChange, ObservableMedia } from "@angular/flex-layout";
import { Subscription } from "rxjs";
@Component({
selector: "app-sidenav",
templateUrl: "./sidenav.component.html",
styleUrls: ["./sidenav.component.css"]
})
export class SidenavComponent implements OnInit, OnDestroy {
isScreenSmall = false;
watcher: Subscription;
constructor(private media: ObservableMedia) {
this.watcher = media.subscribe((change: MediaChange) => {
this.isScreenSmall = change.mqAlias === "xs";
});
}
ngOnInit() {
}
ngOnDestroy() {
this.watcher.unsubscribe();
}
} 
| toolbar\toolbar.component.css | toolbar\toolbar.component.html |
.sidenav-toggle {
padding: 0;
margin: 8px;
min-width:56px;
} | <mat-toolbar color="primary">
<button mat-button fxHide fxHide.xs="false"
class="sidenav-toggle" (click)="toggleSidenav.emit()">
<mat-icon>menu</mat-icon>
</button>
<span>Contact Manager</span>
</mat-toolbar> |
<app-toolbar (toggleSidenav)="sidenav.toggle()"></app-toolbar>
import { Component, EventEmitter, OnInit, Output } from "@angular/core";
@Component({
selector: "app-toolbar",
templateUrl: "./toolbar.component.html",
styleUrls: ["./toolbar.component.css"]
})
export class ToolbarComponent implements OnInit {
@Output() toggleSidenav = new EventEmitter<void>();
constructor() { }
ngOnInit() {
}
} 
<a href="/not-blazor" data-enhance-nav="false">A non-Blazor page</a>
<form method="post" @onsubmit="() => submitted = true" @formname="name" data-enhance>
<AntiforgeryToken />
<InputText @bind-Value="Name" />
<button>Submit</button>
</form>
@if (submitted)
{
<p>Hello @Name!</p>
}
@code {
bool submitted;
[SupplyParameterFromForm]
public string Name { get; set; } = "";
} <EditForm method="post" Model="NewCustomer" OnValidSubmit="() => submitted = true" FormName="customer" Enhance>
<DataAnnotationsValidator />
<ValidationSummary/>
<p>
<label>
Name: <InputText @bind-Value="NewCustomer.Name" />
</label>
</p>
<button>Submit</button>
</EditForm>
@if (submitted)
{
<p id="pass">Hello @NewCustomer.Name!</p>
}
@code {
bool submitted = false;
[SupplyParameterFromForm]
public Customer? NewCustomer { get; set; }
protected override void OnInitialized()
{
NewCustomer ??= new();
}
public class Customer
{
[StringLength(3, ErrorMessage = "Name is too long")]
public string? Name { get; set; }
}
} <div data-permanent>
Leave me alone! I've been modified dynamically.
</div> <script>
Blazor.addEventListener('enhancedload', () => {
console.log('enhanced load event occurred');
});
</script> <div class="border border-info rounded bg-info" style="height:500px"></div> <h2 id="targetElement">Target H2 heading</h2> <p>Content!</p>
<a href="/counter#targetElement">
<NavLink href="/counter#targetElement">
Navigation.NavigateTo("/counter#targetElement"); docker run --rm -it -p 8080:80 -v c:\users\vahid\mysite:/usr/share/nginx/html nginx
docker run -d -p 8080:80 --name nginx nginx
docker exec -it nginx bash
cd /usr/share/nginx/html
ls mv index.html index2.html exit
docker cp c:\users\vahid\mysite nginx:/usr/share/nginx/html
docker exec nginx ls /usr/share/nginx/html
docker commit nginx mysite:nginx
docker run -d -p 8090:80 --name mysite mysite:nginx
docker exec mysite ls /usr/share/nginx/html
docker run -d -p 8080:80 --name nginx nginx docker cp c:\users\vahid\mysite nginx:/usr/share/nginx/html docker commit nginx mysite:nginx
FROM nginx
COPY mysite /usr/share/nginx/html
docker build -f Dockerfile -t mysite:nginx-df .
docker build -t mysite:nginx-df .
FROM microsoft/iis:nanoserver COPY mysite c:/inetpub/wwwroot
docker build -t mysite:iis .
docker tag mysite:nginx-df my_user_name/some_name:new_tag_name
docker push my_user_name/some_name:new_tag_name
cfg.For<IUnitOfWork>().Use(() => new MyWpfFrameworkContext());
ThreadLocal - A single instance will be created for each requesting thread. Caches the instances with ThreadLocalStorage. Hybrid - Uses HttpContext storage if it exists, otherwise uses ThreadLocal storage
An object with the same key already exists in the ObjectStateManager
...
.ConnectionString(x => x.FromConnectionStringWithKey(...))
.Cache(x => x.UseQueryCache()
.UseMinimalPuts()
.ProviderClass<NHibernate.Caches.SysCache.SysCacheProvider>())
...
using FluentNHibernate.Automapping.Alterations;
namespace NH3Test.MappingDefinitions.Domain
{
public class AccountOverrides : IAutoMappingOverride<Account>
{
public void Override(FluentNHibernate.Automapping.AutoMapping<Account> mapping)
{
mapping.Cache.ReadWrite();
}
}
}
var data = session.QueryOver<Account>()
.Where(s => s.Name == "name")
.Cacheable()
.List();
%SystemRoot%\Assembly\NativeImages_v4.0.#####_64
پی نوشت: در آپدیتهای دات نت فریم ورک به طور خودکار ابزار ngen صدا زده شده و اسمبلیها مجددا کمپایل و دخیره میشوند و برنامه سینک و آپدیت باقی خواهد ماند.
