razor js_js razor_razor list js - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Blazor带我重玩前端(三)

需要升级VS2019以及.NET Core到最新版（具体的最低支持，我已经忘了，总是越新支持的就越好），以更好的支持自己开发Blazor项目。

03

【ASP.NET Core 基础知识】--MVC框架--Views和Razor语法

在ASP.NET Core的MVC（Model-View-Controller）框架中，View 扮演着呈现用户界面的角色。View负责展示应用程序的数据给用户，并接收用户的输入。它与Model和Controller协同工作，通过模型绑定从Controller获取数据，然后使用Razor语法或其他视图引擎将数据呈现为用户可见的HTML。

02

您找到你想要的搜索结果了吗？

是的

没有找到

如何将 ASP.NET Core MVC 项目的视图分离到另一个项目

在当下这个年代 SPA 已是主流，人们早已忘记了 MVC 以及 Razor 的故事。但是在某些场景下 SSR 还是有意想不到效果。比如某些静态页面，比如追求首屏加载速度的时候。最近在项目中回归传统效果还是不错。有的时候我们希望将视图（Views）从主项目中分离出来，以提高项目的模块化程度。本文将介绍如何将视图分离到另一个 Razor 类库项目中。这在以前 .NET Framework 下是很常见的，但是 Core 下面的资料太少了，记录一下。

01

如何使用 Blazor 框架在前端浏览器中导入和导出 Excel

Blazor 是一个相对较新的框架，用于构建具有 .NET 强大功能的交互式客户端 Web UI。一个常见的用例是将现有的 Excel 文件导入 Blazor 应用程序，将电子表格数据呈现给用户，并且能够允许进行任何更改，最后将该数据导出回 Excel 文件或将其保存到数据库。

02

.NET8 Blazor新特性流式渲染

Blazor中的流式渲染结合了SSR（服务端渲染），服务端将HTML拼好返回给前端，有点像我们熟知的Razor Pages 或 MVC 。

02

Blazor版俄罗斯方块游戏部署成功

抄了国外大佬的一个俄罗斯方块游戏，也将在线工具和在线游戏组件提取到Razor共享库，可以被 Dotnet9[1] 网站和 Dotnet工具箱[2] 网站复用，这篇分享游戏的搬运及Razor共享库的迁移过程，和这几天开发、部署遇到的一些问题与解决方案记录分享下。

03

[吃螃蟹]基于 Blazui 的 Blazor 后台管理模板 BlazAdmin 正式尝鲜

BlazAdmin 是一个基于Blazui的后台管理模板，无JS，无TS，非 Silverlight，非 WebForm，一个标签即可使用。　　我将在下一篇文章讨论 Blazor 服务器端渲染与客户端渲染的基本原理，对比服务器端渲染与 WebForm 的异同点　　经过近一个月的开发，BlazAdmin 尝鲜版终于搞定了，功能很有限，同时也存在很多问题，只集成了一个后台管理系统最基本的功能，包括：

02

在Blazor中使用Chart.js快速创建图表

BlazorChartjs是一个在Blazor中使用Chart.js的库（支持Blazor WebAssembly和Blazor Server两种模式），它提供了简单易用的组件来帮助开发者快速集成数据可视化图表到他们的 Blazor 应用程序中。本文我们将一起来学习一下在Blazor中使用Chart.js快速创建图表。

01

《从零开始学ASP.NET CORE MVC》:VS2017创建ASP.NET Core Web程序(三)

步骤1：在Visual Studio 2017中创建新的asp.net Core项目

03

《从零开始学ASP.NET CORE MVC》:VS2019创建ASP.NET Core Web程序(三)

步骤1：在Visual Studio 2019中创建新的asp.net Core项目

02

.NET5 Blazor初探

经常看我公众号的朋友应该能看出来，我的文章基本都是.Net、Android、OpenCV的相关的，用到的语言C#、Kotlin、C++、还有现在偶尔还维护下的Delphi老代码。本来也想空余时间学一下前端的，公众号里也有几篇VUE文章，后台没再继续学习的主要原因就是学习的成本太高，除了JS的语言，像编译部署、环境搭建、跨域访问等一系列的东西，需要花费的时间太多。前阵子.Net5发布后跟着做了个小的东西，也是无意间看到了Blazor后，抱着测试看看是否占用学习时间太多的想法做了个Demo，于是有这今天这篇。

01

Day 04 Compoent及路由介紹

由于笔者当初是用ASP.NET Core API + Blazor Server，所以会以Blazor Server示范，日后研究完Blazor WebAssembly会再将心得补上。

03

