using PdfRpt.Core.Helper;
var data = list.GetSafeStringValueOf("Product.Category.Name");
or
var data = list.GetSafeStringValueOf<Entity>(x=>x.Product.Category.Name);dotnet new blazor --interactivity Server
dotnet new blazor --interactivity WebAssembly
dotnet new blazor --interactivity Auto
dotnet new blazor --interactivity None
var builder = WebApplication.CreateBuilder(args);
builder.Services.AddRazorComponents().AddInteractiveServerComponents();
var app = builder.Build();
if (!app.Environment.IsDevelopment())
{
app.UseExceptionHandler("/Error", createScopeForErrors: true);
app.UseHsts();
}
app.UseHttpsRedirection();
app.UseStaticFiles();
app.UseAntiforgery();
app.MapRazorComponents<App>().AddInteractiveServerRenderMode();
app.Run(); @page "/counter"
@rendermode InteractiveServer
<PageTitle>Counter</PageTitle>
<h1>Counter</h1>
<p role="status">Current count: @currentCount</p>
<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
@code {
private int currentCount = 0;
private void IncrementCount()
{
currentCount++;
}
} @rendermode InteractiveServerRenderModeWithoutPrerendering
@code{
static readonly IComponentRenderMode InteractiveServerRenderModeWithoutPrerendering =
new InteractiveServerRenderMode(false);
} <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<base href="/" />
<link rel="stylesheet" href="bootstrap/bootstrap.min.css" />
<link rel="stylesheet" href="app.css" />
<link rel="stylesheet" href="MyApp.styles.css" />
<link rel="icon" type="image/png" href="favicon.png" />
<HeadOutlet />
</head>
<body>
<Routes />
<script src="_framework/blazor.web.js"></script>
</body>
</html> <HeadOutlet @rendermode="@InteractiveServer" /> ... <Routes @rendermode="@InteractiveServer" />
@page "/weather"
@attribute [StreamRendering(prerender: true)]
<PageTitle>Weather</PageTitle>
<h1>Weather</h1>
<p>This component demonstrates showing data.</p>
@if (_forecasts == null)
{
<p>
<em>Loading...</em>
</p>
}
else
{
<table class="table">
<thead>
<tr>
<th>Date</th>
<th>Temp. (C)</th>
<th>Temp. (F)</th>
<th>Summary</th>
</tr>
</thead>
<tbody>
@foreach (var forecast in _forecasts)
{
<tr>
<td>@forecast.Date.ToShortDateString()</td>
<td>@forecast.TemperatureC</td>
<td>@forecast.TemperatureF</td>
<td>@forecast.Summary</td>
</tr>
}
</tbody>
</table>
}
@code {
private List<WeatherForecast>? _forecasts;
protected override async Task OnInitializedAsync()
{
// Simulate asynchronous loading to demonstrate streaming rendering
await Task.Delay(500);
var startDate = DateOnly.FromDateTime(DateTime.Now);
var summaries = new[]
{
"Freezing",
"Bracing",
"Chilly",
"Cool",
"Mild",
"Warm",
"Balmy",
"Hot",
"Sweltering",
"Scorching",
};
_forecasts = GetWeatherForecasts(startDate, summaries).ToList();
StateHasChanged();
// Simulate asynchronous loading to demonstrate streaming rendering
await Task.Delay(1000);
_forecasts.AddRange(GetWeatherForecasts(startDate, summaries));
StateHasChanged();
await Task.Delay(1000);
_forecasts.AddRange(GetWeatherForecasts(startDate, summaries));
}
private static IEnumerable<WeatherForecast> GetWeatherForecasts(DateOnly startDate, string[] summaries)
{
return Enumerable.Range(1, 5)
.Select(index => new WeatherForecast
{
Date = startDate.AddDays(index),
TemperatureC = Random.Shared.Next(-20, 55),
Summary = summaries[Random.Shared.Next(summaries.Length)],
});
}
private class WeatherForecast
{
public DateOnly Date { get; set; }
public int TemperatureC { get; set; }
public string? Summary { get; set; }
public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
}
} @using static Microsoft.AspNetCore.Components.Web.RenderMode
@attribute [RenderModeInteractiveServer]
@rendermode InteractiveServer
@rendermode renderMode
@code {
static IComponentRenderMode renderMode = new InteractiveWebAssemblyRenderMode(prerender: false);
} //It's only for code review purpose!
using System.Data;
using System.Data.SqlClient;
using System.Web.Configuration;
public sealed class SqlHelper
{
private SqlHelper() { }
// Send Connection String
//---------------------------------------------------------------------------------------
public static string GetCntString()
{
return WebConfigurationManager.ConnectionStrings["db_ConnectionString"].ConnectionString;
}
// Connect to Data Base SqlServer
//---------------------------------------------------------------------------------------
public static SqlConnection Connect2Db(ref SqlConnection sqlCnt, string cntString)
{
try
{
if (sqlCnt == null) sqlCnt = new SqlConnection();
sqlCnt.ConnectionString = cntString;
if (sqlCnt.State != ConnectionState.Open) sqlCnt.Open();
return sqlCnt;
}
catch (SqlException)
{
return null;
}
}
// Run ExecuteScalar Command
//---------------------------------------------------------------------------------------
public static string RunExecuteScalarCmd(ref SqlConnection sqlCnt, string strCmd, bool blnClose)
{
Connect2Db(ref sqlCnt, GetCntString());
using (sqlCnt)
{
using(SqlCommand sqlCmd = sqlCnt.CreateCommand())
{
sqlCmd.CommandText = strCmd;
object objResult = sqlCmd.ExecuteScalar();
if (blnClose) CloseCnt(ref sqlCnt, true);
return (objResult == null) ? string.Empty : objResult.ToString();
}
}
}
// Close SqlServer Connection
//---------------------------------------------------------------------------------------
public static bool CloseCnt(ref SqlConnection sqlCnt, bool nullSqlCnt)
{
try
{
if (sqlCnt == null) return true;
if (sqlCnt.State == ConnectionState.Open)
{
sqlCnt.Close();
sqlCnt.Dispose();
}
if (nullSqlCnt) sqlCnt = null;
return true;
}
catch (SqlException)
{
return false;
}
}
}
protected void BtnTest_Click(object sender, EventArgs e)
{
SqlConnection sqlCnt = new SqlConnection();
string strQuery = "SELECT COUNT(UnitPrice) AS PriceCount FROM [Order Details]";
// در این مرحله پارامتر سوم یعنی کانکشن باز نگه داشته شود
string strResult = SqlHelper.RunExecuteScalarCmd(ref sqlCnt, strQuery, false);
strQuery = "SELECT LastName + N'-' + FirstName AS FullName FROM Employees WHERE (EmployeeID = 9)";
// در این مرحله پارامتر سوم یعنی کانکشن بسته شود
strResult = SqlHelper.RunExecuteScalarCmd(ref sqlCnt, strQuery, true);
}
/// <summary>
///
/// </summary>
/// <param name="sqlCnt"></param>
/// <param name="cntString"></param>
/// <returns></returns>
public static SqlConnection Connect2Db(ref SqlConnection sqlCnt, string cntString)
رابطه ای از جدول Type به جدول Category.
به کمک Scaffolding یک کنترلر برای کلاس Tap (شیر آب) می‌سازیم ، به طور عادی در فایل Create.chtml مقدار گروه را به صورت DropDown نمایش می‌دهد، حال ما نیاز داریم که خودمان DropDown را برای Type ایجاد کنیم و بعد ارتباط اینها را بر قرار کنیم.
تابع اولی Create را این طوری ویرایش میکنیم :
public ActionResult Create()
{
ViewBag.Type = new SelectList(db.Types, "Id", "Title");
ViewBag.Category = new SelectList(db.Categories, "Id", "Title");
return View();
}
همان طور که مشخص است ، علاوه بر مقادیر Category که خودش ارسال می‌کند ، ما نیز مقادیر نوع‌ها را به View مورد نظر ارسال میکنیم.
برای نمایش دادن هر دو DropDownList ویو مورد نظر را به این صورت ویرایش میکنیم :
<div>
نوع
</div>
<div>
@Html.DropDownList("Type", (SelectList)ViewBag.Type, "-- انتخاب ---", new { id = "rdbTyoe" })
@Html.ValidationMessageFor(model => model.Category)
</div>
<div>
دسته بندی
</div>
<div>
@Html.DropDownList("Category", (SelectList)ViewBag.Category, "-- انتخاب ---", new { id = "rdbCategory"})
@Html.ValidationMessageFor(model => model.Category)
</div>
همان طور که مشاهده می‌کنید ، در اینجا DropDownList مربوط به Type که خودمان سمت سرور ،مقادیر آن را پر کرده بودیم نمایش میدهیم.
خب شاید تا اینجای کار ، ساده بود ولی میرسیم به اصل مطلب و ارتباط بین این دو DropDownList. (قبل از این قسمت حتما نگاهی به ساختار DropDownList یا همان تگ select بیندازید ، اطلاعات جی کوئری شما در این قسمت خیلی کمک حال شما است)
برای این کار ما از jQuery استفادی میکنیم ، کار به این صورت است که هنگامی که مقدار DropDownList اول تغییر کرد :
public ActionResult SelectCategory(int id)
{
var categoris = db.Categories.Where(m => m.Type1.Id == id).Select(c => new { c.Id, c.Title });
return Json(categoris, JsonRequestBehavior.AllowGet);
}
$('#rdbTyoe').change(function () {
jQuery.getJSON('@Url.Action("SelectCategory")', { id: $(this).attr('value') }, function (data) {
$('#rdbCategory').empty();
jQuery.each(data, function (i) {
var option = $('<option></option>').attr("value", data[i].Id).text(data[i].Title);
$("#rdbCategory").append(option);
});
});
});
$('#rdbCategory').empty();
بعد از انتخاب :
PM> Install-Package RazorGenerator.Mvc
PM> Enable-RazorGenerator
Copy "$(ProjectDir)$(OutDir)$(TargetName).*" "$(SolutionDir)MvcPluginMasterApp\bin\"
using System.Web.Mvc;
namespace MvcPluginMasterApp.Plugin1.Areas.NewsArea
{
public class NewsAreaAreaRegistration : AreaRegistration
{
public override string AreaName
{
get
{
return "NewsArea";
}
}
public override void RegisterArea(AreaRegistrationContext context)
{
context.MapRoute(
"NewsArea_default",
"NewsArea/{controller}/{action}/{id}",
// تکمیل نام کنترلر پیش فرض
new { controller = "Home", action = "Index", id = UrlParameter.Optional },
// مشخص کردن فضای نام مرتبط جهت جلوگیری از تداخل با سایر قسمت‌های برنامه
namespaces: new[] { string.Format("{0}.Controllers", this.GetType().Namespace) }
);
}
}
} using System.Web.Mvc;
using System.Web.Routing;
namespace MvcPluginMasterApp
{
public class RouteConfig
{
public static void RegisterRoutes(RouteCollection routes)
{
routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
routes.MapRoute(
name: "Default",
url: "{controller}/{action}/{id}",
defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional },
// مشخص کردن فضای نام مرتبط جهت جلوگیری از تداخل با سایر قسمت‌های برنامه
namespaces: new[] { string.Format("{0}.Controllers", typeof(RouteConfig).Namespace) }
);
}
}
} using System;
using System.Reflection;
using System.Web.Optimization;
using System.Web.Routing;
using StructureMap;
namespace MvcPluginMasterApp.PluginsBase
{
public interface IPlugin
{
EfBootstrapper GetEfBootstrapper();
MenuItem GetMenuItem(RequestContext requestContext);
void RegisterBundles(BundleCollection bundles);
void RegisterRoutes(RouteCollection routes);
void RegisterServices(IContainer container);
}
public class EfBootstrapper
{
/// <summary>
/// Assemblies containing EntityTypeConfiguration classes.
/// </summary>
public Assembly[] ConfigurationsAssemblies { get; set; }
/// <summary>
/// Domain classes.
/// </summary>
public Type[] DomainEntities { get; set; }
/// <summary>
/// Custom Seed method.
/// </summary>
//public Action<IUnitOfWork> DatabaseSeeder { get; set; }
}
public class MenuItem
{
public string Name { set; get; }
public string Url { set; get; }
}
} PM> install-package EntityFramework PM> install-package Microsoft.AspNet.Web.Optimization PM> install-package structuremap.web
using System.Web.Mvc;
using System.Web.Optimization;
using System.Web.Routing;
using MvcPluginMasterApp.PluginsBase;
using StructureMap;
namespace MvcPluginMasterApp.Plugin1
{
public class Plugin1 : IPlugin
{
public EfBootstrapper GetEfBootstrapper()
{
return null;
}
public MenuItem GetMenuItem(RequestContext requestContext)
{
return new MenuItem
{
Name = "Plugin 1",
Url = new UrlHelper(requestContext).Action("Index", "Home", new { area = "NewsArea" })
};
}
public void RegisterBundles(BundleCollection bundles)
{
//todo: ...
}
public void RegisterRoutes(RouteCollection routes)
{
//todo: add custom routes.
}
public void RegisterServices(IContainer container)
{
// todo: add custom services.
container.Configure(cfg =>
{
//cfg.For<INewsService>().Use<EfNewsService>();
});
}
}
} using System;
using System.IO;
using System.Threading;
using System.Web;
using MvcPluginMasterApp.PluginsBase;
using StructureMap;
using StructureMap.Graph;
namespace MvcPluginMasterApp.IoCConfig
{
public static class SmObjectFactory
{
private static readonly Lazy<Container> _containerBuilder =
new Lazy<Container>(defaultContainer, LazyThreadSafetyMode.ExecutionAndPublication);
public static IContainer Container
{
get { return _containerBuilder.Value; }
}
private static Container defaultContainer()
{
return new Container(cfg =>
{
cfg.Scan(scanner =>
{
scanner.AssembliesFromPath(
path: Path.Combine(HttpRuntime.AppDomainAppPath, "bin"),
// یک اسمبلی نباید دوبار بارگذاری شود
assemblyFilter: assembly =>
{
return !assembly.FullName.Equals(typeof(IPlugin).Assembly.FullName);
});
scanner.WithDefaultConventions(); //Connects 'IName' interface to 'Name' class automatically.
scanner.AddAllTypesOf<IPlugin>().NameBy(item => item.FullName);
});
});
}
}
} PM> install-package EntityFramework PM> install-package structuremap.web
using System.Linq;
using System.Web.Optimization;
using System.Web.Routing;
using MvcPluginMasterApp;
using MvcPluginMasterApp.IoCConfig;
using MvcPluginMasterApp.PluginsBase;
[assembly: WebActivatorEx.PostApplicationStartMethod(typeof(PluginsStart), "Start")]
namespace MvcPluginMasterApp
{
public static class PluginsStart
{
public static void Start()
{
var plugins = SmObjectFactory.Container.GetAllInstances<IPlugin>().ToList();
foreach (var plugin in plugins)
{
plugin.RegisterServices(SmObjectFactory.Container);
plugin.RegisterRoutes(RouteTable.Routes);
plugin.RegisterBundles(BundleTable.Bundles);
}
}
}
} @using MvcPluginMasterApp.IoCConfig
@using MvcPluginMasterApp.PluginsBase
@{
var plugins = SmObjectFactory.Container.GetAllInstances<IPlugin>().ToList();
}
@foreach (var plugin in plugins)
{
var menuItem = plugin.GetMenuItem(this.Request.RequestContext);
<li>
<a href="@menuItem.Url">@menuItem.Name</a>
</li>
} <div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
@Html.ActionLink("MvcPlugin Master App", "Index", "Home", new { area = "" }, new { @class = "navbar-brand" })
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li>@Html.ActionLink("Master App/Home", "Index", "Home", new {area = ""}, null)</li>
@{ Html.RenderPartial("_PluginsMenu"); }
</ul>
</div>
</div>
</div> 
public void ConfigureServices(IServiceCollection services)
{
// Add service and create Policy with options
services.AddCors(options =>
{
options.AddPolicy("CorsPolicy",
builder => builder.AllowAnyOrigin()
.AllowAnyMethod()
.AllowAnyHeader()
.AllowCredentials() );
});
// Make sure MVC is added AFTER CORS
services.AddMvc();
} services.AddCors(options =>
{
options.AddPolicy("AllowOrigin",
builder => builder.WithOrigins("http://localhost:55294")
.WithMethods("GET", "POST", "HEAD"));
}); public void Configure(IApplicationBuilder app)
{
// ...
app.UseCors("CorsPolicy");
// ...
app.UseMvc(routes =>
{
routes.MapRoute(
name: "default",
template: "{controller=Home}/{action=Index}/{id?}");
});
} [EnableCors("CorsPolicy")]
public class MyApiController : Controller public void ConfigureServices(IServiceCollection services)
{
services.AddCors();
services.AddMvc();
}
public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
}
app.UseCors(policyBuilder =>
{
string[] origins = new string[] { "http://localhost:2000", "http://localhost:2001" };
policyBuilder
.AllowAnyHeader()
.AllowAnyMethod()
.WithOrigins(origins);
});
app.UseMvc();
} public void ConfigureServices(IServiceCollection services)
{
services.AddCors(options =>
{
options.AddDefaultPolicy(
builder =>
{
builder
.AllowAnyOrigin()
.AllowAnyMethod()
.AllowAnyHeader();
});
options.AddPolicy("MyCORSPolicy",
builder =>
{
builder.WithOrigins("http://localhost:49373")
.AllowAnyHeader()
.AllowAnyMethod();
});
});
services.AddMvc().AddNewtonsoftJson();
} Access to XMLHttpRequest at 'http://localhost:22135/chat/negotiate?jwt=<removed the jwt key>' from origin 'http://localhost:53150' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'. The credentials mode of requests initiated by the XMLHttpRequest is controlled by the withCredentials attribute.
services.AddCors(options =>
{
options.AddPolicy("AllowAllOrigins",
builder =>
{
builder
.AllowAnyOrigin()
.AllowAnyHeader()
.AllowAnyMethod()
.AllowCredentials();
});
}); var xhr = new XMLHttpRequest();
xhr.open('get', 'http://www.example.com/api/test');
xhr.withCredentials = true;
//In jQuery:
$.ajax({
type: 'get',
url: 'http://www.example.com/home',
xhrFields: {
withCredentials: true
}
//ES6 fetch API:
fetch(
'http://remote-url.com/users',
{
'PUT',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json'
},
mode: 'cors',
credentials: 'include',
body: JSON.stringify(body)
}
)
.then((response) => response.json())
.then((response) => console.log(response))
.catch((error) => console.error(error)); [EnableCors(origins: "http://MyWebsite.com", headers: "*", methods: "*")] //is not the same as this: [EnableCors(origins:"http://mywebsite.com", headers: "*", methods: "*")]
Media Type یا MIME Type نشان دهنده فرمت یک مجموعه داده است. در HTTP، مدیا تایپ بیان کننده فرمت message body یک درخواست / پاسخ است و به دریافت کننده اعلام می‌کند که چطور باید پیام را بخواند. محل استاندارد تعیین Mime Type در هدر Content-Type است. درخواست کننده می‌تواند با استفاده از هدر Accept لیستی از MimeTypeهای قابل قبول را به عنوان پاسخ، به سرور اعلام کند.
Asp.net Web API از MimeType برای تعیین نحوه serialize یا deserialize کردن محتوای دریافتی / ارسالی استفاده می‌کند
مسئله
یک پروژه Web API بسازید و view model زیر را در آن تعریف کنید:
public class NewProduct
{
[Required]
public string Name { get; set; }
public double Price { get; set; }
public byte[] Pic { get; set; }
} همانطور که می‌بینید یک فیلد از نوع byte[] برای تصویر محصول در نظر گرفته شده است.
حالا یک کنترلر API ساخته و اکشنی برای دریافت اطلاعات محصول جدید از کاربر می‌نویسیم :public class ProductsController : ApiController
{
[HttpPost]
public HttpResponseMessage PostProduct(NewProduct model)
{
if (ModelState.IsValid)
{
// ثبت محصول
return new HttpResponseMessage(HttpStatusCode.Created);
}
return Request.CreateErrorResponse(HttpStatusCode.BadRequest, ModelState);
}
} و یک صفحه html به نام index.html که حاوی یک فرم برای ارسال اطلاعات باشد :
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1>ساخت MediaTypeFormatter برای Multipart/form-data</h1>
<h2>محصول جدید</h2>
<form id="newProduct" method="post" action="/api/products" enctype="multipart/form-data">
<div>
<label for="name">نام محصول : </label>
<input type="text" id="name" name="name" />
</div>
<div>
<label for="price">قیمت : </label>
<input type="number" id="price" name="price" />
</div>
<div>
<label for="pic">تصویر : </label>
<input type="file" id="pic" name="pic" />
</div>
<div>
<button type="submit">ثبت</button>
</div>
</form>
</body>
</html> زمانی که فرم حاوی فایلی برای آپلود باشد مشخصه encType باید برابر با Multipart/form-data مقداردهی شود تا اطلاعات فایل به درستی کد شوند. در زمان ارسال فرم Content-type درخواست برابر با Multipart/form-data و فرمت اطلاعات درخواست ارسالی به شکل زیر خواهد بود :
همانطور که می‌بینید هر فیلد در فرم، در یک بخش جداگانه قرار گرفته است که با خط چین هایی از هم جدا شده اند. هر بخش، headerهای جداگانه خود را دارد.
- Content-Disposition که نام فیلد و نام فایل را شامل می‌شود .
- content-type که mime type مخصوص آن بخش از داده‌ها را مشخص می‌کند.
پس از اینکه فرم را تکمیل کرده و ارسال کنید ، با پیام خطای زیر مواجه می‌شوید :
خطای روی داده اعلام می‌کند که Web API فاقد MediaTypeFormatter برای خواندن اطلاعات ارسال شده با فرمتMultiPart/Form-data است. Web API برای خواندن و بایند کردن پارامترهای complex Type از درون بدنه پیام یک درخواست از MediaTypeFormatter استفاده می‌کند و همانطور که گفته شد Web API فاقد Formatter توکار برای deserialize کردن داده‌های با فرمت Multipart/form-data است.
راه حل‌ها :روشی که در سایت asp.net برای آپلود فایل در web api استفاده شده، عدم استفاده از پارامترها و خواندن محتوای Request در درون کنترلر است. که به طبع در صورتی که بخواهیم کنترلرهای تمیز و کوچکی داشته باشیم روش مناسبی نیست. از طرفی امتیاز parameter binding و modelstate را هم از دست خواهیم داد.
روش دیگری که می‌خواهیم در اینجا پیاده سازی کنیم ساختن یک MediaTypeFormatter برای خواندن فرمت Multipart/form-data است. با این روش کد موردنیاز کپسوله شده و امکان استفاده از binding و modelstate را خواهیم داشت.
برای ساختن یک MediaTypeFormatter یکی از 2 کلاس MediaTypeFormatter یا BufferedMediaTypeFormatter را باید پیاده سازی کنیم . تفاوت این دو در این است که BufferedMediaTypeFormatter برخلاف MediaTypeFormatter از متدهای synchronous استفاده می‌کند.
یک کلاس به نام MultiPartMediaTypeFormatter می‌سازیم و کلاس MediaTypeFormatter را به عنوان کلاس پایه آن قرار میدهیم .
public class MultiPartMediaTypeFormatter : MediaTypeFormatter
{
...
} ابتدا در تابع سازنده کلاس فرمت هایی که می‌خواهیم توسط این کلاس خوانده شوند را تعریف میکنیم :
public MultiPartMediaTypeFormatter()
{
SupportedMediaTypes.Add(new MediaTypeHeaderValue("multipart/form-data"));
} سپس با پیاده سازی توابع CanReadType و CanWriteType مربوط به کلاس MediaTypeFormatter مشخص میکنیم که چه مدل‌هایی را می‌توان توسط این کلاس serialize / deserialize کرد. در اینجا چون می‌خواهیم این کلاس محدود به یک مدل خاص نباشد، از یک اینترفیس برای شناسایی کلاس‌های مجاز استفاده میکنیم .
public interface INeedMultiPartMediaTypeFormatter
{
} و آنرا به کلاس newProduct اضافه میکنیم :
public class NewProduct : INeedMultiPartMediaTypeFormatter
{
...
} public override bool CanReadType(Type type)
{
return typeof(INeedMultiPartMediaTypeFormatter).IsAssignableFrom(type);
}
public override bool CanWriteType(Type type)
{
return false;
} و اما تابع ReadFromStreamAsync که کار خواندن محتوای ارسال شده و بایند کردن آنها به پارامترها را برعهده دارد
public async override Task<object> ReadFromStreamAsync(Type type, Stream stream, HttpContent content, IFormatterLogger formatterLogger)
ابتدا محتوای ارسال شده را خوانده و اطلاعات فرم را استخراج میکنیم و از طرف دیگر با استفاده از کلاس Activator یک نمونه از مدل جاری را ساخته و لیست propertyهای آنرا استخراج میکنیم.
MultipartMemoryStreamProvider provider = await content.ReadAsMultipartAsync();
IEnumerable<HttpContent> formData = provider.Contents.AsEnumerable();
var modelInstance = Activator.CreateInstance(type);
IEnumerable<PropertyInfo> properties = type.GetProperties(); سپس در یک حلقه به ترتیب برای هر property متعلق به مدل، در میان اطلاعات فرم جستجو میکنیم. برای پیدا کردن اطلاعات متناظر با هر property در هدر Content-Disposition که در بالا توضیح داده شد، به دنبال فیلد همنام با property می‌گردیم .
foreach (PropertyInfo prop in properties)
{
var propName = prop.Name.ToLower();
var propType = prop.PropertyType;
var data = formData.FirstOrDefault(d => d.Headers.ContentDisposition.Name.ToLower().Contains(propName)); گفتیم که هر فیلد یک هدر، Content-Type هم می‌تواند داشته باشد. این هدر به صورت پیش فرض معادل text/plain است و برای فیلدهای عادی قرار داده نمی‌شود . در این مثال چون فقط یک
فیلد غیر رشته ای داریم فرض را بر این گرفته ایم که در صورت وجود Content-Type، فیلد مربوط به تصویر است. در صورتیکهContentType وجود داشته باشد، محتوای فیلد را به شکل Stream
خوانده به byte[] تبدیل و با استفاده از متد SetValue در property مربوطه قرار میدهیم.
if (data != null)
{
if (data.Headers.ContentType != null)
{
using (var fileStream = await data.ReadAsStreamAsync())
{
using (MemoryStream ms = new MemoryStream())
{
fileStream.CopyTo(ms);
prop.SetValue(modelInstance, ms.ToArray());
}
}
} در صورتی که Content-Type غایب باشد بدین معنی است که محتوای فیلد از نوع رشته است ( عدد ، تاریخ ، guid ، رشته ) و باید به نوع مناسب تبدیل شود. ابتدا آن را به صورت یک رشته می‌خوانیم و با استفاده از Convert.ChangeType آنرا به نوع مناسب تبدیل میکنیم و در property متناظر قرار میدهیم .
if (data != null)
{
if (data.Headers.ContentType != null)
{
//...
}
else
{
string rawVal = await data.ReadAsStringAsync();
object val = Convert.ChangeType(rawVal, propType);
prop.SetValue(modelInstance, val);
}
} return modelInstance;
config.Formatters.Add(new MultiPartMediaTypeFormatter());
[BreezeController]
public class AccountController : ApiController
{
...
} module Interfaces {
export interface IAuthService {
user: Models.IUserToken
getUserInfo(accessToken);
login(data);
logOut();
register(data);
changePassword(data);
accessToken(accessToken, data);
}
} "grant_type=password & username=myusername & password=mypassword";
var ajaxAdapter = breeze.config.getAdapterInstance("ajax");
breeze.ajaxpost(ajaxAdapter); .withParameters({
$method: 'POST',
$encoding: 'JSON',
$data: newData
} module AdApps {
var securityUrls = {
site: '/',
login: '/token',
logout: 'logout',
register: 'register',
userInfo: 'getUserInfo',
changePassword: 'changePassword',
}
export class AuthService implements Interfaces.IAuthService {
private manager: breeze.EntityManager;
constructor(
private _breeze: typeof breeze,
private $http: ng.IHttpProvider,
private toaster: ngtoaster.IToasterService,
private $location: ng.ILocationService) {
var dataService = new _breeze.DataService({
serviceName: "/breeze/Account",
hasServerMetadata: false
});
var metadataStore = new _breeze.MetadataStore({
namingConvention: _breeze.NamingConvention.camelCase
});
this.manager = new _breeze.EntityManager({
dataService: dataService,
metadataStore: metadataStore,
saveOptions: new _breeze.SaveOptions({
allowConcurrentSaves: true, tag: [{}]
})
});
}
user: Models.IUserToken;
accessToken(accessToken, data): string {
if (accessToken === 'clear') {
localStorage.removeItem('accessToken');
delete this.$http.defaults.headers.common.Authorization;
}
else {
window.localStorage.setItem("accessToken", accessToken);
this.$http.defaults.headers.common.Authorization = 'Bearer ' + accessToken;
}
return accessToken;
}
getUserInfo(): ng.IPromise<any> {
var query = this._breeze.EntityQuery.from(securityUrls.userInfo);
return this.manager.executeQuery(query).then(data => {
return data.results[0];
});
}
login(data: any): ng.IPromise<any> {
var newData = "grant_type=password&username=" + data.userName + "&password=" + data.password;
var query = this._breeze.EntityQuery.from(securityUrls.login)
.withParameters({
$method: 'POST',
$encoding: 'JSON',
$data: newData
});
return this.manager.executeQuery(query).then(data => {
var self = this;
var result = data.results[0] as any;
self.accessToken(result.access_token, data.results[0]);
self.user = <Models.IUserToken>{};
self.user = <Models.IUserToken>result;
return result;
});
}
logOut(): ng.IPromise<any> {
var query = this._breeze.EntityQuery.from(securityUrls.logout)
.withParameters({
$method: 'POST',
$encoding: 'JSON',
});
return this.manager.executeQuery(query).then(data => {
this.user = null;
this.accessToken('clear', null);
this.$location.path("/");
});
}
register(data: Object): ng.IPromise<any> {
var query = this._breeze.EntityQuery.from(securityUrls.register)
.withParameters({
$method: 'POST',
$encoding: 'JSON',
$data: data
});
return this.manager.executeQuery(query).then(data => { });
}
changePassword(data: Object): ng.IPromise<any> {
var query = this._breeze.EntityQuery.from(securityUrls.changePassword)
.withParameters({
$method: 'POST',
$encoding: 'JSON',
$data: data
});
return this.manager.executeQuery(query).then(data => { });
}
}
} module AdApps {
export class HttpInterceptor {
private static _toaster: ngtoaster.IToasterService;
private static _$q: ng.IQService;
constructor(
private $q: ng.IQService,
private toaster: ngtoaster.IToasterService,
private $location: ng.ILocationService) {
HttpInterceptor._toaster = toaster;
HttpInterceptor._$q = $q;
}
request(config): string {
config.headers = config.headers || {};
var authData = window.localStorage.getItem("accessToken");
if (authData) {
config.headers.Authorization = "Bearer " + authData;
}
return config;
};
response(response): ng.IPromise<any> {
if (response.data && response.data.message && response.status === 200) {
HttpInterceptor._toaster.success(response.data.message)
}
return HttpInterceptor._$q.resolve(response);
};
responseError(response): ng.IPromise<any> {
var self = this;
var data = response.data;
var title = "خطا";
var messages = [];
if (data) {
if (data.error) {
title = data.error;
}
if (data.message) {
messages.push(data.message);
}
if (data.Message) {
messages.push(data.Message);
}
if (data.ModelState) {
angular.forEach(data.ModelState, function (errors, key) {
if (key.substr(0, 1) != "$")
{ messages.push(errors); }
});
}
if (data.exceptionMessage) {
messages.push(data.exceptionMessage);
}
if (data.ExceptionMessage) {
messages.push(data.ExceptionMessage);
}
if (data.error_description) {
messages.push(data.error_description);
}
if (messages.length > 0) {
HttpInterceptor._toaster.error(title, messages.join("<br/>"));
}
if (response.status === "401") {
self.$location.path("/ورود");
}
}
return HttpInterceptor._$q.reject(response);
}
}
} module AdApps {
class SecurityCtrl {
constructor(private $scope: Interfaces.IAuthScope, private authService: AuthService) {
$scope.authService = authService;
if (window.localStorage.getItem("accessToken") != null) {
authService.getUserInfo().then(function (data) {
$scope.authService.user = data;
});
}
$scope.logOut = function () {
return authService.logOut().then(function () { });
}
}
}
define(["angularAmd", "angular", "factory/AuthService", "factory/httpInterceptor"], (angularAmd, ng) => {
angularAmd = angularAmd.__proto__;
var app = ng.module("AngularTypeScript", ['ngRoute', 'breeze.angular', 'toaster']);
var viewPath = "app/views/";
var controllerPath = "app/controller/";
app.config(['$routeProvider', '$httpProvider', function ($routeProvider, $httpProvider) {
$httpProvider.interceptors.push("HttpInterceptor");
$routeProvider
.when("/", angularAmd.route({
templateUrl: viewPath + "home.html",
controllerUrl: controllerPath + "home.js"
}))
.when("/login", angularAmd.route({
templateUrl: viewPath + "login.html",
controllerUrl: controllerPath + "login.js"
}))
.when("/register", angularAmd.route({
templateUrl: viewPath + "register.html",
controllerUrl: controllerPath + "register.js"
}))
.when("/changePassword", angularAmd.route({
templateUrl: viewPath + "change-password.html",
controllerUrl: controllerPath + "changePassword.js"
}))
.otherwise({ redirectTo: '/' });
}
]);
app.service('AuthService', ['breeze', '$http', 'toaster', '$location', AuthService]);
app.service("HttpInterceptor", ["$q", "toaster", "$location", HttpInterceptor]);
app.controller('SecurityCtrl', ['$scope', 'AuthService', SecurityCtrl]);
return angularAmd.bootstrap(app);
});
} module AdApps {
define(['app'], function (app) {
app.controller('LoginCtrl', ["$scope", "AuthService", "$location", LoginCtrl]);
});
export class LoginCtrl {
constructor($scope: Interfaces.ILoginScope, authService: AuthService, $location: ng.ILocationService) {
$scope.submit = function () {
authService.login(angular.copy($scope.form))
.then(function (data) {
this.$location.path("/");
})
};
}
}
} <div ng-controller="LoginCtrl">
<div>
<i></i>
<span>ورود</span>
<div>
<div>
</div>
</div>
</div>
<div>
<div>
<div>
<form name="Form" id="form1">
<fieldset>
<div>
<div>
<input
name="username"
ng-model="form.userName"
placeholder="نام کاربری"
required>
<span>
<i></i>
</span>
</div>
</div>
<div>
<div>
<input name="password"
type="password"
ng-model="form.password"
placeholder="{{'Password'}}"
validator="required">
<span>
<i></i>
</span>
</div>
</div>
</fieldset>
<div>
<button type="submit" ng-click="submit()">ورود</button>
</div>
</form>
</div>
</div>
</div>
</div> requirejs.config({
paths: {
"app": "app",
"angularAmd": "/Scripts/angularAmd",
"angular": "/Scripts/angular",
"breezeAjaxpost": "/Scripts/breeze/breeze.ajaxpost",
"breeze": "/Scripts/breeze/breeze.debug",
"breezeAngular": "/Scripts/breeze/breeze.angular",
"bootstrap": "/Scripts/bootstrap",
"angularRoute": "/Scripts/angular-route",
"jquery": "/Scripts/jquery-2.2.2",
"entityManagerService": "factory/entityManagerService",
"toaster": "/Scripts/toaster",
},
waitSeconds: 0,
shim: {
"angular": { exports: "angular" },
"angularRoute": { deps: ["angular"] },
"bootstrap": { deps: ["jquery"] },
"breeze": { deps: ["jquery"] },
"breezeAngular": {
deps: ["angular", "breeze"]
},
"toaster": { deps: ["angular"] },
"app": {
deps: ["bootstrap", "angularRoute", "toaster", "breezeAngular", "breezeAjaxpost"]
}
}
});
require(["app"]);