This is a project that has just been refactored recently , I can't wait to share with you , In order to keep up with the technological upgrading, the original is based on MVC Razor Page Open source project RazorPageCleanArchitecture refactoring , Front end with Blazor-Server mode Instead of , Consistent back-end architecture and functions . The details can be found at GitHub understand .

Source Code Repo

Blazor Dashboard Application: https://github.com/neozhu/CleanArchitectureWithBlazorServer

Razor Page Application:https://github.com/neozhu/RazorPageCleanArchitecture

Code Generator Tools:https://github.com/neozhu/CleanArchitectureCodeGenerator

Live Demo

Live Demo: https://mudblazor-s.dotnet6.cn/

Video: https://www.youtube.com/watch?v=GyZJl_dG-Pg

Screenshots



Why use Blazor Server mode Instead of separating the front and rear ends Webassembly mode Development

Because of the simple , Adopt the architecture of separation of front and back end , Need to be in Server End plus WebApiController,Webassembly Also need to generate Http Client, Here I think there is a lot of repetitive work , For ordinary small projects, I don't think it's necessary to spend time here , The separation of front end and back end will make the architecture and code more complex . Of course Blazor Server mode There are also many advantages, such as faster performance loading than Webassembly Be quick , Specific comparisons can be found online .

development environment

  • DotNet 6
  • Microsoft Visual Studio 2022 (64-bit)
  • Support Docker

Rely on third-party libraries ( a key )

technology

  • Blazor Server
  • MudBlazor UI Component
  • MediatR
  • Fluent Validation

The main function

  • Code generation tool : https://github.com/neozhu/CleanArchitectureCodeGenerator
  • Theme management : Color theme configuration
  • Multilingual : Support multi language switching
  • User management ： register , Role authorization
  • Role management ： Role authorization management
  • Menu navigation management : comming soon
  • Service monitoring ：comming soon
  • Timing task ：comming soon
  • Dictionary management ：comming soon
  • Notice management ：comming soon
  • The operation log ：comming soon
  • system log ：comming soon

    Many of the above functions have not been migrated , It will be updated later .

How to

Reference resources application/features/Products Add, delete, modify and check the code , It also includes import and export functions and image upload functions

Development experience

In one sentence Blazor Development Web Applications don't want to go back to using Jquery, DOM Object operation , Only c# Can be developed with VUE or Angular,React Same SPA application , It's really a cool experience .

Last

If you are interested in this project , Can I give you a star .