MAUI Blazor 项目实战 - 从0到1轻松构建多平台应用UI

最近在项目中尝鲜了MAUI，总体感受下来还是挺不错的，优缺点并存，但是瑕不掩瑜，目前随着.Net版本的迭代升级对它的支持也越来越友好，相信未来可期！感兴趣的朋友欢迎关注。文章中如有不妥的地方，也请多多指教。

05

MAUI Blazor项目实战从0到1轻松构建多平台应用UI

最近在项目中尝鲜了MAUI，总体感受下来还是挺不错的，优缺点并存，但是瑕不掩瑜，目前随着.Net版本的迭代升级对它的支持也越来越友好，相信未来可期！感兴趣的朋友欢迎关注。文章中如有不妥的地方，也请多多指教。

03

资讯 | 苹果发布；重磅开源KSQL；Polymer 3.0概览

每周资讯 IMWeb前端社区想要成为一名优秀的前端，需要及时掌握互联网技术的时事热点，这周又有哪些值得关注的最新动态呢，让我来为大家一一揭晓！ 1 苹果秋季发布会定档9月12日，你想知道的一切“剧透”都在这里了今天苹果官方终于宣布，于9月12日在Apple Park举行秋季发布会，随着新机iPhone 8发布的临近，相关的“剧透”也越来越密集，果粉们一定很好奇，新一代iPhone颜值到底怎样？科技到底有多“黑”？ 2 重磅开源KSQL：用于Apache Kafka的流数据SQL引擎 Kafka的作者

02

Blazor WASM 实现人民币大写转换器

.NET 5 正式发布已经有一段时间了，其中 Blazor 技术是该版本的亮点之一。作为微软技术的被坑者，年少的我曾经以为 SilverLight 能血虐 Flash，Zune 能团灭 iPod，WP 能吊打 iPhone，UWP 能统一全平台…… 可是后…… 最终步入大龄程序员的我发现，只有陪伴了我将近 20 年的ASP.NET 还没有完蛋。于是我这两天花了点时间，尝试将我的一个 UWP 小工具用 Blazor 重写，分享给大家。

01

【译】.NET Core 3.0 Preview 3中关于ASP.NET Core的更新内容

.NET Core 3.0 Preview 3已经推出，它包含了一系列关于ASP.NET Core的新的更新。

01

ASP.NET Core MVC 视图

布局用于提供各个页面所需的公共部分，如：菜单、页头、页尾等。在ASP.NET Core中默认的布局文件是位于/Views/Shared文件夹下的_Layout.cshtml文件：

04

【炫丽】从0开始做一个WPF+Blazor对话小程序

注要使WPF支持Blazor，.NET版本必须是 6.0 或更高版本，本文所有示例使用的.NET 7.0，版本要求见链接，截图看如下文字：

06

使用.NET Core+Docker 开发微服务

.NET Core发布很久了,因为近几年主要使用java，所以还没使用过.NET Core，今天正好有一个c#写的demo，需要做成服务，不想再转成java来实现，考虑使用.NET CORE来尝下鲜，目标是开发一个微服务，然后部署到Docker swarm集群，供其他应用调用。

03

如何在 ASP.NET MVC 中集成 AngularJS（1）

介绍当涉及到计算机软件的开发时，我想运用所有的最新技术。例如，前端使用最新的 JavaScript 技术，服务器端使用最新的基于 REST 的 Web API 服务。另外，还有最新的数据库技术、最新的设计模式和技术。当选择最新的软件技术时，有几个因素在起作用，其中包括如何将这些技术整合起来。过去两年中，我最喜欢的一项技术就是设计单页面应用（SPA）的 AngularJS。作为一个微软stack开发者，我也是使用 ASP.NET MVC 平台实现 MVC 设计模式和并进行研究的粉丝，包括它的捆绑和压缩功能

06

【炫丽】从0开始做一个WPF+Blazor对话小程序

本文演示如何在WPF[1]中使用Blazor[2]开发漂亮的UI，为客户端开发注入新活力。

02

基于.NET Core开发的开源数据可视化项目

当然，还有很多其它基于.NET Core开发的开源数据可视化项目，这里再列出一些：

01

完美：C# Blazor中显示Markdown并添加代码高亮

昨天发了一篇介绍这个库：C# Blazor中显示Markdown文件，介绍怎么在Blazor中显示Markdown内容的文章，文章内的代码是没有高亮的，思来相去，还是要做好，于是百度到这篇文章.NET C# Blazor 服务端渲染Markdown，现在渲染效果如下：

03

用QUnit对Razor进行测试

