Giter Club home page Giter Club logo

BlazorPlus

BlazorPlus is a component library that helps you to write code more directly and easily, Single dll , light-weight (about 260KB dll) , Blazor Server/Client/WASM Side Session,Modal Dialog,Controls,File Upload,TreeView

Screenshot

Samples

live demo : http://demo.blazorplus.com/

demo code : https://github.com/BlazorPlus/BlazorPlusDemo

BlazorLinuxAdmin : https://github.com/BlazorPlus/BlazorLinuxAdmin

Installation server-side :

1 - Startup.cs

in ConfigureServices :
	services.AddHttpContextAccessor();
	services.AddScoped<BlazorPlus.BlazorSession>();
in app.UseEndpoints : (before Fallback)
	endpoints.Map("/_blazorplus_handler", BlazorPlus.BlazorSession.ProcessRequestAsync);

2 - _Host.cshtml

in <head> :
	<script src="/_blazorplus_handler?action=script" type="text/javascript"></script>

3 - _Imports.razor

	@using BlazorPlus

4 - App.razor

at the front:
	<BlazorContainer IsShared="true" />

Now test it in Index.razor:

	<button @onclick="ShowHelloWorld">Hello World</button>
	@code{
		void ShowHelloWorld()
		{
			BlazorSession.Current.Alert("Greeting", "Hello World");
		}
	}

Installation WebAssembly

1 - Program.cs

	BlazorPlus.BlazorSession.InitForWasm(builder.Services);
	builder.Services.AddScoped<BlazorPlus.BlazorSession>();

2 - _Imports.razor

	@using BlazorPlus

3 - MainLayout.razor

at the front:
	@inject BlazorSession bses
	<BlazorContainer IsShared="true"/>

Now test it in Index.razor:

	<button @onclick="ShowHelloWorld">Hello World</button>
	@code{
		void ShowHelloWorld()
		{
			BlazorSession.Current.Alert("Greeting", "Hello World");
		}
	}

blazorplus's Projects

ant-design-blazor icon ant-design-blazor

🌈An enterprise-class UI components based on Ant Design and Blazor WebAssembly.

blazorcefapp icon blazorcefapp

Build windows desktop GUI app via CEF / WinForms / Blazor server-site

blazorminiblink icon blazorminiblink

TODO: make another version of BlazorCefApp for https://miniblink.net/

blazorplus icon blazorplus

ASP.NET Core Blazor Server Side Sample,Session,Navigation,Modal Dialog,Controls,Components,File Upload

blazorplusdemo icon blazorplusdemo

ASP.NET Core Blazor Server Side Sample,Session,Navigation,Modal Dialog,Controls,Components,File Upload

ceflite icon ceflite

Another interop binding for CEF , Fore WinForms Core + Asp.Net Core

jint icon jint

Javascript Interpreter for .NET

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.