With this newest Blazor release we’re pleased to announce that Blazor is now in official preview! Blazor is no longer experimental and we are committing to ship it as a supported web UI framework including support for running client-side in the browser on WebAssembly.
Today we released our first public preview of Blazor , a new experimental .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly . Blazor enables full stack web development with the stability, consistency, and productivity of .NET.
import React, { Component } from "react";
class Form extends Component {
state = {
data:{},
errors:{}
} import Joi from "@hapi/joi";
doSubmit = () => {
// call the server
console.log("Submitted!");
}; import Form from "./common/form";
// ...
class LoginForm extends Form { renderButton(label) {
return (
<button disabled={this.validate()} className="btn btn-primary">
{label}
</button>
);
} {this.renderButton("Login")} import Input from "./input";
//...
renderInput(name, label) {
const { data, errors } = this.state;
return (
<Input
name={name}
label={label}
value={data[name]}
onChange={this.handleChange}
error={errors[name]}
/>
); render() {
return (
<form onSubmit={this.handleSubmit}>
{this.renderInput("username", "Username")}
{this.renderInput("password", "Password")}
{this.renderButton("Login")}
</form>
);
} renderInput(name, label, type = "text") {
const { data, errors } = this.state;
return (
<Input
name={name}
type={type}
label={label}
value={data[name]}
onChange={this.handleChange}
error={errors[name]}
/>
);
} render() {
return (
<form onSubmit={this.handleSubmit}>
{this.renderInput("username", "Username")}
{this.renderInput("password", "Password", "password")}
{this.renderButton("Login")}
</form>
);
} import React from "react";
const Input = ({ name, type, label, value, error, onChange }) => {
return (
<div className="form-group">
<label htmlFor={name}>{label}</label>
<input
value={value}
onChange={onChange}
id={name}
name={name}
type={type}
className="form-control"
/>
{error && <div className="alert alert-danger">{error}</div>}
</div>
);
};
export default Input; <input
value={value}
name={name}
type={type}
onChange={onChange}
id={name}
className="form-control"
/> import React from "react";
const Input = ({ name, label, error, ...rest }) => {
return (
<div className="form-group">
<label htmlFor={name}>{label}</label>
<input {...rest} name={name} id={name} className="form-control" />
{error && <div className="alert alert-danger">{error}</div>}
</div>
);
};
export default Input; [Parameter, EditorRequired]
public string Title { get; set; } The conversion of a varchar data type to a datetime data type resulted in an out-of-range value.
public void ConfigureServices(IServiceCollection services) {
// DbContext Service
services.AddDbContext<AppDbContext>(options =>
{
options
.UseSqlServer(appSettings.ConnectionStrings.MyConnectionString, sqlServerOptionsBuilder =>
{ sqlServerOptionsBuilder.CommandTimeout((int)TimeSpan.FromMinutes(1).TotalSeconds); //Default is 30 seconds
sqlServerOptionsBuilder.EnableRetryOnFailure();
sqlServerOptionsBuilder.MigrationsAssembly(typeof(AppDbContext).Assembly.FullName);
})
//Tips
.ConfigureWarnings(warning => warning.Throw(RelationalEventId
.QueryPossibleExceptionWithAggregateOperatorWarning));
// Activate EF Second Level Cache
options.AddInterceptors(new SecondLevelCacheInterceptor());
});
// register other services ....
} public static class DbContextServiceCollectionExtensions
{
public static void AddDbContext(this IServiceCollection services)
{
services.AddDbContext<AppDbContext>(options =>
{
options
.UseSqlServer(appSettings.ConnectionStrings.MyConnectionString, sqlServerOptionsBuilder =>
{
sqlServerOptionsBuilder.CommandTimeout((int)TimeSpan.FromMinutes(1).TotalSeconds); //Default is 30 seconds
sqlServerOptionsBuilder.EnableRetryOnFailure();
sqlServerOptionsBuilder.MigrationsAssembly(typeof(AppDbContext).Assembly.FullName);
})
//Tips
.ConfigureWarnings(warning => warning.Throw(RelationalEventId
.QueryPossibleExceptionWithAggregateOperatorWarning));
// Activate EF Second Level Cache
options.AddInterceptors(new SecondLevelCacheInterceptor());
});
}
} public void ConfigureServices(IServiceCollection services) {
// Add DbContext
services.AddDbContext();
//.... Register other services
} public interface IServiceInstaller
{
void InstallServices(IServiceCollection services, AppSettings appSettings, Assembly startupProjectAssembly);
} public class DbContextInstaller : IServiceInstaller
{
public void InstallServices(IServiceCollection services, AppSettings appSettings, Assembly startupProjectAssembly)
{
services.AddDbContext<AppDbContext>(options =>
{
options
.UseSqlServer(appSettings.ConnectionStrings.MyConnectionString, sqlServerOptionsBuilder =>
{
sqlServerOptionsBuilder.CommandTimeout((int)TimeSpan.FromMinutes(1).TotalSeconds); //Default is 30 seconds
sqlServerOptionsBuilder.EnableRetryOnFailure();
sqlServerOptionsBuilder.MigrationsAssembly(typeof(AppDbContext).Assembly.FullName);
})
//Tips
.ConfigureWarnings(warning => warning.Throw(RelationalEventId
.QueryPossibleExceptionWithAggregateOperatorWarning));
// Activate EF Second Level Cache
options.AddInterceptors(new SecondLevelCacheInterceptor());
});
}
} public static class ServiceInstallerExtensions
{
public static void InstallServicesInAssemblies(this IServiceCollection services, AppSettings appSettings)
{
var startupProjectAssembly = Assembly.GetCallingAssembly();
var assemblies = new[] { startupProjectAssembly, Assembly.GetExecutingAssembly() };
var installers = assemblies.SelectMany(a => a.GetExportedTypes())
.Where(c => c.IsClass && !c.IsAbstract && c.IsPublic && typeof(IServiceInstaller).IsAssignableFrom(c))
.Select(Activator.CreateInstance).Cast<IServiceInstaller>().ToList();
installers.ForEach(i => i.InstallServices(services, appSettings, startupProjectAssembly));
}
} public void ConfigureServices(IServiceCollection services)
{
//* HttpContextAccessor
// services.AddHttpContextAccessor();
//* Controllers
services.AddControllers(options => { options.Filters.Add(new AuthorizeFilter()); })
.AddNewtonsoftJson();
//* Installers
services.InstallServicesInAssemblies(_appSettings);
} public class RegisterServicesUsingAutoRegisterDiInstaller : IServiceInstaller
{
public void InstallServices(IServiceCollection services, AppSettings appSettings, Assembly startupProjectAssembly)
{
var dataAssembly = typeof(SomeRepository).Assembly;
var serviceAssembly = typeof(SomeService).Assembly;
var webFrameworkAssembly = Assembly.GetExecutingAssembly();
var startupAssembly = startupProjectAssembly;
var assembliesToScan = new[] { dataAssembly, serviceAssembly, webFrameworkAssembly, startupAssembly };
#region Generic Type Dependencies
services.AddScoped(typeof(IRepository<>), typeof(Repository<>));
#endregion
#region Scoped Dependency Interface
services.RegisterAssemblyPublicNonGenericClasses(assembliesToScan)
.Where(c => c.GetInterfaces().Contains(typeof(IScopedDependency)))
.AsPublicImplementedInterfaces(ServiceLifetime.Scoped);
#endregion
#region Singleton Dependency Interface
services.RegisterAssemblyPublicNonGenericClasses(assembliesToScan)
.Where(c => c.GetInterfaces().Contains(typeof(ISingletonDependency)))
.AsPublicImplementedInterfaces(ServiceLifetime.Singleton);
#endregion
#region Transient Dependency Interface
services.RegisterAssemblyPublicNonGenericClasses(assembliesToScan)
.Where(c => c.GetInterfaces().Contains(typeof(ITransientDependency)))
.AsPublicImplementedInterfaces(); // Default is Transient
#endregion
#region Register DIs By Name
services.RegisterAssemblyPublicNonGenericClasses(dataAssembly)
.Where(c => c.Name.EndsWith("Repository")
&& !c.GetInterfaces().Contains(typeof(ITransientDependency))
&& !c.GetInterfaces().Contains(typeof(IScopedDependency))
&& !c.GetInterfaces().Contains(typeof(ISingletonDependency)))
.AsPublicImplementedInterfaces(ServiceLifetime.Scoped);
services.RegisterAssemblyPublicNonGenericClasses(serviceAssembly)
.Where(c => c.Name.EndsWith("Service")
&& !c.GetInterfaces().Contains(typeof(ITransientDependency))
&& !c.GetInterfaces().Contains(typeof(IScopedDependency))
&& !c.GetInterfaces().Contains(typeof(ISingletonDependency)))
.AsPublicImplementedInterfaces();
#endregion
}
} برای قرار دادن عکس دلخواه آزمایشی کافی فقط آدرس سایت رو به همراه سایز عکستون بدید مثلا : <img class="img-responsive" src="http://placehold.it/355x200" alt="">
