$(".froala-element").focus();
$(".froala-element").css({"border-color": "red"}); var postId = 10; var fileName = "test.jpg"
@foreach (var item in Model) {
<tr>
<td>
@Html.DisplayFor(modelItem => item.Title)
</td>
<td>
@Html.DisplayFor(modelItem => item.IsRead)
</td>
<td>
@Html.ActionLink("حذف پیام", MVC.User.ActionNames.DeleteMessageSend, MVC.User.Name, new{ id=item.Id }, new { @class="btn btn-danger" })
</td>
</tr>
} 
public class Startup
{
public void ConfigureServices(IServiceCollections services)
{
services.AddMvc(); // موجب فعال شدن «صفحات» و کنترلرها می‌شود
}
public void Configure(IApplicationBuilder app)
{
app.UseMvc();
}
} @page
@{
var message = "Hello, World!";
}
<html>
<body>
<p>@message</p>
</body>
</html> | URL متناظر | نام فایل و مسیر آن |
| / یا /Index | /Pages/Index.cshtml |
| /Contact | /Pages/Store/Contact.cshtml |
| /Store/Contact | /Pages/Store/Contact.cshtml |
using System.ComponentModel.DataAnnotations;
namespace MyApp
{
public class Contact
{
[Required]
public string Name { get; set; }
[Required]
public string Email { get; set; }
}
} @page
@using MyApp
@using Microsoft.AspNetCore.Mvc.RazorPages
@addTagHelper "*, Microsoft.AspNetCore.Mvc.TagHelpers"
@inject ApplicationDbContext Db
@functions {
[BindProperty]
public Contact Contact { get; set; }
public async Task<IActionResult> OnPostAsync()
{
if (ModelState.IsValid)
{
Db.Contacts.Add(Contact);
await Db.SaveChangesAsync();
return RedirectToPage();
}
return Page();
}
}
<html>
<body>
<p>فرم زیر را پر کنید تا در اسرع وقت، کارشناسان ما با شما بگیرند</p>
<div asp-validation-summary="All"></div>
<form method="POST">
<div>Name: <input asp-for="Contact.Name" /></div>
<div>Email: <input asp-for="Contact.Email" /></div>
<input type="submit" />
</form>
</body>
</html> @page
@using MyApp
@using MyApp.Pages
@using Microsoft.AspNetCore.Mvc.RazorPages
@addTagHelper "*, Microsoft.AspNetCore.Mvc.TagHelpers"
@model ContactModel
<html>
<body>
<p>فرم زیر را پر کنید تا در اسرع وقت، کارشناسان ما با شما بگیرند </p>
<div asp-validation-summary="All"></div>
<form method="POST">
<div>Name: <input asp-for="Contact.Name" /></div>
<div>Email: <input asp-for="Contact.Email" /></div>
<input type="submit" />
</form>
</body>
</html> using Microsoft.AspNetCore.Mvc;
using Microsoft.AspNetCore.Mvc.RazorPages;
namespace MyApp.Pages
{
public class ContactModel : PageModel
{
public ContactModel(ApplicationDbContext db)
{
Db = db;
}
[BindProperty]
public Contact Contact { get; set; }
private ApplicationDbContext Db { get; }
public async Task<IActionResult> OnPostAsync()
{
if (ModelState.IsValid)
{
Db.Contacts.Add(Contact);
await Db.SaveChangesAsync();
return RedirectToPage();
}
return Page();
}
}
} 
public class HomeViewModel
{
public string Id { get; set; }
public string Message { get; set; }
public DateTime DateTime { get; set; }
} اکنون به پوشه‌ی Views بروید و فایل Index.cshtml را به این صورت تغییر دهید:
@model AspNetCoreDependencyInjection.Models.HomeViewModel
@{
ViewData["Title"] = "Home";
}
<div>
<div>
<div>
<p>
<b>Id : </b><span>@Model.Id</span> <br />
<b>Date And Time : </b><span> @Model.DateTime </span> <br/>
<b>Message : </b><span>@Model.Message</span>
</p>
</div>
</div>
</div> using AspNetCoreDependencyInjection.Services;
namespace AspNetCoreDependencyInjection.ServicesImplentaions
{
public class MessageServiceAA
{
public string Message()
{
return "A message from MessageServiceAA";
}
}
} namespace AspNetCoreDependencyInjection.Helpers
{
public class GuidProvider
{
private readonly Guid _serviceGuid;
public GuidProvider()
{
_serviceGuid = Guid.NewGuid();
}
public Guid GetNewGuid() => Guid.NewGuid();
public string GetGuidAsFormatedString(string prefix = "") => getFormatedGuid(_serviceGuid, prefix);
private string getFormatedGuid(Guid guid, string prefix = "")
{
var guidString = guid.GetHashCode().ToString("x");
if (string.IsNullOrEmpty(prefix) == false)
guidString = new StringBuilder($"{prefix}-").Append(guidString).ToString();
return guidString;
}
}
} حالا درون کنترل HomeController، این تغییرات را انجام می‌دهیم:
private readonly ILogger<HomeController> _logger;
private readonly MessageServiceAA _messageService;
private readonly GuidProvider _ guidProvider;
public HomeController(ILogger<HomeController> logger)
{
_logger = logger;
_messageService = new MessageServiceAA();
_guidProvider = new GuidProvider();
}
public IActionResult Index()
{
var model = new HomeViewModel()
{
Id = _ guidProvider.GetGuidAsFormatedString(),
Message = _messageService.Message(),
DateTime = DateTime.Now,
};
return View(model);
} همانطور که می‌بینید، در کد بالا، کنترلر HomeController، به دو شیء از کلاس‌ها و یا سرویس‌های GuidProvider و MessageServiceAA به صورت مستقیم وابسته شده‌است و با هر تغییری در هر کدام از این سرویسها، باید دوباره کامپایل شود. علاوه بر این اگر بخواهیم پیاده سازی‌های مختلفی را برای هر کدام از این موارد، ارائه دهیم، به مشکل بر می‌خوریم. خب بیاید تغییراتی را در کد بالا بدهیم تا مشکلات ذکر شده را حل کنیم.
برای این منظور پوشه‌ای را به نام Services می‌سازیم و اینترفیسی را
به نام IMessageBrokerA ایجاد میکنیم و سپس کاری میکنیم که MessageServiceAA از این
اینترفیس ارث بری کند:
namespace AspNetCoreDependencyInjection.Services
{
public interface IMessageServiceA
{
string Message();
}
} و حالا می‌خواهیم با
استفاده از تزریق وابستگی، وابستگی کنترلر HomeController را از کلاس MessageBrokerAA لغو کرده و آن را به اینترفیس IMessageBrokerA (انتزاع) وابسته کنیم. در
اینجا ما از تکنیک تزریق درون سازنده یا Constructor Injection استفاده میکنیم.
تزریق درون سازنده
در این تکنیک، ما لیستی از وابستگی‌های مورد نیاز را به عنوان پارامترهای ورودی سازنده‌ی کلاس، تعریف میکنیم:private readonly ILogger<HomeController> _logger;
private readonly IMessageServiceA _messageService;
private readonly GuidProvider _guidHelper;
public HomeController(ILogger<HomeController> logger , IMessageServiceA messageService)
{
_logger = logger;
_messageService = messageService;
_messageService = new MessageServiceAA();
_guidHelper = new GuidProvider();
} public class Startup
{
public Startup(IConfiguration configuration)
{
Configuration = configuration;
}
public IConfiguration Configuration { get; }
// This method gets called by the runtime. Use this method to add services to the container.
public void ConfigureServices(IServiceCollection services)
{
services.AddControllersWithViews();
}
// This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
// کدها جهت خوانایی بیشتر مخفی شده اند
}
} همانطورکه می‌بینید، متد ConfigureService پارامتر IServiceCollection را می‌گیرد که به وسیله‌ی WebHost در زمان اجرای برنامه، مقدار دهی می‌شود.
تعداد زیادی Extension method برای IServiceCollection وجود دارند که برای پشتیبانی از ثبت کردن سرویس‌های مختلف در سناریوهای گوناگون به کار می‌روند. در اینجا ما از نسخه‌ی 3.1 چارچوب ASP.NET Core استفاده میکنیم. برای همین هم برای ثبت سرویس‌های پیش فرض فریمورک MVC از متد توسعه‌ی services.AddControllersWithViews() استفاده میکنیم. متد توسعه‌ی AddControllersWithViews() سرویس‌هایی را که معمولا در فریم ورک MVC استفاده می‌شوند، درون IServiceCollection ثبت می‌کند. در نسخه‌های قبلی چارچوب ASP.NET Core، مانند نسخه‌های 2.1 و 2.2 برای این کار از متد توسعه‌ی AddMvc() استفاده می‌شد.
در Microsoft Dependency Injection Container ، معمولا ترتیب ثبت سرویسها مهم نیست.
خب، اولین سرویس اختصاصی برنامه‌ی خودمان را با چرخه‌ی حیات Transient و زیر سرویس پیشین، به شکل زیر ثبت میکنیم :
public void ConfigureServices(IServiceCollection services)
{
services.AddControllersWithViews();
services.AddTransient<IMessageServiceA, MessageServiceAA>();
} public static IServiceCollection AddTransient<TService, TImplementation>(this IServiceCollection services)
در اینجا وقتی ما برای IMessageServiceA ، پیاده سازی MessageServiceA را ثبت میکنیم، از این به بعد DI Container، هر زمانیکه در لیست پارامترهای سازنده‌ی یک کلاس، IMessageServiceA را مشاهده کند، بررسی می‌کند که چه کلاسی به عنوانی پیاده سازی این اینترفیس ثبت شده‌است، سپس از آن نمونه سازی می‌کند و درون سازنده‌ی مورد نظر تزریق می‌کند. خب، حالا برنامه را دوباره اجرا کنید؛ می‌بینید که برنامه اجرا می‌شود.
<html>
<head>
<title>crash-1</title>
<style type="text/css">
* {position: relative;}
</style>
</head>
<body>
<table><input></table>
</body>
</html>
<style>*{position:relative}</style><table><input></table>
<html>
<head>
<title>crash-2</title>
<script type="text/javascript">for (x in document.write) { document.write(x);}</script>
</head>
<body>
Test-2
</body>
</html>
<html>
<head>
<title>crash-3</title>
<style type="text/css">
:link:hover {
color: #f00;
}
:link .images {
width: 300px;
display: none;
}
:link:hover .images {
position: absolute;
top: 10px;
left: 230px;
display: block;
}
</style>
</head>
<body>
<a href="#">Line 1
<div class="images">
Line 2: HOVERING OVER THIS LINE MAY CRASH THE BROWSER! <br>Line 3: What is happening
here?</div>
</a>
</body>
</html>
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head>
<style type="text/css">
a {
padding:2px;
white-space:nowrap;
position:relative;
}
</style>
</head>
<body>
<div>
<a href="#">Option 1</a>
<a href="#">Option 2</a>
</div>
</body>
</html>
public class UserAccountManager : IUserAccountManager
{
private I,serRepository _userRepository ;
// تزریق درون سازنده
}
public class UserFinancialManager : IUserFinancialManager
{
private IUserRepository _userRepository ;
// تزریق درون سازنده
}
public class UserController
{
IUserFinancialManager _userFinancialManager ;
IUserAccountManager _userAccountManager;
// تزریق درون سازنده
} using System;
namespace AspNetCoreDependencyInjection.Services
{
public interface IUserRepository
{
public string GID { get; }
}
public class UserRepository : IUserRepository
{
public string GID { get; private set; }
public UserRepository()
{
GID = Guid.NewGuid().GetHashCode().ToString("x");
}
}
//---------------------------------------------
public interface IUserAccountManager
{
public string DisplayGuid();
}
public class UserAccountManager : IUserAccountManager
{
private IUserRepository _userRepository;
public UserAccountManager(IUserRepository userRepository)
{
_userRepository = userRepository;
}
public string DisplayGuid()
{
return "UserFinancialManager Guid : " + _userRepository.GID;
}
}
//-------------------------------------------------
public interface IUserFinancialManager
{
public string DisplayGuid();
}
public class UserFinancialManager : IUserFinancialManager
{
private IUserRepository _userRepository;
public UserFinancialManager(IUserRepository userRepository)
{
_userRepository = userRepository;
}
public string DisplayGuid()
{
return "UserFinancialManager Guid : " + _userRepository.GID;
}
}
} public class UserController : Controller
{
private readonly IUserFinancialManager _userFinancialManager;
private readonly IUserAccountManager _userAccountManager;
public UserController(IUserFinancialManager userFinancialManager,
IUserAccountManager userAccountManager)
{
_userFinancialManager = userFinancialManager;
_userAccountManager = userAccountManager;
}
public IActionResult Index()
{
ViewBag.FinancialManager = _userFinancialManager.DisplayGuid();
ViewBag.AccountManager = _userAccountManager.DisplayGuid();
return View();
}
} @{
ViewData["Title"] = "User";
}
<div class="text-center">
<div class="row">
<div class="col-12">
<p class="alert alert-info text-left">
<b>User Finanacial Manager / UserRepository Guid : </b><span>@ViewBag.FinancialManager </span> <br />
<b>User Account Manager / UserRepository Guid : </b><span>@ViewBag.AccountManager</span> <br />
</p>
</div>
</div>
</div> services.AddTransient<IUserRepository, UserRepository>(); services.AddScoped<IUserAccountManager, UserAccountManager>(); services.AddScoped<IUserFinancialManager, UserFinancialManager>(); // اجرای دوم // services.AddScoped<IUserRepository, UserRepository>(); //services.AddScoped<IUserAccountManager, UserAccountManager>(); //services.AddScoped<IUserFinancialManager, UserFinancialManager>();
<body>
<div id="app">
<svg class="loading-progress">
<circle r="40%" cx="50%" cy="50%" />
<circle r="40%" cx="50%" cy="50%" />
</svg>
<div class="loading-progress-text"></div>
</div> .loading-progress {
position: relative;
display: block;
width: 8rem;
height: 8rem;
margin: 20vh auto 1rem auto;
}
.loading-progress circle {
fill: none;
stroke: #e0e0e0;
stroke-width: 0.6rem;
transform-origin: 50% 50%;
transform: rotate(-90deg);
}
.loading-progress circle:last-child {
stroke: #1b6ec2;
stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
transition: stroke-dasharray 0.05s ease-in-out;
}
.loading-progress-text {
position: absolute;
text-align: center;
font-weight: bold;
inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
}
.loading-progress-text:after {
content: var(--blazor-load-percentage-text, "Loading");
} <body>
<div id="app">
<div class="progress">
<div class="progress-bar progress-bar-striped progress-bar-animated"
role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"
style="width: var(--blazor-load-percentage, 0%)">
<div class="loading-text"></div>
</div>
</div> .loading-text:after {
content: var(--blazor-load-percentage-text, "Loading");
} 
<div id=divEditor >
<div id=editor contenteditable=true spellcheck=true >
تعداد div زیری با هر بار enter کردن افزایش می‌یابد. پس من برای ریختن فایل درون همچین ساختاری چه کاری باید بکنم (هر خط در یک div)
<div></div>
</div>
</div> ipcRenderer.on("openFile", (event, arg) => {
let content = fs.readFileSync(String(arg), "utf8");
let txt = document.getElementById("editor");
let lineNumberOfFile = countingLineOfFile(content);
// تابع countingLineOfFile هم تعداد خطوط را به درستی بر می‌گرداند
// باید اول به تعداد خطوط فایل div بسازم
// سپس هر خط درون یک div
txt.innerHTML = content;
}); 
<div class="form-group">
@Html.LabelFor(x => x.Name)
<div class="input-group">
<span class="input-group-addon">http://www.</span>
@Html.TextBoxFor(x => x.Name, new { @class = "form-control" })
<span class="input-group-addon">.domain.com</span>
@Html.ValidationMessageFor(model => model.Name)
</div>
</div>