| تنظیمات نا امن | تنظیمات امن |
| <configuration> <system.web> <sessionState cookieless="UseUri"> | <configuration> <system.web> <sessionState cookieless="UseCookies"> |
| <configuration> <system.web> <httpCookies httpOnlyCookies="false"> | <configuration> <system.web> <httpCookies httpOnlyCookies="true"> |
| <configuration> <system.web> <customErrors mode="Off"> | <configuration> <system.web> <customErrors mode="RemoteOnly"> |
| <configuration> <system.web> <trace enabled="true" localOnly="false"> | <configuration> <system.web> <trace enabled="false" localOnly="true"> |
| <configuration> <system.web> <compilation debug="true"> | <configuration> <system.web> <compilation debug="false"> |
@if (ShowModal)
{
<div class="modal-backdrop show"></div>
<div class="modal fade show" id="exampleModal" tabindex="-1"
role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true" style="display: block;">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">
@Title
</h5>
<button @onclick="OnCancelClicked" type="button" class="close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
@ChildContent
</div>
<div class="modal-footer">
<button @onclick="OnCancelClicked" type="button" class="btn btn-secondary">@CancelButtonLabel</button>
<button @onclick="OnConfirmClicked" type="button" class="btn btn-primary">@OkButtonLabel</button>
</div>
</div>
</div>
</div>
}
@code {
private bool ShowModal;
[Parameter] public string Title { get; set; } = "Confirm";
[Parameter] public string CancelButtonLabel { get; set; } = "Cancel";
[Parameter] public string OkButtonLabel { get; set; } = "Ok";
[Parameter] public RenderFragment ChildContent { get; set; }
[Parameter] public EventCallback OnConfirm { get; set; }
[Parameter] public EventCallback OnCancel { get; set; }
public void Show() => ShowModal = true;
public void Hide() => ShowModal = false;
private async Task OnConfirmClicked()
{
ShowModal = false;
await OnConfirm.InvokeAsync();
}
private async Task OnCancelClicked()
{
ShowModal = false;
await OnCancel.InvokeAsync();
}
} [Parameter] public RenderFragment ChildContent { get; set; } @if (IsAdmin)
{
<input type="button" class="btn btn-danger" value="Delete" @onclick="OnDelete" />
<input type="button" class="btn btn-success" value="Edit" />
}
@code
{
[Parameter] public bool IsAdmin { get; set; }
[Parameter] public EventCallback OnDelete { get; set; }
} <EditDeleteButton IsAdmin="true" OnDelete="OnDeleteClicked"></EditDeleteButton>
<Confirmation @ref="Confirmation1"
OnCancel="OnCancelClicked"
OnConfirm="@(() => OnDeleteSelectedRoom.InvokeAsync(Room))">
<div>
Do you want to delete `@Room.Name`?
</div>
</Confirmation> @code
{
Confirmation Confirmation1;
[Parameter]
public BlazorRoom Room { get; set; }
[Parameter]
public EventCallback<BlazorRoom> OnDeleteSelectedRoom { get; set; }
void OnDeleteClicked()
{
Confirmation1.Show();
}
void OnCancelClicked()
{
// Confirmation1.Hide();
}
// ...
} @foreach (var room in Rooms)
{
<IndividualRoom
OnRoomCheckBoxSelection="RoomSelectionCounterChanged"
Room="room"
OnDeleteSelectedRoom="@(selectedRoom => Rooms.Remove(selectedRoom))">
</IndividualRoom>
} <Button Click="btnClick_Event">Last</Button>
<Button Command="{Binding GoLast}">Last</Button>
using System;
using System.Windows.Input;
namespace MvvmHelpers
{
// Ref.
// - http://johnpapa.net/silverlight/5-simple-steps-to-commanding-in-silverlight/
// - http://joshsmithonwpf.wordpress.com/2008/06/17/allowing-commandmanager-to-query-your-icommand-objects/
public class DelegateCommand<T> : ICommand
{
readonly Func<T, bool> _canExecute;
bool _canExecuteCache;
readonly Action<T> _executeAction;
public DelegateCommand(Action<T> executeAction, Func<T, bool> canExecute = null)
{
if (executeAction == null)
throw new ArgumentNullException("executeAction");
_executeAction = executeAction;
_canExecute = canExecute;
}
public event EventHandler CanExecuteChanged
{
add { if (_canExecute != null) CommandManager.RequerySuggested += value; }
remove { if (_canExecute != null) CommandManager.RequerySuggested -= value; }
}
public bool CanExecute(object parameter)
{
return _canExecute == null ? true : _canExecute((T)parameter);
}
public void Execute(object parameter)
{
_executeAction((T)parameter);
}
}
}
public DelegateCommand<string> GoLast { set; get; }
//in ctor
GoLast = new DelegateCommand<string>(goLast, canGoLast);
private bool canGoLast(string data)
{
//ex.
return ListViewGuiData.CurrentPage != ListViewGuiData.TotalPage - 1;
}
private void goLast(string data)
{
//do something
}
> create-react-app sample-03 > cd sample-03 > npm start
const colors = ["red", "green", "blue"];
const items = colors.map(function(color) {
return "<li>" + color + "</li>";
});
console.log(items); const items2 = colors.map(color => "<li>" + color + "</li>"); console.log(items2);
const items3 = colors.map(color => `<li>${color}</li>`);
console.log(items3); const address = {
street: "street 1",
city: "city 1",
country: "country 1"
}; const street1 = address.street; const city1 = address.city; const country1 = address.country;
const { street, city, country } = address; const { street: st } = address;
console.log(st); const first = [1, 2, 3]; const second = [4, 5, 6];
const combined = first.concat(second); console.log(combined);
const combined2 = [...first, ...second]; console.log(combined2);
const combined2 = [...first, "a", ...second, "b"]; console.log(combined2);
const clone = [...first]; console.log(clone);
const firstObject = { name: "User 1" };
const secondObject = { job: "Job 1" };
const combinedObject = { ...firstObject, ...secondObject, location: "Here" };
console.log(combinedObject); {name: "User 1", job: "Job 1", location: "Here"} const clonedObject = { ...firstObject };
console.log(clonedObject); const person = {
name: "User 1",
walk() {
console.log("walk");
}
};
const person2 = {
name: "User 2",
walk() {
console.log("walk");
}
}; class Person {
constructor(name) {
this.name = name;
}
walk() {
console.log("walk");
}
} const person3 = new Person("User 3");
console.log(person3.name);
person3.walk(); class Teacher {
teach() {
console.log("teach");
}
} class Teacher extends Person {
teach() {
console.log("teach");
}
} 
const teacher = new Teacher("User 4"); console.log(teacher.name); teacher.teach(); teacher.walk();
class Teacher extends Person {
constructor(name, degree) {} Uncaught ReferenceError: Must call super constructor in derived class before accessing 'this' or returning from derived constructor
class Teacher extends Person {
constructor(name, degree) {
super(name);
this.degree = degree;
}
teach() {
console.log("teach");
}
} const teacher = new Teacher("User 4", "MSc"); export class Teacher extends Person { 
import { Person } from "./Person";
export class Teacher extends Person { import { Person } from "./Person";
import { Teacher } from "./Teacher"; export default class Teacher extends Person { import Teacher from "./Teacher";
import { Person } from "./Person";
export function testTeacher() {
console.log("Test Teacher");
}
export default class Teacher extends Person { import Teacher, { testTeacher } from "./Teacher"; import React, { Component } from 'react'; 
Roles
در مخزن پیش فرض ASP.NET Identity EntityFramework کلاس‌های بیشتری برای موجودیت‌ها مشاهده می‌کنید.
public Task<IList<Claim>> GetClaimsAsync(IdentityUser user)
{
ClaimsIdentity identity = userClaimsTable.FindByUserId(user.Id);
return Task.FromResult<IList<Claim>>(identity.Claims.ToList());
} public class IdentityUser : IUser
{
public IdentityUser(){...}
public IdentityUser(string userName) (){...}
public string Id { get; set; }
public string UserName { get; set; }
public string PasswordHash { get; set; }
public string SecurityStamp { get; set; }
} public class UserStore : IUserStore<IdentityUser>,
IUserClaimStore<IdentityUser>,
IUserLoginStore<IdentityUser>,
IUserRoleStore<IdentityUser>,
IUserPasswordStore<IdentityUser>
{
public UserStore(){...}
public Task CreateAsync(IdentityUser user){...}
public Task<IdentityUser> FindByIdAsync(string userId){...}
...
} public class IdentityRole : IRole
{
public IdentityRole(){...}
public IdentityRole(string roleName) (){...}
public string Id { get; set; }
public string Name { get; set; }
} public class RoleStore : IRoleStore<IdentityRole>
{
public RoleStore(){...}
public Task CreateAsync(IdentityRole role){...}
public Task<IdentityRole> FindByIdAsync(string roleId){...}
....
} 
در ویزارد Choose Add-on به سمت پایین اسکرول کنید و گزینه ClearDB MySQL Database را انتخاب کنید. سپس به مرحله بعد بروید.
4. راهکار Free بصورت پیش فرض انتخاب شده، همین گزینه را انتخاب کنید و نام دیتابیس را به IdentityMySQLDatabase تغییر دهید. نزدیک‌ترین ناحیه (region) به خود را انتخاب کنید و به مرحله بعد بروید.
5. روی علامت checkmark کلیک کنید تا دیتابیس شما ایجاد شود. پس از آنکه دیتابیس شما ساخته شد می‌توانید از قسمت ADD-ONS آن را مدیریت کنید.
6. همانطور که در تصویر بالا می‌بینید، می‌توانید اطلاعات اتصال دیتابیس (connection info) را از پایین صفحه دریافت کنید.
7. اطلاعات اتصال را با کلیک کردن روی دکمه مجاور کپی کنید تا بعدا در اپلیکیشن MVC خود از آن استفاده کنیم.
CREATE TABLE `IdentityMySQLDatabase`.`users` (
`Id` VARCHAR(45) NOT NULL,
`UserName` VARCHAR(45) NULL,
`PasswordHash` VARCHAR(100) NULL,
`SecurityStamp` VARCHAR(45) NULL,
PRIMARY KEY (`id`));
CREATE TABLE `IdentityMySQLDatabase`.`roles` (
`Id` VARCHAR(45) NOT NULL,
`Name` VARCHAR(45) NULL,
PRIMARY KEY (`Id`));
CREATE TABLE `IdentityMySQLDatabase`.`userclaims` (
`Id` INT NOT NULL AUTO_INCREMENT,
`UserId` VARCHAR(45) NULL,
`ClaimType` VARCHAR(100) NULL,
`ClaimValue` VARCHAR(100) NULL,
PRIMARY KEY (`Id`),
FOREIGN KEY (`UserId`)
REFERENCES `IdentityMySQLDatabase`.`users` (`Id`) on delete cascade);
CREATE TABLE `IdentityMySQLDatabase`.`userlogins` (
`UserId` VARCHAR(45) NOT NULL,
`ProviderKey` VARCHAR(100) NULL,
`LoginProvider` VARCHAR(100) NULL,
FOREIGN KEY (`UserId`)
REFERENCES `IdentityMySQLDatabase`.`users` (`Id`) on delete cascade);
CREATE TABLE `IdentityMySQLDatabase`.`userroles` (
`UserId` VARCHAR(45) NOT NULL,
`RoleId` VARCHAR(45) NOT NULL,
PRIMARY KEY (`UserId`, `RoleId`),
FOREIGN KEY (`UserId`)
REFERENCES `IdentityMySQLDatabase`.`users` (`Id`)
on delete cascade
on update cascade,
FOREIGN KEY (`RoleId`)
REFERENCES `IdentityMySQLDatabase`.`roles` (`Id`)
on delete cascade
on update cascade); 
6. در پنجره New ASP.NET Project قالب MVC را انتخاب کنید و تنظیمات پیش فرض را بپذیرید.
7. در پنجره Solution Explorer روی پروژه IdentityMySQLDemo کلیک راست کرده و Manage NuGet Packages را انتخاب کنید. در قسمت جستجوی دیالوگ باز شده عبارت "Identity.EntityFramework" را وارد کنید. در لیست نتایج این پکیج را انتخاب کرده و آن را حذف (Uninstall) کنید. پیغامی مبنی بر حذف وابستگی‌ها باید دریافت کنید که مربوط به پکیج EntityFramework است، گزینه Yes را انتخاب کنید. از آنجا که کاری با پیاده سازی فرض نخواهیم داشت، این پکیج‌ها را حذف می‌کنیم.
8. روی پروژه IdentityMySQLDemo کلیک راست کرده و Add, Reference, Solution, Projects را انتخاب کنید. در دیالوگ باز شده پروژه AspNet.Identity.MySQL را انتخاب کرده و OK کنید.
9. در پروژه IdentityMySQLDemo پوشه Models را پیدا کرده و کلاس IdentityModels.cs را حذف کنید.
10. در پروژه IdentityMySQLDemo تمام ارجاعات ";using Microsoft.AspNet.Identity.EntityFramework" را با ";using AspNet.Identity.MySQL" جایگزین کنید.
11. در پروژه IdentityMySQLDemo تمام ارجاعات به کلاس "ApplicationUser" را با "IdentityUser" جایگزین کنید.
12. کنترلر Account را باز کنید و متد سازنده آنرا مطابق لیست زیر تغییر دهید.
public AccountController() : this(new UserManager<IdentityUser>(new UserStore(new MySQLDatabase())))
{
} 13. فایل web.config را باز کنید و رشته اتصال DefaultConnection را مطابق لیست زیر تغییر دهید.
<add name="DefaultConnection" connectionString="Database=IdentityMySQLDatabase;Data Source=<DataSource>;User Id=<UserID>;Password=<Password>" providerName="MySql.Data.MySqlClient" />
مقادیر <DataSource>, <UserId> و <Password> را با اطلاعات دیتابیس خود جایگزین کنید.
5. در این مرحله کاربر جدید باید ایجاد شده و وارد سایت شود.
6. به ابزار MySQL Workbench بروید و محتوای جداول IdentityMySQLDatabase را بررسی کنید. جدول users را باز کنید و اطلاعات کاربر جدید را بررسی نمایید.
برای ساده نگاه داشتن این مقاله از بررسی تمام کدهای لازم خودداری شده، اما اگر مراحل را دنبال کنید و سورس کد نمونه را دریافت و بررسی کنید خواهید دید که پیاده سازی تامین کنندگان سفارشی برای ASP.NET Identity کار نسبتا ساده ای است.
$('#username').on('shown', function() {
var $innerForm = $(this).data('editable').input.$input.closest('form');
var $outerForm = $innerForm.parents('form').eq(0);
$innerForm.data('validator', $outerForm.data('validator'));
}); 
@BundleConfig.AddStyles("~/Content/css",
"~/Content/bootstrap.min.css",
"~/Content/Site.css")
@BundleConfig.AddScripts("~/Scripts/js",
"~/Scripts/jquery-1.10.2.min.js",
"~/Scripts/bootstrap.min.js",
"~/Scripts/modernizr-2.6.2.js",
"~/Scripts/jquery.bootstrap-modal-confirm.js")
@RenderSection("JavaScript", required: false) 