当前位置: 首页 > news >正文

E-commerce .net+React(一)——项目初始化


文章目录

  • 项目地址
  • 一、创建.Net环境
    • 1.1环境配置
      • 1.1.1 使用vscode创建webapi
      • 1.1.2 Clean architecture结构创建
      • 1.1.3 将创建好结构的项目添加到git里
      • 1.1.4 EF Core配置
        • 1. 在infrastructure里安装EF所需环境
        • 2. 创建Product数据模型
        • 3. 创建EF Core的DbContext 数据库上下文
        • 4. 创建Extensions用来管理服务注入
        • 5. 在Program.cs程序入口注册AddInfrastructure服务
        • 6. 创建Seed服务
        • 7. 注册Seed服务
      • 1.1.5 配置SeriLog
        • 1. 安装SeriLog
        • 2. 程序入口注册和使用
        • 3. 配置Serilog
        • 4. 开启EF Core日志记录
    • 1.3 创建获取所有Product的接口
      • 1.3.1 安装CQRS所需要的包
      • 1.3.2 创建ProductDto
        • 1. 创建Dto模型
        • 2. 使用AutoMapper建立映射关系
      • 1.3.3 创建Controllers
        • 1. 创建IMediator服务
          • 将AddApplication注册到program里
        • 2. 创建查询的Query
        • 3. 创建Handler
        • 4. 创建IProductsRepository接口
        • 5. 实现接口方法
        • 6. 将IProductsRepository服务注册到Extension里
  • 二、创建React环境
    • 2.1 使用vite创建react项目
      • 2.1.1 创建项目
      • 2.1.2 配置端口
      • 2.1.3 启动项目
    • 2.2 显示后端接口的product数据
      • 2.2.1 创建Product类
      • 2.2.2 创建Layout页面
      • 2.2.3 Catalog组件展示Product列表
    • 2.3 Materail UI使用
      • 2.3.1 安装Material ui


项目地址

  • 教程作者:
  • 教程地址:
https://github.com/TryCatchLearn/Restore
  • 代码仓库地址:
  • 所用到的框架和插件:

一、创建.Net环境

1.1环境配置

1.1.1 使用vscode创建webapi

  1. 创建ReStore文件夹
mkdir ReStore
  1. 创建新的sln
dotnet new sln
  1. 创建一个名为API的项目
donete new webapi -o API
  1. 给解决方案里添加项目
dotnet sln add API
  1. 进入到项目文件夹内,运行程序
donet run 
  1. 访问 http://localhost:5172/swagger,成功

1.1.2 Clean architecture结构创建

  • 引用关系图
    在这里插入图片描述

1.1.3 将创建好结构的项目添加到git里

  • 结构
    在这里插入图片描述

  • 前提:Git里有一个空的仓库ReStoreApi且没有master分支

#1.初始化本地仓库
git init#2. 上传代码到本地仓库
git add .
git commit -m "Initial commit"#3. 将远程仓库添加为 origin
git remote add origin https://github.com/CXTV/ReStoreApi.git#4.确保正确设置分支
git branch -M main#5. 推送代码到远程仓库
git push -u origin main

1.1.4 EF Core配置

1. 在infrastructure里安装EF所需环境
  <ItemGroup><PackageReference Include="Microsoft.EntityFrameworkCore" Version="9.0.0" /><PackageReference Include="Microsoft.EntityFrameworkCore.Design" Version="9.0.0"><PrivateAssets>all</PrivateAssets><IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets></PackageReference><PackageReference Include="Microsoft.EntityFrameworkCore.SqlServer" Version="9.0.0" /><PackageReference Include="Microsoft.EntityFrameworkCore.Tools" Version="9.0.0"><PrivateAssets>all</PrivateAssets><IncludeAssets>runtime; build; native; contentfiles; analyzers; buildtransitive</IncludeAssets></PackageReference></ItemGroup>
