二、搭建Blazor Server应用并运行

于 2024-07-29 11:20:25 发布
阅读量205 收藏
点赞数 2
分类专栏： C# ASP.NET Cool Blazor 文章标签： vscode macos ide .netcore asp.net 前端框架 后端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Kevinxxxxx/article/details/140766613
版权
C# 同时被 3 个专栏收录
7 篇文章 0 订阅
订阅专栏
ASP.NET
7 篇文章 0 订阅
订阅专栏
Cool Blazor
7 篇文章 0 订阅
订阅专栏

二、搭建Blazor Server应用并运行

  1. 使用 Visual Studio Code for mac 初始化Blazor Server项目

    1. 选择Blazor Server应用空 Linux, macOS, Windows, Blazor, Cloud, Web
      创建应用

    2. 选择你想要放置项目的位置后输入项目名称

      选择位置后输入名称

    3. 选择Create Project

      选择创建项目

    4. 自动打开项目，项目结构如图所示

      项目结构

    5. 如果安装过其他版本，比如.Net 7，新建项目后可在.csproj文件修改.Net版本
      修改版本

  2. 试运行

    1. 点击Debug
      点击Debug

    2. 点击Show all automatic debug configurations → C#

      显示所有Debug选项

    3. 选择使用https进行debug
      Https Debug

    4. 运行成功
      运行成功