Share the newly released based on Blazor technology Web More articles about application development framework

  1. On the basis of JS technology WEB The method of front-end dynamic block diagram generation

    Preface HTML It's a markup language , from HTML The document can be described as a web page by the browser . In general, web pages are implemented by HTML.CSS and Javascript A combination of the three ,HTML Responsible for the structure of the web page ,CSS ...

  2. Share a self written story based on JQuery One of the Web Background switching Demo

    This effect has two main characteristics : 1. Gradient of background switching 2. Adaptive background size 3. The background adaptively keeps the scale at the same time , Relatively centered js Source code : (function ($) { $.fn.bgChange = functi ...

  3. Build a system based on Spring Of RESTful Web Service

    This article introduces in detail based on Spring Create a “hello world” RESTful web service Engineering steps . The goal is Construct a service, The reception is as follows HTTP GET request : http://loc ...

  4. be based on Html5 Mobile end of APP Development framework

    Fast growing APP Application software market , And the popularity of smartphones , Mobile phone application :Native( Native )APP Quickly occupied APP market , Become APP Mainstream of development , But its platform is not universal , High development cost , Problems such as multi version development , Has been plagued by professional AP ...

  5. Share 25 A fresh one Photoshop Advanced tutorials

    There are many excellent Photoshop The example tutorial is to improve  Photoshop  The best way to learn skills . today , Let me share with you 25 A fresh one  Photoshop  Advanced tutorials , Improve your design skills , Make fashionable picture effects . this ...

  6. Just finished the mall erp + The front desk of this mall , Fresh out . own 1 Personal writing , Include php Frame and front end html page .

    Just finished the mall erp + The front desk of this mall , Fresh out . own 1 Personal writing , Include php Frame and front end html page . Just finished the mall erp + The front desk of this mall , Fresh out . own 1 Personal writing , Include php Frame and front end html page .

  7. Onsen UI – Fresh PhoneGap Interface framework

    Onsen UI Is a custom based on elements HTML5 UI frame , For building your mobile front end . This one is based on Web The conceptual framework of components , Make it easier to build applications .Onsen UI Specifically for PhoneGap ...

  8. Tencent technology sharing ： The story behind the audio and video technology of wechat applet

    1. introduction Wechat applet from 2017 year 1 month 9 Since it was officially announced on May , More and more attention has been paid to it , There are more and more technology experiences on small programs . And audio and video as one of the fastest growing applications in the era of high-speed mobile network , You can't miss it in wechat apps . ...

  9. 【 Moving old articles 】PE The reverse repair of infection (Serverx.exe Special tools out of the oven )

    The original text was published in baidu space ,2008-10-4 Look at the address of snow forum :https://bbs.pediy.com/thread-73948.htm================================== ...

  10. 23 A new set of websites and mobile interfaces PSD material

    Web The user interface , The mobile user interface and wireframe suite are useful for designers , Because these kits allow them to replicate the user interface in a fast and efficient way . These types of toolkits provide a basic user interface element , For the website or software model they need to make . In this article ...

Random recommendation

  1. JOptionPane usage --java

    JOptionPane usage --java JOptionPane Simple application of : 1. First introduce the package : import javax.swing.JOptionPane; 2. Add the following code : Object[] op ...

  2. Silverlight Use DataContractJsonSerializer Serialization and deserialization Json

    Environmental statement :Silverlight 5.1,.Net Framework  ​4.0 1. Add reference System.ServiceModel.Web.dll. because System.Runtime.Seria ...

  3. Linux In the environment Nginx Compilation and installation

    1. New folder : mkdir -p /zuker cd /zuker 2. compile : yum -y install gcc-c++ make wget autoconf libjpeg libjpeg-d ...

  4. Responsibility chain mode of eleven behavior modes (Responsible Chain Pattern)

    Definition : Serialize responsibility classes with the same interface , Decouple the sender and handler of the request . Request along this chain , Until an object processes it . chart : Handler: Abstract processing class , Defines the interfaces of all responsibility class processing methods , Different treatment methods are in the sub ...

  5. Imagine again Windows 8 Store Apps (38) - contract : Search Contract

    [ Source download ] Imagine again Windows 8 Store Apps (38) - contract : Search Contract author :webabcd Introduce, re imagine Windows 8 Store Apps And ...

  6. poj 4982 Step on the grid

    4982: Step on the grid see Submit Statistics put questions to Total time limit :  1000ms Memory limit :  65536kB describe There's a grid matrix , The boundary of the matrix is at infinity . Let's make the following assumptions :a.     Every step , It can only be moved from the current grid ...

  7. Java Multithreading （ Four ）—— synchronized Keywords continued

    1.synchronized principle stay java in , Each object has and has only one synchronization lock . It also means that , A synchronization lock exists depending on an object . When we call the synchronized When the method is used , Get the synchronization lock of the object . for example ,sy ...

  8. How to use git Upload local code to github

    Register accounts and create warehouses Want to use github The first step, of course, is to register github Account number . Then you can create a warehouse ( Free users can only build public warehouses ),Create a New Repository, After filling in the name Create, And ...

  9. zookeeper Command to use

    This is the next one zookeeper The cluster did , So if you are unfamiliar with it, you can go back and have a look zookeeper Cluster related content . Here is the related usage of named lines : Basic command usage Connect server zkCli.sh -server ...

  10. 《Are your lights on？》 Journal entry

    Wedge ( Children who have read a certain kind of novel should not be unfamiliar with this ...): < Is your light on ?> What was said ? It summarizes the general methods to solve problems for us ? No , It just suggests what we should do after encountering problems ( It is definitely not the way to solve the problem ). These buildings ...