2. 创建Product数据模型
  • ReStore.Domain/Models/Product.cs里创建Product表的模型
namespace ReStore.Domain.Models
{public class Product{public int Id { get; set; }public string Name { get; set; }public string Description { get; set; }public long Price { get; set; }public string PictureUrl { get; set; }public string Type { get; set; }public string Brand { get; set; }public int QuantityInStock { get; set; }}
}
3. 创建EF Core的DbContext 数据库上下文
  • ReStore.Infrastructure/Persistance/ReStoreDbContext.cs里创建EF的数据库上下文,用来管理数据操作是数据库和程序的桥梁
using Microsoft.EntityFrameworkCore;
using ReStore.Domain.Models;namespace ReStore.Infrastructure.Persistance
{internal class ReStoreDbContext : DbContext{public ReStoreDbContext(DbContextOptions<ReStoreDbContext> options) : base(options){}public DbSet<Product> Products { get; set; }protected override void OnModelCreating(ModelBuilder modelBuilder){}}
}
4. 创建Extensions用来管理服务注入

创建ReStore.Infrastructure/Extensions/ServiceCollectionExtensions.cs ,Infrustructure 层的所有服务注册,都在该文件里进行,这样可以保持program.cs文件的结构整洁

using Microsoft.EntityFrameworkCore;
using Microsoft.Extensions.Configuration;
using Microsoft.Extensions.DependencyInjection;
using ReStore.Infrastructure.Persistance;
using ReStore.Infrastructure.Seeds;namespace ReStore.Infrastructure.Extensions
{public static class ServiceCollectionExtensions{//将program.cs中的服务注册移到这里public static void AddInfrastructure(this IServiceCollection services, 
http://www.lryc.cn/news/512465.html

相关文章:

  • 算法每日双题精讲 —— 滑动窗口(水果成篮,找到字符串中所有字母异位词)
  • C++ 设计模式:享元模式(Flyweight Pattern)
  • Docker+Portainer 离线安装
  • Linux第100步_Linux之设置LCD作为终端控制台和LCD背光调节
  • Chapter09 国际化i18n 和 数据校验:Validation
  • 活动预告 | Microsoft 安全在线技术公开课:通过扩展检测和响应抵御威胁
  • Unresolved plugin: ‘org.apache.maven.plugins:maven-site-plugin:3.12.1‘
  • 5个开源RAG框架对比
  • 活动预告 | Microsoft Power Platform 在线技术公开课:实现业务流程自动化
  • 【分布式文件存储系统Minio】2024.12保姆级教程
  • 解决ssh和git秘钥认证失败问题
  • AI安全的挑战:如何让人工智能变得更加可信
  • 腾讯通RTX升级迁移攻略,兼容Linux内核国产系统及移动端
  • 用css实现瀑布流布局
  • FortiAl为擎重塑网络与安全运营未来
  • 优化租赁小程序提升服务效率与用户体验的策略与实践
  • 基于Python的医院预约挂号与诊断系统
  • Spring Boot教程之四十:使用 Jasypt 加密 Spring Boot 项目中的密码
  • Design Compiler:两种工作模式(线负载模式和拓扑模式)
  • 窦明—环境和教育对人的影响具象化
  • 41.1 预聚合提速实战项目之需求分析和架构设计
  • 洛谷P2814 家谱(c嘎嘎)
  • 时空信息平台-API安全措施-下篇:登录鉴权【访问受限】您的请求已被该站点的安全策略拦截。
  • 找不到vcruntime140.dll文件,无法继续执行如何修复?共有7种方法
  • 【PCIe 总线及设备入门学习专栏 4.5 -- PCIe Message and PCIe MSI】
  • Docker搭建MySQL
  • #C01L11P02. C01.L11.while循环.while循环和for循环的区别
  • 利用deepspeed在Trainer下面微调大模型
  • 【spring】参数校验Validation
  • 基于PyQt5的UI界面开发——图像与视频的加载与显示