Originally developed at Google, gRPC today is a remote procedure call (RPC) framework that has emerged as an alternative to RESTful and HTTP-based interfaces to connect remote components and specifically microservices. The new RPC framework was created in part to work with modern technologies such as HTTP/2 and Protobuf.
Microsoft.AspNet.Identity.Core Microsoft.AspNet.Identity.EntityFrameWork
namespace MyShop.Models
{
// You can add profile data for the user by adding more properties to your ApplicationUser class, please visit http://go.microsoft.com/fwlink/?LinkID=317594 to learn more.
public class ApplicationUser : IdentityUser
{
}
public class ApplicationDbContext : IdentityDbContext<ApplicationUser>
{
public ApplicationDbContext()
: base("DefaultConnection")
{
}
} namespace MyShop.Models
{
// You can add profile data for the user by adding more properties to your ApplicationUser class, please visit http://go.microsoft.com/fwlink/?LinkID=317594 to learn more.
public class ApplicationUser : IdentityUser
{
[Display(Name = "نام انگلیسی")]
public string EnglishName { get; set; }
[Display(Name = "نام سیستمی")]
public string NameInSystem { get; set; }
[Display(Name = "نام فارسی")]
public string PersianName { get; set; }
[Required]
[DataType(DataType.EmailAddress)]
[Display(Name = "آدرس ایمیل")]
public string Email { get; set; }
}
} namespace MyShop.Models
{
public class AuthorProduct
{
[Key]
public int AuthorProductId { get; set; }
/* public int UserId { get; set; }*/
[Display(Name = "User")]
public string ApplicationUserId { get; set; }
public int ProductID { get; set; }
public virtual Product Product { get; set; }
public virtual ApplicationUser ApplicationUser { get; set; }
}
} namespace MyShop.Models
{
[DisplayName("محصول")]
[DisplayPluralName("محصولات")]
public class Product
{
[Key]
public int ProductID { get; set; }
[Display(Name = "گروه محصول")]
[Required(ErrorMessage = "لطفا {0} را وارد کنید")]
public int ProductGroupID { get; set; }
[Display(Name = "مدت زمان")]
public string Duration { get; set; }
[Display(Name = "نام تهیه کننده")]
public string Producer { get; set; }
[Display(Name = "عنوان محصول")]
[Required(ErrorMessage = "لطفا {0} را وارد کنید")]
public string ProductTitle { get; set; }
[StringLength(200)]
[Display(Name = "کلید واژه")]
public string MetaKeyword { get; set; }
[StringLength(200)]
[Display(Name = "توضیح")]
public string MetaDescription { get; set; }
[Display(Name = "شرح محصول")]
[UIHint("RichText")]
[AllowHtml]
public string ProductDescription { get; set; }
[Display(Name = "قیمت محصول")]
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:#,0 ریال}")]
[UIHint("Integer")]
[Required(ErrorMessage = "لطفا {0} را وارد کنید")]
public int ProductPrice { get; set; }
[Display(Name = "تاریخ ثبت محصول")]
public DateTime? RegisterDate { get; set; }
}
} protected override void Seed(MyShop.Models.ApplicationDbContext context)
{
context.Users.AddOrUpdate(u => u.Id,
new ApplicationUser() { Id = "1",EnglishName = "MortezaDalil", PersianName = "مرتضی دلیل", UserDescription = "توضیح در مورد مرتضی", Email = "mm@mm.com", Phone = "2323", Address = "test", NationalCode = "2222222222", ZipCode = "2222222222" },
new ApplicationUser() { Id = "2", EnglishName = "MarhamatZeinali", PersianName = "محسن احمدی", UserDescription = "توضیح در مورد محسن", Email = "mm@mm.com", Phone = "2323", Address = "test", NationalCode = "2222222222", ZipCode = "2222222222" },
new ApplicationUser() { Id = "3", EnglishName = "MahdiMilani", PersianName = "مهدی محمدی", UserDescription = "توضیح در مورد مهدی", Email = "mm@mm.com", Phone = "2323", Address = "test", NationalCode = "2222222222", ZipCode = "2222222222" },
new ApplicationUser() { Id = "4", EnglishName = "Babak", PersianName = "بابک", UserDescription = "کاربر معمولی بدون توضیح", Email = "mm@mm.com", Phone = "2323", Address = "test", NationalCode = "2222222222", ZipCode = "2222222222" }
);
context.AuthorProducts.AddOrUpdate(u => u.AuthorProductId,
new AuthorProduct() { AuthorProductId = 1, ProductID = 1, ApplicationUserId = "2" },
new AuthorProduct() { AuthorProductId = 2, ProductID = 2, ApplicationUserId = "1" },
new AuthorProduct() { AuthorProductId = 3, ProductID = 3, ApplicationUserId = "3" }
); if (!context.Users.Where(u => u.UserName == "Admin").Any())
{
var roleStore = new RoleStore<IdentityRole>(context);
var rolemanager = new RoleManager<IdentityRole>(roleStore);
var userstore = new UserStore<ApplicationUser>(context);
var usermanager = new UserManager<ApplicationUser>(userstore);
var user = new ApplicationUser {UserName = "Admin"};
usermanager.Create(user, "121212");
rolemanager.Create(new IdentityRole {Name = "admin"});
usermanager.AddToRole(user.Id, "admin");
} Visually view the structure of your Angular, React, and Vue.js applications with CoPilot for VS Code.
• GC, JIT
• C#
• Coherent Framework
• XSP….ASP+…ASP.NET!
• WinForms
• Mobile ASP.NET controls
• Built-in support for ODBC and Oracle databases.
• IPv6 support.
• ASP.NET for the Masses
○ Application Building Blocks
§ Parts, Authentication, Role Management, etc
○ Visual Web Developer
• Client Development
• ClickOnce!
• Windows CardSpace - Digital identity interface.
• Windows Presentation Foundation : WPF
○ Vector Graphics, Media and UI
○ Enters the age of UX
• Windows Communication Foundation : WCF
○ Unified messaging model
• Windows Workflow Foundation : WF
○ Coordinating work with durable applications
• Linq
• Expression Trees and Lamda Methods
• Extension Methods
• Paging Support for ADO.NET
• Managed Wrappers for WMI and AD
• Enhancements to WCF and WF
• System.CodeDom namespace
• ASP.NET AJAX
• WCF/WF
○ REST Services
○ Workflow Services
• Client
○ Sync
○ Client app services
• ASP.NET Dynamic Data
• ADO.NET
○ Entity Framework
○ Data Services (Astoria)
• WCF
○ AtomPub ServiceDocuments
• Client
○ Client Profile
○ Performance
§ Working set and startup time
• Silverlight 2
○ RTM end of 2008
○ Brings power of .NET to the web client
○ Media and RIA .NET platform
• Base Class Library Improvements
○ Managed Extensibility Framework
○ More Core Data Structures
○ I/O Improvements
• Parallel Computing
○ Task Parallel Library
○ Parallel Linq (PLINQ)
○ Coordination Data Structures (CDS)
• Client
○ WPF
§ Client Profile
§ Business Focused Controls
§ Win7 Advances (Multi-touch, etc)
○ ADO.NET
§ Entity Framework v2
□ Code-First Development
□ TDD Support
□ Foreign-Key Support
○ ASP.NET
§ ASP.NET Dynamic Data Improvements
§ ASP.NET MVC
§ ASP.NET Dynamic Data for MVC
§ Extensible Caching Framework
○ WF & WCF
§ Fully Declarative Services
§ Workflow Enhancements
□ New flowchart modeling
□ Workflow Rules Integration
□ … much more…
§ WCF Enhancements
□ Durable Duplex
□ WS-Discovery & UDP Channel
□ In-Process Channel
§ RIA (Silverlight)
□ Simplified N-tier development
□ Business-focused framework
When you start working on a new web application you will probably need to analyze different tools to deal with the different functionalities that you have to work on. As soon as you start searching for alternatives you are going to run across Angular and React, they are without any doubt two of the major options to consider, at least till today.
Here's a couple of final thoughts.
The following new features are available for preview in this release:
ExtCore allows you to decouple your application into the modules (or extensions) and reuse that modules in other applications in various combinations. Each ExtCore extension may consist of one or more projects and each project may include everything you want (as any other ASP.NET Core project). Controllers, view components, views (added as resources and/or precompiled), static content (added as resources) will be resolved automatically. These projects (extension pieces) may be added to the application directly as dependencies in project.json of your main application project (as source code or NuGet packages), or by copying compiled DLL-files to the Extensions folder. ExtCore supports both of these approaches out of the box and at the same time.
import React, { Component } from "react";
class LoginForm extends Component {
render() {
return <h1>Login</h1>;
}
}
export default LoginForm; import LoginForm from "./components/loginForm";
//...
function App() {
return (
<React.Fragment>
<NavBar />
<main className="container">
<Switch>
<Route path="/login" component={LoginForm} />
<Route path="/movies/:id" component={MovieForm} />
// ...
</Switch>
</main>
</React.Fragment>
);
} <NavLink className="nav-item nav-link" to="/login"> Login </NavLink>
import React, { Component } from "react";
class LoginForm extends Component {
render() {
return (
<form>
<div className="form-group">
<label htmlFor="username">Username</label>
<input id="username" type="text" className="form-control" />
</div>
<div className="form-group">
<label htmlFor="password">Password</label>
<input id="password" type="password" className="form-control" />
</div>
<button className="btn btn-primary">Login</button>
</form>
);
}
}
export default LoginForm; 
class LoginForm extends Component {
handleSubmit = e => {
console.log("handleSubmit", e);
e.preventDefault();
// call the server
};
render() {
return (
<form onSubmit={this.handleSubmit}>
//... const username = document.getElementById("username").value; class LoginForm extends Component {
username = React.createRef(); <input
ref={this.username}
id="username"
type="text"
className="form-control"
/> handleSubmit = e => {
e.preventDefault();
// call the server
const username = this.username.current.value;
console.log("handleSubmit", username);
}; class LoginForm extends Component {
username = React.createRef();
componentDidMount = () => {
this.username.current.focus();
}; 
<input
autoFocus
ref={this.username}
id="username"
type="text"
className="form-control"
/> class LoginForm extends Component {
state = {
account: { username: "", password: "" }
}; <input
value={this.state.account.username} <input
value={this.state.account.username}
onChange={this.handleChange} handleChange = e => {
const account = { ...this.state.account }; //cloning an object
account.username = e.currentTarget.value;
this.setState({ account });
}; 
handleChange = e => {
const account = { ...this.state.account }; //cloning an object
account[e.currentTarget.name] = e.currentTarget.value;
this.setState({ account });
}; <input
id="password"
name="password"
value={this.state.account.password}
onChange={this.handleChange}
type="password"
className="form-control"
/> 
handleChange = ({ currentTarget: input }) => {
const account = { ...this.state.account }; //cloning an object
account[input.name] = input.value;
this.setState({ account });
}; Warning: A component is changing an uncontrolled input of type text to be controlled. Input elements should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://fb.me/react-controlled-components
Warning: `value` prop on `input` should not be null. Consider using an empty string to clear the component or `undefined` for uncontrolled components.
import React from "react";
const Input = ({ name, label, value, onChange }) => {
return (
<div className="form-group">
<label htmlFor={name}>{label}</label>
<input
value={value}
onChange={onChange}
id={name}
name={name}
type="text"
className="form-control"
/>
</div>
);
};
export default Input; import Input from "./common/input";
render() {
const { account } = this.state;
return (
<form onSubmit={this.handleSubmit}>
<Input
name="username"
label="Username"
value={account.username}
onChange={this.handleChange}
/>
<Input
name="password"
label="Password"
value={account.password}
onChange={this.handleChange}
/>
<button className="btn btn-primary">Login</button>
</form>
); Reactide is the first dedicated IDE for React web application development.
