在本文中，我们将通过一个实战项目来展示如何使用C#、.NET和.NET Core来构建一个简单的电子商务平台。这个项目将涵盖后端API的开发、数据库设计、以及前端页面的基本呈现。

项目概述
我们将构建一个名为“ShopOnline”的电子商务平台，它将允许用户浏览商品、查看详情、添加商品到购物车、下订单等。

技术栈
后端：.NET Core 5.0、ASP.NET Core Web API
数据库：Entity Framework Core、SQL Server
前端：Blazor (服务器端渲染)
步骤1：设置项目环境
安装.NET Core SDK
确保安装了.NET Core SDK，这是开发.NET Core应用程序的前提。

创建项目
使用命令行创建一个ASP.NET Core Web API项目和一个Blazor服务器端项目。
dotnet new webapi -n ShopOnline.Api
dotnet new blazorserver -n ShopOnline.Web
步骤2：设计数据库
创建数据模型
在ShopOnline.Api项目中，定义一些基本的数据模型，如Product、Cart、Order等。
public class Product
{
public int Id { get; set; }
public string Name { get; set; }
public decimal Price { get; set; }
public string Description { get; set; }
}

public class Cart
{
public int Id { get; set; }
public List<CartItem> Items { get; set; }
}

public class CartItem
{
public int ProductId { get; set; }
public Product Product { get; set; }
public int Quantity { get; set; }
}
配置数据库上下文
在ShopOnline.Api项目中，配置Entity Framework Core的数据库上下文。
public class ApplicationDbContext : DbContext
{
public ApplicationDbContext(DbContextOptions<ApplicationDbContext> options)
: base(options)
{
}

public DbSet<Product> Products { get; set; }
public DbSet<Cart> Carts { get; set; }

}
步骤3：构建API
创建数据库控制器
创建一个控制器来处理产品的CRUD操作。
[ApiController]
[Route(“api/[controller]”)]
public class ProductsController : ControllerBase
{
private readonly ApplicationDbContext _context;

public ProductsController(ApplicationDbContext context)
{
    _context = context;
}

[HttpGet]
public async Task<ActionResult<IEnumerable<Product>>> GetProducts()
{
    return await _context.Products.ToListAsync();
}

// Other CRUD operations...

}
步骤4：前端页面开发
创建产品列表页面
在ShopOnline.Web项目中，创建一个Razor页面来显示产品列表。
@page “/products”

Product List

@if (products != null)
{

@foreach (var product in products)
{

• @product.Name - @product.Price

}

Loading…

@code {
private List<Product> products;

protected override async Task OnInitializedAsync()
{
    products = await Http.GetFromJsonAsync<List<Product>>("api/products");
}

}
步骤5：测试和调试
使用Postman或Swagger测试API是否按预期工作。对于前端，使用浏览器的开发者工具进行调试。

步骤6：部署
将应用程序部署到生产环境。可以选择Azure、AWS、或任何支持.NET Core的服务器。