在本文中，我们将通过一个实战项目来展示如何使用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服务器端项目。
代码语言：javascript复制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操作。
代码语言：javascript复制[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"
<h1>Product List</h1>
@if (products != null)
{
<ul>
@foreach (var product in products)
{
<li>@product.Name - @product.Price</li>
}
</ul>
}
else
{
<p>Loading...</p>
}
@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的服务器。
