CleanArchitectureWithBlazorServer icon indicating copy to clipboard operation
CleanArchitectureWithBlazorServer copied to clipboard

This is a repository for creating a Blazor Server dashboard application following the principles of Clean Architecture

Clean Architecture With Blazor Server

This is a repository for creating a Blazor Server application following the principles of Clean Architecture. It has a nice user interface, and an efficient code generator that allows you to quickly build amazing web application with .net Blazor technology.

Live Demo

  • Blazor Server mode: https://mudblazor-s.dotnet6.cn/
  • (IP accelerate): http://106.52.105.140:6101/

Screenshots and video

Everything Is AWESOME

Development Enviroment

  • Microsoft Visual Studio Community 2022 (64-bit)
  • Docker
  • .NET 6.0
  • Unit Test

image

Support database

  • SQL Server(Express or localdb) - default
  • MySql and mariadb refer to branch: mysql

Docker compose https deployment

  • Create self-signed development certificates for the project
    • cmd: dotnet dev-certs https -ep $env:USERPROFILE.aspnet\https\Blazor.Server.UI.pfx -p Password@123
    • cmd: dotnet dev-certs https --trust
  • Manage User secrets to save password
    • cmd: dotnet user-secrets init
    • cmd: dotnet user-secrets -p Blazor.Server.UI.csproj set "Kestrel:Certificates:Development:Password" "Password@123"

Code Generator Extension Plugin for visual studio.net 2022

  • CleanArchitectureCodeGenerator(branch: blazor)
  • https://github.com/neozhu/CleanArchitectureCodeGenerator/tree/blazor
  • The code generator can automatically generate the standard code
    • Application Layer Code
      • image
    • Domain Event
      • image
    • Blazor UI Layer Code
      • image
    • Task List
      • image

How to build solution templates

  • run CLI: dotnet new --install sayedha.templates
  • create solution/project template
    • create .template.config folder
    • run CLI: dotnet new templatejson
    • edit templatejson file
  • install the project template
    • run CLI: dotnet new --install ./
    • run CLI: dotnet new --list
  • create a solution with the template
    • run CLI: dotnet new ca-blazor-sln image

Why choose blazor server mode

  • I hate switching between C# and JavaScript at the same time in order to develop a project

Characteristic

  • Avoid repeating work
  • Focus on story implementation
  • Integration Hangfire dasboard
  • Implementation OCR image recognition

image

About

Coming up.

License

MIT License