下载source code - 1.7 MB 介绍 *请查看我的Youtube视频链接来学习ASP.NET Core Blazor CRUD使用实体框架和Web API. 在本文中,我们将了解如何为ASP创建一个简单的CRUD应用程序.NET Core Blazor使用实体框架和Web API.Blazor是微软引入的一个新框架.我喜欢使用Blazor,因为它使我们的SPA全栈应用程序开发更加简单,而且现在我们只能使用一种语言,比如c#.在Blazor之前,我们一直使用ASP.结合Angular

关于组件 现在前端几大轮子全面组件化.组件让我们可以对常用的功能进行封装,以便复用.组件这东西对于搞.NET的同学其实并不陌生,以前ASP.NET WebForm的用户控件其实也是一种组件.它封装html代码,封装业务逻辑,对外提供属性事件等信息,它完完全全就是个组件,只是用户控件跑在服务端,而现在的组件大多数直接跑在前端.现在Blazor Webassembly微软正式把组件带到前端,让我们看看它是怎么玩的. 第一个组件 废话不多说下面开始构建第一个组件.这个组件很简单就是绿色的面板加一个标题

学习ASP.NET Core Blazor编程系列一--综述 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(上) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(中) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(下) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(完) 学习ASP.NET Core Blazor编程系列三--实体 学习ASP.NE

Blazor 是一个用于使用 .NET 生成交互式客户端 Web UI 的框架: 使用 C# 代替 JavaScript 来创建丰富的交互式 UI. 共享使用 .NET 编写的服务器端和客户端应用逻辑. 将 UI 呈现为 HTML 和 CSS,以支持众多浏览器,其中包括移动浏览器. 使用 .NET 进行客户端 Web 开发可提供以下优势: 使用 C# 代替 JavaScript 来编写代码. 利用现有的 .NET 库生态系统. 在服务器和客户端之间共享应用逻辑. 受益于 .NET 的性能.可靠性

.NET Core Blazor 1-Blazor项目文件分析 本节内容为Blazor的基本文件 简介 Blazor是一个使用.NET技术用于代替JavaScript/typescript的前端WEB框架.在前端开发中使用.NET语言进行书写逻辑有利于我们的性能.可靠性和安全性.并且对于使用.NET开发人员而言,全栈的成本更低. 截止文章发布时,.NET Core已经发布了3.1版本,Blazor已经正式发布了Server-Side的框架,基于WebAssembly的Client-Side已经进

上周初步对Blazor WebAssembly进行了初步的探索(ASP.NET Core Blazor 初探之 Blazor WebAssembly).这次来看看Blazor Server该怎么玩. Blazor Server Blazor 技术又分两种: Blazor WebAssembly Blazor Server Blazor WebAssembly上次已经介绍过了,这次主要来看看Blazor Server.Blazor Server 有点像WebAssembly的服务端渲染模式.页面在

前言 大概3个星期之前立项, 要做一个 CEF+Blazor+WinForms 三合一到同一个进程的客户端模板. 这个东西在五一的时候做出了原型, 然后慢慢修正, 在5天之前就上传到github了. 地址 : https://github.com/BlazorPlus/BlazorCefApp 但是一直在忙各种东西, 没有时间写博客. 情况 情况是这么一个情况 , 这个东西能运行, 够用. 也写了7个例子.  离当初的目标还有一些距离. 需要更多的时间去填坑. CEF方面, 是按需包装, 没有用

上一次我们学习了Blazor组件相关的知识(Asp.net Core Blazor Webassembly - 组件).这次继续学习Blazor的数据绑定相关的知识.当代前端框架都离不开数据绑定技术.数据绑定技术以数据为主导来驱动UI界面,用户对数据的修改会实时提现在UI上,极大的提高了开发效率,让开发者从繁琐的dom操作中解脱出来.对于数据绑定.NET开发者并不会陌生,WPF里大量应用数据绑定技术,有过WPF开发经验的同学其实很容易理解前端的数据绑定.总之数据绑定技术及其概念.思维极其重要.下

web最精妙的设计就是通过url把多个页面串联起来,并且可以互相跳转.我们开发系统的时候总是需要使用路由来实现页面间的跳转.传统的web开发主要是使用a标签或者是服务端redirect来跳转.那今天来看看Blazor是如何进行路由的. 使用@page指定组件的路由path 我们可以在Blazor里给每个组件指定一个path,当路由匹配的时候会显示这个组件. @page "/page/a" <h2> PAGE A </h2> @code { } 访问/page/a

学习ASP.NET Core Blazor编程系列一--综述 一.概述 Blazor 是一个生成交互式客户端 Web UI 的框架: 使用 C# 代替 JavaScript 来创建信息丰富的交互式 UI. 共享使用 .NET 编写的服务器端和客户端应用逻辑. 将 UI 呈现为 HTML 和 CSS,以支持众多浏览器,其中包括移动浏览器. 与新式托管平台(如 Docker)集成. 使用 .NET 和 Blazor 生成混合桌面和移动应用. 使用 .NET 进行客户端 Web 开发可提供以下优势:

学习ASP.NET Core Blazor编程系列一--综述 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(上) 四.创建一个Blazor应用程序 1. 第一种创建Blazor应用程序的方式.在Visual Studio 2022启动界面中选择"创建新项目",如下图. 图2-5 2. 第二种创建Blazor应用程序的方式是.在Visual Studio 2022启动界面中选择"继续但无需代码",然后在Visual Studio

学习ASP.NET Core Blazor编程系列一--综述 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(上) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(中)     五.启动第一个Blazor应用程序 8.按F5在调拨模式下运行这个应用程序或者按Ctrl+F5在不调试模式下运行这个应用程序. 第一次在Visual Studio 2022 中运行Web应用程序时,它将为HTTPS托管该应用程序设置开发证书,会弹出两

学习ASP.NET Core Blazor编程系列一--综述 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(上) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(中) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(下)   六 计数器页面 14. 在浏览器中,通过鼠标左键单击左边菜单栏中的"Counter"菜单,页面进入到计数器页面.如下图.        图2-17 15.

学习ASP.NET Core Blazor编程系列一--综述 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(上) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(中) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(下) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(完)     从本篇文章开始我们从头开始学习如何创建一个图书租赁系统. 在本篇文章中

学习ASP.NET Core Blazor编程系列一--综述 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(上) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(中) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(下) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(完) 学习ASP.NET Core Blazor编程系列三--实体 在具体的实际项目

学习ASP.NET Core Blazor编程系列一--综述 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(上) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(中) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(下) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(完) 学习ASP.NET Core Blazor编程系列三--实体 学习ASP.NE

学习ASP.NET Core Blazor编程系列一--综述 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(上) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(中) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(下) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(完) 学习ASP.NET Core Blazor编程系列三--实体 学习ASP.NE

学习ASP.NET Core Blazor编程系列一--综述 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(上) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(中) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(下) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(完) 学习ASP.NET Core Blazor编程系列三--实体 学习ASP.NE

学习ASP.NET Core Blazor编程系列一--综述 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(上) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(中) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(下) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(完) 学习ASP.NET Core Blazor编程系列三--实体 学习ASP.NE

学习ASP.NET Core Blazor编程系列一--综述 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(上) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(中) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(下) 学习ASP.NET Core Blazor编程系列二--第一个Blazor应用程序(完) 学习ASP.NET Core Blazor编程系列三--实体 学习ASP.NE