Kevinxxxxx
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Blazor —— 教你从零搭建 Blazor for Server-Side 项目
不忘初心
10-11 8595
这篇文章不会介绍什么是 Blazor，若想理解基本概念，请自行百度或查看微软官方文档。这篇文章是偏向技术的，也就是说它不是概念，而是教你从零开始搭建一个 Blazor 项目，前提是你必须先掌握 ASP.NET CORE 的基本知识。
Ant Design of Blazor 教程 从0-1搭建 2.项目创建
千金少的博客
09-16 3335
1.Blazor创建 2.Blaozr项目运行 运行结果大概长这样 3.Blazor 文件结构形式调整 新建一个文件夹host把初始创建的东西全部扔进去，再创建一个razor类库里面专门放组件，当然把组件写在Server里面也可以，个人比较倾向创建一个razor类库。 不用支持页面和视图 4.引入AntDesign 1.nuget直接搜索AntDesign，除了shared都安装。 2.分别在AntBlazorDemo.Client里面引入js和css ..
全面的ASP.NET Core Blazor简介和快速入门
技术杂谈，聚焦优质文章、开源项目、实用工具和学习、工作、面试心得分享。博客园推荐博客、阿里云专家博主，擅长于C#、.NET、.NET Core、Golang、TypeScript、Vue、Uni App、Angular开发。
02-17 1830
因为咱们的MongoDB入门到实战教程Web端准备使用Blazor来作为前端展示UI，本篇文章主要是介绍Blazor是一个怎样的Web UI框架，其优势和特点在哪？并带你快速入门上手ASP.NET Core Blazor(当然这个前提是你要有一定的C#编程基础的情况，假如你完全没有接触过C#的话建议你先从基本语法学起)。Blazor Server 应用程序在服务器上运行，可享受完整的 .NET Core 运行时支持。所有处理都在服务器上完成，UI/DOM 更改通过 SignalR 连接回传给客户端。
ASP.NET Core Blazor 2：使用 Blazor Server (1)
噢~
06-24 813
  Blazor 是 ASP.NET Core 新添加的一个功能，它向 Web 应用程序添加客户端交互性。Blazor 有两个变种，本章将重点介绍 Blazor Server，另一种是 Blazor WebAssembly。解释它解决的问题和它是如何工作的。展示如何配置 ASP.NET Core应用程序来使用 Blazor Server，并描述使用 Razor 组件时可用的基本特性，这是 Bla...
Blazor Server 应用程序中进行 HTTP 请求
dotNET跨平台
08-24 373
翻译自 Waqas Anwar 2021年5月4日的文章《Making HTTP Requests in Blazor Server Apps》[1]Blazor Server 应用使...
Blazor 部署
flyingdream123的专栏
07-28 3446
《进击吧！Blazor！》是本人与张善友老师合作的Blazor零基础入门教程视频，此教程能让一个从未接触过Blazor的程序员掌握开发Blazor应用的能力。 视频地址：https://space.bilibili.com/483888821/channel/detail?cid=151273 Blazor WebAssembly 是单页应用 (SPA) 框架，用于使用 .NET 生成交互式客户端 Web 应用，采用 C# 代替 JavaScript 来编写前端代码 本系列文章基于《进击吧！Blazor！》
带https证书的blazorserver的docker部署
qq_27848323的博客
10-30 796
准备工作 $ dotnet --version 5.0.400 IDE: Visual Studio for mac 2019 项目实施 新建项目：App->Blazor Server App->.Net 5.0+individual Authentication+Configure for Https->Create a project directory within the solution direction 添加docker支持：选择项目->add docker
最终选型 Blazor.Server：又快又稳！
热门推荐
dotNET跨平台
06-06 1万+
书接上文，昨天我们快速的走了一遍wasm的开发流程（我的『MVP.Blazor』快速创建与部署），总体来说还是很不错的，无论是从技术上，还是从开发上，重点是用C#来开启前端时代，可以开发...
blazor企业绩效管理应用
06-28
在“blazor尝试搭建企业绩效管理应用”这一项目中，我们可能涉及到以下关键知识点： 1. **Blazor架构**：Blazor分为服务器版（Blazor Server）和WebAssembly版（Blazor WebAssembly）。Blazor Server模式下，UI更新...
基于 .net 6、blazor 、furion 开发的后台管理系统源码.zip
05-24
Blazor通过WebAssembly将.NET代码编译为可以在浏览器上运行的二进制格式，提供了接近原生应用的用户体验。在后台管理系统中，Blazor可以用于构建直观的用户界面，提供丰富的交互功能。 再者，`Furion`是一个现代的...
blazor后台管理框架，AntDesign风格
06-28
2. **服务器和客户端交互**：Blazor有两种运行模式——Blazor Server和Blazor WebAssembly。Blazor Server模式下，UI组件的状态在服务器上维护，通过 SignalR 实现实时双向通信。Blazor WebAssembly模式则将应用程序...
blazor调试部署全过程
诸葛建站
11-13 1316
安装了最新的 dotnet SDK 最好直接下载安装版, 不要zip版, 安装版会自动注册一些信息, 省去后面的很多麻烦. 设置如下OS环境变量, 并重启计算机. (1) 将 dotnet.exe 路径加到OS的 PATH 环境变量中. (2) 设置 DOTNET_ROOT 环境变量, 取值为 C:\Program Files\dotnet (3) 设置 NUGET_PACKAGES 环境变量,...
使用VS创建Blazor Server项目HelloWorld
qq_16215957的博客
04-05 595
进入目录：Shared, 编辑文件: NavMenu.razor NavBar多级导航实现： <li class="nav-item px-3"> <NavLink class="nav-link" > <span class="oi oi-list-rich" aria-hidden="true"></span> Hel...
Blazor Server开发：将Blazor Server应用放入子目录（使用二级目录访问Blazor Server应用）
qq_15449089的博客
12-02 568
将Blazor Server应用使用如http://***.com/admin这样的Url访问.无目录的跟原来一样使用MVC.这种方式不是在二级目录部署,只是URL上区别..比较适合MVC做Api或网站前台页面,Blazor server做后台管理，或者是同一个站点部署多个Blazor Server应用的情况。
Blazor Server组件入门
m0_47659279的博客
07-09 798
Blazor Server组件入门 文章目录Blazor Server组件入门一、组件是什么？二、使用步骤1.新建Blazor Server项目2.新建一个文件夹命名为Components3.右键Components文件夹创建一个Razor组件并命名（组件首字符大写：如MyComponents）4.编辑组件内容，这里我直接使用了自动生成的代码5.使用组件6.Ctrl + F5运行项目7.组件传参更多 一、组件是什么？ 组件（Component）是对数据和方法的简单封装。通俗的讲，我们可以把一个网页比作一个玩
ASP.NET Core Blazor 3：使用 Blazor Server (2)
最新发布
噢~
06-26 829
1 准备工作   继续使用上一章项目。   本章展示如何组合Razor组件来创建更复杂的特性。展示如何创建组件之间的父子关系，如何利用属性配置组件，以及如何创建自定义事件，以在发生重要更改时发出信号。还展示了组件如何从父组件接收内容，以及如何使用模板组件一致地生成内容，模板组件可以用一个或多个泛型类型参数定义。在本章结束时,演示了 Blazor应用程序如何对连接和应用程序错误做出反应。 2 结合...
BlazorServer非鉴权的登录和注册
jamenu的博客
07-05 673
BlazorServer入门,参数的绑定与跳转
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值