Given how central JavaScript is to many modern web applications, it is important to use unit tests to drive the design and quality of that JavaScript. But I’ve noticed that there are a lot of developers that don’t know where to start.

04

一个遵循CleanArchitecture原则的Asp.net core轻量级开源项目

这是一个基于最新的ASP.net core 5.0创建Razor Page应用程序解决方案模板。遵循Clean Architecture的原则,以最求简洁的代码风格和实现快速开发小型的web业务系统的目标，并且从没停止过更新。该项目从最早的asp.net web form,asp.net mvc5 到 asp.net core 3.1再到现在最新的asp.net core 5.0 Razor Page，从简单三层结构到N层结构再到现在流行的CQRS模式，一遍一遍的再重构，在这过程中体会到系统架构的重要性和在优秀的框架下开发系统是一件多么愉快的事情。做这样的项目纯粹是为了兴趣和能和很多Github上优秀的程序员一起交流和学习。

03

全面的ASP.NET Core Blazor简介和快速入门

因为咱们的MongoDB入门到实战教程Web端准备使用Blazor来作为前端展示UI，本篇文章主要是介绍Blazor是一个怎样的Web UI框架，其优势和特点在哪？并带你快速入门上手ASP.NET Core Blazor(当然这个前提是你要有一定的C#编程基础的情况，假如你完全没有接触过C#的话建议你先从基本语法学起)。

02

Blazor学习之旅(1)初步了解Blazor

2022年9月以来在学习Blazor做全栈开发，因此根据老习惯，我会将我的学习过程记录下来，一来体系化整理，二来作为笔记供将来翻看。作为第一篇，我们先来了解一下这个Blazor到底是个什么鬼。

02

Day 03：Blazor Server和Blazor WebAssembly的差异

下载Visual Studio后首先建立一个Blazor解决方案，里面建立Blazor Server项目，方案位置可以自己选择(注：新版Visual Studio将Blazor Server跟Blazor WebAssembly的新建项目模板拆分了，较为直观)，先不管里面的程序，按下F5执行后在网页按下F12或是Ctrl+Shift+I开启开发人员工具(Dev tool)，切换到Network页签后重新加载网页，可以看到几个文件，其中blazor.server.js就是在服务器跟浏览器之间通过SingalR建立WebSocket通道的文件。

03

WPF使用Blazor的快速案例

下面我们将讲解在WPF中使用Blazor，并且使用Blazor做一些文件编辑操作，下面是需要用到的东西

04

ASP.NET Core MVC 概述

ASP.NET Core MVC 是使用“模型-视图-控制器”设计模式构建 Web 应用和 API 的丰富框架。什么是 MVC 模式？模型-视图-控制器 (MVC) 体系结构模式将应用程序分成 3

02

ASP.Net MVC开发基础学习笔记：三、Razor视图引擎、控制器与路由机制学习

在MVC3.0版本的时候，微软终于引入了第二种模板引擎：Razor。在这之前，我们一直在使用WebForm时代沿留下来的ASPX引擎或者第三方的NVelocity模板引擎。

03

Blazor带我重玩前端(一)

曾经我和前端朋友聊天的时候，我说我希望有一天可以用C#写前端，不过当时更多的是美好的想象，这一切正变得真实……

01

CoreFlex框架发布 0.1.1

CoreFlex是一个支持.NET 6,.NET 7,.NET 8的快速开发框架，也提供MasaFramework相关框架的集成提供更多功能模块, 集成了一些常用的功能模块，可以快速开发企业级应用,提供Blazor的一些JS操作工具库。

01

Blazor.Server以正确的方式丶集成Ids4

我本来是想通过像vue框架那样，通过引oidc-client.js的方式，来实现Ids4的集成问题，我当时以为已经很好的，后来看了张队发的文章以后，发现好像我写的那种方式并不优雅。

01

asp.net基础学习

url路由（动态路由和静态路由） asp.net 内部维护路由表对象，设置默认的响应路径，动态路由按照路由表的顺序从前向后查找。 url优先按照默认路由按照格式匹配，如果找不到，则返回404错误参考：https://www.cnblogs.com/meetyy/p/4134615.html ASP.NET 支持三种开发模式： Web Pages 单页面模型，cshtml文件内嵌razor语法 MVC 模型视图控制器，ajax响应函数，服务端和前端完全分离 Web For

02

Dotnet9网站回归Blazor重构，访问速度飞快，交互也更便利了！

Dotnet9网站回归Blazor重构，访问速度确实飞快，同时用上Blazor的交互能力，站长也同步添加了几个在线工具，这篇文章分享下Blazor的重构过程，希望对大家网站开发时做技术选型有个参考。

03

.NET Core 3.0 Preview 6中对ASP.NET Core和Blazor的更新

我们都知道在6月12日的时候微软发布了.NET Core 3.0的第6个预览版。针对.NET Core 3.0的发布我们国内的微软MVP-汪宇杰还发布的官翻版的博文进行了详细的介绍。具体的可以关注“汪宇杰博客”公众号，或者我的“DotNetCore实战”公众号然后在历史文章里面进行查阅。而我们这篇文章将会介绍本次更新中对ASP.NET Core和Blazor所做的更新。当然本文的大部分内容翻译自ASP.NET的首席项目经理Daniel Roth的介绍。

02

asp.net

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

02

Blazor WebAssembly 修仙之途 - 初尝

Blazor 是一个可是使用 .NET/C# 来编写交互式客户端的 Web UI 框架，在官网有一句话概括 “Build client web apps with C#”。在 Blazor 里面有三个比较重要的概念：

01

Asp.NET Core 轻松学-项目目录和文件作用介绍

上一章介绍了 Asp.Net Core 的前世今生，并创建了一个控制台项目编译并运行成功，本章的内容介绍 .NETCore 的各种常用命令、Asp.Net Core MVC 项目文件目录等信息，通过对命令的学习和操作，对项目结构的认识，进一步理解 Asp.Net Core 的运行机制和项目框架。

01

(7/30)Blazor系列：生命周期(Lifetime)

前面说过自己建立的Service都必须在Program.cs注册，但有些基本Service就不用自己做了。

03

使用Nancy.Host实现脱离iis的Web应用

07

BlazorCharts 原生图表库的建设历程

然而这些图表库无不例外的采用的JS库进行二次分装，基本实现方式雷同，我以ant-design-charts-blazor举例

01

Blazor学习之旅(8)MudBlazor组件库介绍

为了实现一个Web应用系统，需要有个看起来不丑的UI，而对于.NET程序员来说要做全栈开发还是有点难，而本篇介绍的这个UI组件库正好可以帮助我们解决这个问题！

02

.NET Core 3.0 Preview 6中对ASP.NET Core和Blazor的更新

我们都知道在6月12日的时候微软发布了.NET Core 3.0的第6个预览版。针对.NET Core 3.0的发布我们国内的微软MVP-汪宇杰还发布的官翻版的博文进行了详细的介绍。具体的可以点这里进行阅读译 | .NET Core 3.0 Preview 6 已发布。而我们这篇文章将会介绍本次更新中对ASP.NET Core和Blazor所做的更新。当然本文的大部分内容翻译自ASP.NET的首席项目经理Daniel Roth的介绍。

02

ASP.NET Core教程【二】从保存数据看Razor Page的特有属性与服务端验证

前文索引： ASP.NET Core教程【一】关于Razor Page的知识在layout.cshtml文件中，我们可以看到如下代码： RazorPagesMovie 这段代码中用到asp-page这样的一个特有属性，这是razor page特有的，这是一个锚点属性，它的值将被编译到a标签的href属性上；跟多的时候，我们会像下面这样使用锚点属性 <a asp-controller="Speaker" asp-

05

asp.net core 系列之允许跨域访问2之测试跨域(Enable Cross-Origin Requests:CORS)

使用的时候，注意 WithOrigins("https://localhost:<port>"); 这个地址替换为客户端地址(即调用方：这里指部分Razor代码)

05

Blazor VS React / Angular / Vue.js

Blazor是一项新的Microsoft技术，允许开发人员使用C＃为浏览器编写代码, 本文将Blazor与其他三个常见SPA框架进行了比较：React，Angular和Vue.js, JavaScript是当前基于浏览器的单页应用程序（SPA）最受欢迎的语言，因为直到最近，它还是在浏览器中运行的唯一语言。这些框架可以从JavaScript或TypeScript进行编译或转换。本文询问开发人员是否需要依赖JavaScript，以及我们是否可以开始使用C＃构建SPA应用程序。

01

Blazor VS React / Angular / Vue.js

Blazor是一项新的Microsoft技术，允许开发人员使用C＃为浏览器编写代码, 本文将Blazor与其他三个常见SPA框架进行了比较：React，Angular和Vue.js, JavaScript是当前基于浏览器的单页应用程序（SPA）最受欢迎的语言，因为直到最近，它还是在浏览器中运行的唯一语言。这些框架可以从JavaScript或TypeScript进行编译或转换。本文询问开发人员是否需要依赖与JavaScript，以及我们是否可以开始使用C＃构建SPA应用程序。

00

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