GithubHelp home page GithubHelp logo

ryanhuang2715 / blazormaui Goto Github PK

View Code? Open in Web Editor NEW

This project forked from densen2014/blazormaui

0.0 0.0 0.0 13.45 MB

用 c # 和 Razor 创建本机移动应用和桌面应用。使用 Blazor.BB.Maui,可以快速开发共享代码库运行于 Windows (Winforms/WPF/UWP)、Android、iOS、macOS 的应用。

License: Apache License 2.0

JavaScript 1.15% C# 53.42% CSS 6.36% HTML 39.05% Batchfile 0.02%

blazormaui's Introduction

BlazorMaui , 整合Blazor,BootstrapBlazor UI组件库,Maui的共享跨平台工程示例

由于此工程比较杂乱,新开了一个项目 BlazorHybrid , 请感兴趣的同学移步参观.

用 c # 和 Razor 创建本机移动应用和桌面应用。可以快速开发共享代码库运行于 Windows (Winforms/WPF/WinUI3)、Android、iOS、macOS 和 Linux 的应用。

新项目BlazorHybrid GitHub | Gitee(仅副本)

GitHub | Gitee(仅副本)

工程引用库源码


Maui Blazor 中文社区 QQ群:645660665

image

FreeSql QQ群:4336577(已满)、8578575(已满)、52508226(在线)

BA & Blazor QQ群:795206915、675147445


在 Mac 上开发 .NET MAUI(全)https://www.cnblogs.com/densen2014/p/16057571.html

在 M1 Mac 上开发 .NET MAUI (iOS) https://www.cnblogs.com/densen2014/p/16057563.html

在 Windows 上开发 .NET MAUI https://docs.microsoft.com/zh-cn/dotnet/maui/get-started/installation


安卓 App https://play.google.com/apps/internaltest/4701712767813053732

APK https://app1.es/maui/net7.0-android/es.app1.BlazorMaui-Signed.apk


1.Blazor 简介

Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架:

使用 C# 代替 JavaScript 来创建信息丰富的交互式 UI。 共享使用 .NET 编写的服务器端和客户端应用逻辑。 将 UI 呈现为 HTML 和 CSS,以支持众多浏览器,其中包括移动浏览器。 与新式托管平台(如 Docker)集成。 使用 .NET 进行客户端 Web 开发可提供以下优势:

使用 C# 代替 JavaScript 来编写代码。 利用现有的 .NET 库生态系统。 在服务器和客户端之间共享应用逻辑。 受益于 .NET 的性能、可靠性和安全性。 在 Windows、Linux 和 macOS 上使用 Visual Studio 保持高效工作。 以一组稳定、功能丰富且易用的通用语言、框架和工具为基础来进行生成

2.Bootstrap 风格的 Blazor UI 组件库, 以下简称BB

基于 Bootstrap 样式库精心打造,并且额外增加了 100 多种常用的组件,为您快速开发项目带来非一般的感觉,致力于打造全网最好用的,最好玩的组件库。

3.什么是 .NET MAUI?

.NET 多平台应用 UI ( .NET MAUI) 是一个跨平台框架,用于使用 c # 和 XAML 创建本机移动应用和桌面应用。 使用 .net MAUI,可以开发可在 Android、iOS、macOS 上运行的应用,Windows 以及从单个共享代码库运行的应用。

4.Blazor Hybrid

用 c # 和 Razor 创建本机移动应用和桌面应用。可以快速开发共享代码库运行于 Windows (Winforms/WPF/UWP)、Android、iOS、macOS 的应用。

Blazor Hybrid 将桌面和移动本机客户端框架与 .NET 和 Blazor 结合使用。在 Blazor Hybrid 应用中,使用 BlazorWebView 控件 Razor 组件在设备上本机运行。 组件通过本地互操作通道呈现到嵌入式 Web View 控件。 组件不在浏览器中运行,并且不涉及 WebAssembly。 Razor 组件可快速加载和执行代码,组件可通过 .NET 平台完全访问设备的本机功能, 可以跨移动设备、桌面设备和 Web 重复使用一组 Web UI 组件, 这种混合方法为你提供了本机和 Web 的最佳方法。 组件可以通过 .NET 平台访问本机功能,并呈现标准 Web UI。


