Sales Solution — .NET 9 + Angular 20 (NG-ZORRO) + Signals + Collapse

Prérequis

• .NET SDK 9
• SQL Server Express (ou LocalDB)
• Node.js 18+ et @angular/cli v20
• Chrome/Edge pour Swagger

Backend (.NET 9 + EF Core 9 + Swagger + SQL Express)

cd SalesApi/src/SalesApi
dotnet restore
dotnet tool update --global dotnet-ef
dotnet ef migrations add InitialCreate
dotnet ef database update
dotnet run
# Swagger: https://localhost:7073/swagger

Chaîne de connexion par défaut : Server=.\SQLEXPRESS;Database=SalesDb;Trusted_Connection=True;Encrypt=False
Modifie appsettings*.json si besoin. Le port dev est fixé dans Properties/launchSettings.json.

Frontend (Angular 20 + NG-ZORRO 2025-09-04)

cd sales-front
npm install
# si nécessaire : npm i -g @angular/cli@20
ng serve -o --proxy-config proxy.conf.json

Le front appelle l’API via /api (proxy vers https://localhost:7073).

Fonctionnalités clés

• Liste synthétique (Nom, Prénom, # Opportunités) + suppression par ligne.
• Éditeur en onglets (Détail / Adresse / Opportunités).
• State management avec Signals (drafts conservés entre onglets).
• UX Collapse : sélection = ferme la liste, ouvre l’éditeur. Bouton retour.

Arborescence

• SalesApi/ : API .NET 9 (EF Core 9, Swagger, SQL Server).
• sales-front/ : Angular 20 + NG-ZORRO + Signals.