首页 > 其他分享 >Blazor Server 从头开始:01 创建项目

Blazor Server 从头开始:01 创建项目

时间:2022-12-26 13:45:35浏览次数:60  
标签:razor 01 Razor Server 应用 组件 Blazor

最近手痒,正好阳性在家,就打算把代码再捡起来看看,学习下这些年来都有什么新东西出现。就看到了微软出的.Net 7 Blazor相关的内容。

走了一遍微软官方的教程,发现用处不大,(可能是年纪已高,也可能是断代太久),所以给这段时间立个小目标,从头开始学习一下这个Blazor。

有关Blazor Server 和Web WebAssembly 的区别已经有大把的人在说,就不再赘述(其实对于新手来说,选定一个研究就是了,没必要纠结)。


 

准备工作

  1. 根据自己的操作系统,从官网下载最新版本的 Visual Studio (我的是Mac Arm64 17.4 版本);
  2. 在Visual Studio安装程序中,将 Web相关的组件都够选上(因为我已安装好,不想卸载重装,就不罗列具体哪些组件了)
  3. 等待安装程序完成更新后,即可。

创建项目

  1. 打开安装好的Visual Studio,选择「新建」
  2. 依次选择「Web控制台 -- 应用」-->「ASP.NET Core -- Blazor Server应用空 (C#」,点击继续
  3. 目标框架「.Net 7」,取消勾选「高级:配置HTTPS」,点击继续
  4. 输入项目名称(这里我使用“BlazorServerDemo”),选择位置文件夹(这里我使用默认),点击创建
  5. Visual Studio 会自动打开项目窗口,点击上方「调试 -- 开始调试」,此时弹出浏览器窗口,并显示 “Hello World”字样
  6. 创建项目完成

  

项目结构

默认自动创建的项目结构:

  • Pages                  视图文件,Razor组件
    • _Host.cshtml    实现为 Razor 页面的应用的根页面,指定根 App 组件 (App.razor) 的呈现位置。
    • Index.razor       Razor组件
  • Properties
    • launchSettings.json
  • wwwroot              静态文件
    • CSS
      • site.css
  • _Imports.razor       包括要包含在应用组件 (.razor) 中的常见 Razor 指令,如用于命名空间的 @using 指令。
  • App.razor              应用的根组件,用于使用 Router 组件来设置客户端路由。
  • appsettings.json    基本应用参数
    • appsettings.Development.json
  • MainLayout.razor   UI 布局
  • Program.cs           应用的入口点,用于设置 ASP.NET Core 主机 并包含应用的启动逻辑,其中包括服务注册和请求处理管道配置

自定义创建的其他目录:

  • Data        向应用的组件提供示例数据。
  • Shared     包含共享组件和样式表

  

总结思考

  •  .razor 文件是Razor组件文件,内涵描述组件的所有内容(HTML以及对应的逻辑代码)
  • Blazor 相对于其他Web框架而言,比较友好的是可以直接使用C#写页面逻辑
  • 与当前很多应用较广泛的前端框架(JS语言)类似的组件编写风格
  • 空白模板相对更适合作为Blazor项目的起点,而不是Blazor Server模板

标签:razor,01,Razor,Server,应用,组件,Blazor
From: https://www.cnblogs.com/skyler/p/17005644.html

相关文章

  • P4928 [MtOI2018]衣服?身外之物! 题解
    题意gcd共有\(n\)件衣服,编号为\(A_1,A_2,\cdotsA_n\)。每一件衣服分别拥有颜色值和清洗时间,他在每一件衣服穿完以后都会将其送去清洗,而这件衣服当天所拥有的舒适感......
  • 001 MATLAB-plotyy-函数详解
    plot1定义plot()——matlab中二维画图的函数,函数返回值是各个线条的句柄。2调用格式2.1plot(y)当y为向量时,是以y的分量为纵坐标,以元素序号为横坐标,用直线依次连接......
  • 墨天轮沙龙 | 腾讯云陈昊:TDSQL-C Serverless应用与技术实践
    导读数据库的发展由对性能的要求,逐步发展为对更为极致成本的要求,Serverless数据库是在高性能云数据库之上的极致成本优化方案。【墨天轮数据库沙龙-Serverless专场】邀请......
  • microsoft visual studio 2013 community - The online service is not available 解
    在注册表中添加以下两个值。 1. HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\SecurityProviders\SCHANNEL\Protocols   TLS1.0  类型:DWORD,值:1 2......
  • AHOI,但是初中组,2017-2018
    你觉得我这种彩笔像是能去做省选题的样子吗?=w=合肥人,做初中的屑安徽题,很正常吧。AH也不知道为啥搞啥市赛啊区赛啊省赛啊就挺离谱的反正摆烂人也不想打┓( ´∀` )┏20......
  • P3336 [ZJOI2013]话旧
    P3336[ZJOI2013]话旧题意:\(f(x)\)为定义在\([0,N]\)的连续函数\(f(x)\),其中\(N\)是整数,满足\(f(0)=f(N)=0\),它的所有极值点在正输出去到,且\(f(x)\)的......
  • vs2010下设置release版本调试设置
    设置在Release模式下调试的方法:1.工程项目上右键->属性2.c++->常规-〉调试信息格式   选 程序数据库(/Zi)或(/ZI),注意:如果是库的话,只能(Zi)3.c++->优化......
  • fatal error C1010: 在查找预编译头时遇到意外的文件结尾
    错误描述:fatalerrorC1010:在查找预编译头时遇到意外的文件结尾。是否忘记了向源中添加“#include"stdafx.h"”?错误分析:    此错误发生的原因是编译器在寻找预......
  • VS2010中将CString转换为const char*
    最近碰到了CString转constchar*的问题。以前只要简单的一个强制转换就OK了,可现在是不行了,搜索了很多资料,终于搞定,主要是Unicode和ANSI的问题,只要做一个转换就可以了,不......
  • Apache 虚拟主机里的 ServerName 指令
    术语虚拟主机(Virtualhost)是指在一台机器上运行多个网站(例如company1.example.com和company2.example.com)的做法。虚拟主机可以是“基于IP”的,这意味着每个网站都有......