# CleanArchitectureWithBlazorServer

**Repository Path**: called-brother/CleanArchitectureWithBlazorServer

## Basic Information

- **Project Name**: CleanArchitectureWithBlazorServer
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: 401-duende-packages
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-11-26
- **Last Updated**: 2025-06-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 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](doc/page.png)](https://www.youtube.com/embed/GyZJl_dG-Pg "Everything Is AWESOME")

## Development Enviroment

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

![image](https://user-images.githubusercontent.com/1549611/183799080-380e1f01-ef80-4568-80d2-517514aa59e5.png)

## Supported Databases

* PostgreSQL (Provider Name: `postgresql`)
* Microsoft SQL Server (Provider Name: `mssql`)
* SQLite (Provider Name: `sqlite`)

### How to select a specific Database?

1. Open the `appsettings.json` file located in the src directory of the `Blazor.Server.UI` project.
2. Change the setting `DBProvider` to the desired provider name (See Supported Databases).
3. Change the `ConnectionString` to a connection string, which works for your selected database provider.

## 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

<div><video controls src="https://user-images.githubusercontent.com/1549611/197116874-f28414ca-7fc1-463a-b887-0754a5bb3e01.mp4" muted="false"></video></div>

- CleanArchitectureCodeGenerator(branch: blazor)
- https://github.com/neozhu/CleanArchitectureCodeGenerator/tree/blazor
- The code generator can automatically generate the standard code
    - Application Layer Code
    
        - ![image](https://user-images.githubusercontent.com/1549611/181414766-84850a90-3a21-47ed-afcf-1b5cdd602edf.png)
    - Domain Event
    
        - ![image](https://user-images.githubusercontent.com/1549611/183537303-058d6f49-fc45-4b77-8924-cc2e8266cad7.png)
    - Blazor UI Layer Code
    
        - ![image](https://user-images.githubusercontent.com/1549611/181414818-5c1c2dfc-5560-4ab2-8773-dc7c816730d4.png)
    - Task List
    
        - ![image](https://user-images.githubusercontent.com/1549611/183537444-3d1b2980-b131-4e9d-bfe1-7b475f760b57.png)

## How to build solution templates

- run CLI: `dotnet new --install sayedha.templates`
- create solution/project template
    - create `.template.config`
    - 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](https://user-images.githubusercontent.com/1549611/182025444-04c9c8db-2b11-44b3-8091-acffcc37a899.png)

## Why I choose Blazor Server

- I hate switching between C# and JavaScript at the same time in order to develop a project, which is why I opted for Blazor Server.

## Characteristic

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

  ![image](https://user-images.githubusercontent.com/1549611/185576711-31ab3081-ba22-43f3-b837-c8f1de981442.png)
- org chart

  ![image](doc/orgchart.png)

## About

Coming up.

## License

MIT License