12 热度

Blazor WebAssembly 修仙之途 - 组件与数据绑定

在第一篇文章中,有提到过组件(Component)这个概念。组件在 Blazor 中是必不可少的,UI 全靠它组装起来,和前端的 JS 组件是一个意思,比如:vue component、react component 等等。借用官方文档的描述:Blazor 应用是使用组件构建的。 组件是自包含的用户界面 (UI) 块,例如页、对话框或窗体。 组件包含插入数据或响应 UI 事件所需的 HTML Tag和处理逻辑。 组件非常灵活且轻量。 可在项目之间嵌套、重复使用和共享。二.组件组件一般以 .razor 为文件名后缀,且组件名必须以大写字母开头(猜测可能是和VUE里的命名限制一样...

收录时间: 2020-06-01
分类: Blazor
贡献者: Rector
21 热度

Announcing Experimental Mobile Blazor Bindings May update

It’s been a few months so it’s time for another update of Experimental Mobile Blazor Bindings! This release brings several bug fixes in the areas of CSS styling support, adding XML doc comments to common APIs, and several syntax improvements to common controls.

收录时间: 2020-05-27
分类: Blazor
贡献者: Rector
50 热度

[Asp.Net Core] Blazor WebAssembly - 工程向 - 如何在欢迎页面里, 预先加载wasm所需的文件

前言, Blazor Assembly 需要最少 1.9M 的下载量.  ( Blazor WebAssembly 船新项目下载量测试 , 仅供参考.) 随着程序越来越复杂, 引用的东西越来越多, 需要更多的下载量 ,有一些网站的网络可能较差, 加载这些文件需要一定的时间.  对于一些网站而言, 它不是一开始就把wasm页面暴露给游客的.  wasm更加适合做的,  是一些需要与服务器进行大量交互的App类程序. 例如网站后台管理界面,  聊天后台界面, 等等. 所以, 大部分场合, 游客是先进了网站, 然后登陆, 最后才到wasm页面.  基于这种情况, 这里提供了一个例子, 关于如何预先加...

收录时间: 2020-05-22
分类: Blazor
贡献者: Rector
21 热度

Blazor WebAssembly 3.2.0 now available

I’m thrilled to announce that Blazor WebAssembly is now officially released. This is a fully-featured and supported release of Blazor WebAssembly that is ready for production use. Full stack web development with .NET is now here!

收录时间: 2020-05-21
分类: Blazor
贡献者: Rector
61 热度

EF Core and Cosmos DB with Blazor WebAssembly

It all began as a simple idea. I’ve been speaking with customers about Entity Framework Core (EF Core) and was intrigued by the popularity of using EF Core to access Cosmos DB. I’m a huge fan of Cosmos DB and have worked with it since it evolved from Azure DocumentDB. It wasn’t clear to me why anyone would want to use EF Core when Cosmos DB has its own SDK.

收录时间: 2020-05-16
分类: Blazor
贡献者: Rector
57 热度

ASP.NET Core Blazor 初探之 Blazor Server

上周初步对Blazor WebAssembly进行了初步的探索(ASP.NET Core Blazor 初探之 Blazor WebAssembly)。这次来看看Blazor Server该怎么玩。Blazor ServerBlazor 技术又分两种:Blazor WebAssemblyBlazor ServerBlazor WebAssembly上次已经介绍过了,这次主要来看看Blazor Server。Blazor Server 有点像WebAssembly的服务端渲染模式。页面在服务器端渲染完成之后,通过SignalR(websocket)技术传输到前端,再替换dom元素。其实不光是页面...

收录时间: 2020-05-15
分类: Blazor
贡献者: Rector
AD 友情赞助
63 热度

Building a Progressive Web App with Blazor

A Progressive Web Application (PWA) is a Single Page Application (SPA) that uses modern browser APIs and capabilities to behave like a desktop app. Blazor WebAssembly (now in preview) includes support for Progressive Web Applications. Today, I want to show you how to build your first Blazor PWA. I am using the latest preview of Visual Studio for Mac, you can also create them using the latest Visual Studio 2019 Preview on Windows.

收录时间: 2020-05-15
分类: Blazor
贡献者: Rector
45 热度

Blazor: Handling 404s with IIS

Before I get into it, I just want to quickly give some background. If you’d prefer you can just skip ahead to the “The Problem”. At Huddle we have a small internal SPA that our Support team use for tasks that would normally require manual querying on the database or executing stored procedures. This SPA was written by some of our back-end developers in Knockout.js, at the time this was a quick and easy solution.

收录时间: 2020-05-12
分类: Blazor
贡献者: Rector
58 热度

Blazor入门:ASP.NET Core Razor 组件

本文并不是独立教程的文章,而是属于对微软文档的讲解和说明。组件:项目 Blazor 中,使用 .razor 结尾的文件,称为组件;而 Blazor 中的组件,正式名称是 razor 组件;Blazor 组件是 razor 过渡而来的,使用 razor 的基本语法特性,但是 Balzor 不支持 razor 中的标记帮助程序。

收录时间: 2020-05-11
分类: Blazor
贡献者: Rector
69 热度

ASP.NET Core Blazor 初探之 Blazor WebAssembly

BlazorBlazor是微软在ASP.NET Core框架下开发的一种全新的Web开发框架。Blazor利用WebAssembly使得开发者可以抛开JavaScript而使用优雅的C#来开发web单页应用。微软利用WebAssembly在浏览器里实现了一个.NET Runtime,任何.NET STANDARD 2.1的代码都可以在浏览器上运行,真的是屌炸了。Blazor强化了Razor模板引擎,并且借...

收录时间: 2020-05-09
分类: Blazor
贡献者: Rector
58 热度

Using Razor Class Library (RCL) to generate a common UI for all your dotnet web projects

In this article, we will create a Visual Studio solution containing two projects. One will contain the main UI layout template and the second one a web application in order to test our template project.

收录时间: 2020-05-07
分类: Blazor
贡献者: Rector
53 热度

Auto Saving Form Data in Blazor

In this post, I'm going to show you a solution I've come up with for auto saving and rehydrating form data in Blazor. I'm going to start by outlining the goals and boundaries I set for this project. Then I'm going to tell you about some options I decided not to go with and why I didn't pursue them. Then I'll get into the meat of things and step through the solution I developed. I'll show how I satisfied each goal set out at the start. Then I'll finish by showing you how using the solution compares to the existing EditForm experience.

收录时间: 2020-05-06
分类: Blazor
贡献者: Rector
100 热度

Blazor WebAssembly 3.2.0 Release Candidate now available

The Blazor WebAssembly Release Candidate is here! This release contains all of the features and improvements that we expect to release for the upcoming Blazor WebAssembly release. There are no more breaking changes planned at this point. Please give the Blazor WebAssembly Release Candidate a try and let us know what you think!

收录时间: 2020-05-01
分类: Blazor
贡献者: Rector
63 热度

Quickly transform any mockup or design into a working Blazor prototype

When you start building a web application it’s often hard to know where to begin.Right at the beginning, before you’ve built anything, you face that “blank piece of paper moment”.

收录时间: 2020-04-30
分类: Blazor
贡献者: Rector
106 热度

Copy to Clipboard in Blazor

Recently I was creating a new repo on GitHub, a pretty common action for most of us now-a-days. When I noticed a feature which I use everytime but had never given much thought to, the copy to clipboard button. This is a really useful feature, as I said a second ago, I literally use it everytime. Another great example of this can be found on the Bootstrap site. Each code example has a copy button in the top right corner allowing developers to copy the sample code straight to their clipboard.

收录时间: 2020-04-30
分类: Blazor
贡献者: Rector
AD 友情赞助
64 热度

Blazor - Changing the title without JavaScript

Blazor is a fantastic way to develop interactive sites without the use of JavaScript. But that is not always entirely true, in some cases, you do need JavaScript. One example is changing the Title of a web page, since the title-tag is part of the head-tag, and the head tag is part of the _host.cshtml file it is hard to change from within a component/page.

收录时间: 2020-04-29
分类: Blazor
贡献者: Rector
95 热度

Blazor WebAssembly 3.2.0 已在塔架就位 将发射新一代前端SPA框架

最美人间四月天,春光不负赶路人。在充满无限希望的明媚春天里,一路风雨兼程的.NET团队正奋力实现新的突破。 根据计划,新一代基于WebAssembly 技术研发的前端SPA框架Blazor 将于5月19日在微软Build大会升空。 目前,Blazor 的测试工作和火箭发射前各项准备工作在github 上按计划有序推进。在抗击疫情的特殊时期,力争圆满完成各项任务。ASP.NET团队如期4.23在官方博客发布了 Blazor WebAssembly 3.2.0 Preview 5:https://devblogs.microsoft.com/aspnet/blazor-webassembly-3-...

收录时间: 2020-04-24
分类: Blazor
贡献者: Rector
62 热度

Blazorise 0.9 release notes - Blazorise

Time surely flies. It’s already being three months since the last major release. Many new components and improvements on existing components have being made.

收录时间: 2020-04-24
分类: Blazor
贡献者: Rector
59 热度

Unleash your full-stack creativity with Blazor and Tailwind CSS

I really enjoy full stack web development. Nothing quite beats that feeling of taking a feature all the way from concept to working software, from airy fairy idea to something you can actually interact with in the browser. But, for all the good days when I enjoy building software, there are the bad days…

收录时间: 2020-04-23
分类: Blazor
贡献者: Rector
51 热度

Advanced Blazor Templating

Basic Blazor templating has been covered in Creating Blazor Templated Components, but what if you need to make a Blazor template that takes another template as a parameter?

收录时间: 2020-04-21
分类: Blazor
贡献者: Rector
AD 友情赞助