GitHub | Gitee(mirror only)

1.Introduction to Blazor

Blazor is a framework for building interactive client-side web UI with .NET:

Create rich interactive UIs using C# instead of JavaScript. Share server-side and client-side app logic written in .NET. Render the UI as HTML and CSS for wide browser support, including mobile browsers. Integrate with modern hosting platforms, such as Docker. Using .NET for client-side web development offers the following advantages:

Write code in C# instead of JavaScript. Leverage the existing .NET ecosystem of .NET libraries. Share app logic across server and client. Benefit from .NET's performance, reliability, and security. Stay productive with Visual Studio on Windows, Linux, and macOS. Build on a common set of languages, frameworks, and tools that are stable, feature-rich, and easy to use.

2.Bootstrap style Blazor UI component library,Abbreviated as BB

Based on the Bootstrap style library, it is carefully built, and 100 a variety of commonly used components have been added to bring you an extraordinary feeling for rapid development projects.The best looking,native Blazor components library on the market

3.What is .NET MAUI?

.NET Multi-platform App UI (.NET MAUI) is a cross-platform framework for creating native mobile and desktop apps with C# and XAML. Using .NET MAUI, you can develop apps that can run on Android, iOS, macOS, and Windows from a single shared code-base.

UWP BlazorMaui_Android BlazorSSR BlazorWinForms BlazorWpf


2022-2-24

Maui blazor 最新preview版本发布ok了,只是还不能打非依赖包和裁剪. 发布后 安装net6 desktop rumtime + webview2 x64就能运行.

net6 desktop rumtime

https://download.visualstudio.microsoft.com/download/pr/efa32b7a-6eec-4d97-9cdc-c7336a29a749/3df4296170397cf60884dae1be3d103b/windowsdesktop-runtime-6.0.2-win-x64.exe

webview2

https://msedge.sf.dl.delivery.mp.microsoft.com/filestreamingservice/files/4182949e-08fa-48c6-9845-edf4ff44767b/MicrosoftEdgeWebView2RuntimeInstallerX64.exe

image

2022-8-3

跟着官方改动更新了一下maui+bb的工程, 加了直接定位获取的功能和显示app设置页, 拍照等按钮功能

Screenshot_1659559973

定位搞定 需要 提供了一个PermissionManagingBlazorWebChromeClient将 Webkit 资源映射到 Android 权限并执行推荐的请求权限的工作流。 https://github.com/MackinnonBuck/MauiBlazorPermissionsExample

image

2022-10-17

运行截图

pwa QQ截图20221017013739 QQ截图20221017013836 QQ截图20221017013845 ssr uwp winform wpf

BlazorMauiDemoWithBootstrapBlazor 运行在win10沙盒 BlazorMauiDemoWithBootstrapBlazor 运行在win10沙盒

只需要安装net6desktop runtime和webview2 runtime即可

image

image

2023-1-5

提交 BlazorLinux

image


Blazor 组件

条码扫描 ZXingBlazor nuget stats

图片浏览器 Viewer

条码扫描 BarcodeScanner

手写签名 Handwritten

手写签名 SignaturePad

定位/持续定位 Geolocation

屏幕键盘 OnScreenKeyboard

百度地图 BaiduMap

谷歌地图 GoogleMap

蓝牙和打印 Bluetooth

PDF阅读器 PdfReader

文件系统访问 FileSystem

光学字符识别 OCR

电池信息/网络信息 WebAPI

AlexChow

今日头条 | 博客园 | 知乎 | Gitee | GitHub

ChuanglinZhou

Alex Chow's GitHub stats

Top Langs

blazormaui's People

Contributors

densen2014 avatar

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.