C# 开发环境搭建(Avalonia UI、Blazor Web UI、Web API 应用示例)

2024-08-31 10:44

本文主要是介绍C# 开发环境搭建(Avalonia UI、Blazor Web UI、Web API 应用示例),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

文章目录

  • C# 文档
  • .NET SDK 下载
  • 安装 .NET SDK
  • 安装完验证
  • VS Code 配置
    • C# 开发插件
    • settings.json
  • WPF UI 框架
  • Avalonia UI 框架
    • 创建 Avalonia 项目
    • Avalonia 官方示例
    • Avalonia 桌面 UI 库
  • Blazor Web UI 框架
    • 创建应用
    • 项目结构
  • ASP.NET Core 控制器创建 Web API
  • dotnet 命令
    • dotnet new
    • dotnet build
    • dotnet run
    • dotnet tool

C# 文档

  • https://learn.microsoft.com/zh-cn/dotnet/csharp/tour-of-csharp/

.NET SDK 下载

  • https://dotnet.microsoft.com/zh-cn/download

安装 .NET SDK

在这里插入图片描述

安装完验证

dotnet -h
# .NET SDK 版本
dotnet --version
# .NET SDK 的列表
dotnet --list-sdks
# .NET 运行时的列表
dotnet --list-runtimes
# .NET 安装和计算机环境详细信息
dotnet --info

在这里插入图片描述

  • 安装时正常会自动添加 PATH
# /usr/local/share/dotnet:~/.dotnet/tools
echo $PATH

在这里插入图片描述

VS Code 配置

C# 开发插件

C#
C# Dev Kit
Avalonia for VSCode

settings.json

  • 配置 Code Runner
{"code-runner.executorMap": {"csharp": "cd $dir && dotnet run $fileName"}
}
  • 创建一个 控制台应用
# 安装模板包
dotnet new install Microsoft.NET.Runtime.WebAssembly.Templates
# 根据 console 模板创建项目
dotnet new console -o ./demo -n demo
# 根据 console 模板创建项目,未指定名称则使用输出目录的名
dotnet new console -o ./demo
  • 运行 demo 项目

在这里插入图片描述

  • 或者终端执行命令
dotnet run

WPF UI 框架

WPF(Windows Presentation Foundation)是微软推出的基于Windows 的用户界面框架。

  • 文档: https://learn.microsoft.com/zh-cn/previous-versions/dotnet/netframework-4.0/ms742119(v=vs.100)

注: 本人是 Mac 电脑无法演示。

Avalonia UI 框架

Avalonia是一个强大的框架,使开发人员能够使用.NET创建跨平台应用程序。它使用自己的渲染引擎绘制UI控件,确保在Windows、macOS、Linux、Android、iOS和WebAssembly等不同平台上具有一致的外观和行为。这意味着开发人员可以共享他们的UI代码,并在不同的目标平台上保持统一的外观和感觉。

  • Github: https://github.com/AvaloniaUI/Avalonia

  • 官网: https://avaloniaui.net/

  • 文档: https://docs.avaloniaui.net/zh-Hans/docs/welcome

创建 Avalonia 项目

# 安装 Avalonia 模板
dotnet new install Avalonia.Templates
# 列出已安装的模板
dotnet new list

在这里插入图片描述

# 创建 Avalonia 项目
dotnet new avalonia.app -o demo
cd demo
# 运行项目
dotnet run

在这里插入图片描述

Avalonia 官方示例

  • https://github.com/AvaloniaUI/Avalonia.Samples
git clone https://github.com/AvaloniaUI/Avalonia.Samples.git
cd Avalonia.Samples
cd ./src/Avalonia.Samples/CompleteApps/SimpleToDoList
  • SimpleToDoList.csproj 修改为当前环境 .NET SDK 版本
<TargetFramework>net8.0</TargetFramework>
  • 运行项目
dotnet run

在这里插入图片描述

Avalonia 桌面 UI 库

  • Github: https://github.com/kikipoulet/SukiUI

在这里插入图片描述

git clone https://github.com/kikipoulet/SukiUI.git
cd SukiUI/SukiUI.Demo
dotnet run

在这里插入图片描述

Blazor Web UI 框架

注: Blazor允许Web开发人员使用C#代替JavaScript创建Web应用程序。他们还可以重用.NET Silverlight代码。另外,Blazor应用程序由使用C#,HTML和CSS实现的可重复使用的Web UI组件组成。由于客户端和服务器代码都是用C#编写的,因此开发人员可以共享代码和库。

  • ASP.Net Core 文档: https://dotnet.microsoft.com/zh-cn/learn/aspnet/blazor-tutorial/intro

  • Blazor 文档: https://learn.microsoft.com/zh-cn/aspnet/core/blazor/?view=aspnetcore-8.0&WT.mc_id=dotnet-35129-website

创建应用

dotnet new blazor -o BlazorApp

在这里插入图片描述

项目结构

  • Program.cs 是启动服务器以及在其中配置应用服务和中间件的应用的入口点。
  • 在 Components 目录中:
    • App.razor 为应用的根组件。
    • Routes.razor 配置 Blazor 路由器。
    • Pages 目录包含应用的一些示例网页。
  • BlazorApp.csproj 定义应用项目及其依赖项。
  • Properties 目录中的 launchSettings.json 文件为本地开发环境定义不同的配置文件设置。创建项目时会自动分配端口号并将其保存在此文件上。

在这里插入图片描述

  • 运行应用
dotnet run
  • http://localhost:5291/

在这里插入图片描述

ASP.NET Core 控制器创建 Web API

  • 创建 Web API 文档: https://learn.microsoft.com/zh-cn/training/modules/build-web-api-aspnet-core/?WT.mc_id=dotnet-35129-website
dotnet --list-sdks
dotnet new webapi -controllers -f net8.0 -o demo

在这里插入图片描述

  • 项目结构
名称描述
Controllers/包含公共方法公开为 HTTP 终结点的类。
Program.cs配置服务和应用的 HTTP 请求管道,包含应用的托管入口点。
ContosoPizza.csproj包含项目的配置元数据。
ContosoPizza.http包含直接从 Visual Studio Code 测试 REST API 的配置。

在这里插入图片描述

  • 运行应用
dotnet run
  • http://localhost:5223/weatherforecast

在这里插入图片描述

dotnet 命令

  • https://learn.microsoft.com/zh-cn/dotnet/core/tools/dotnet

dotnet new

dotnet new -h
  • 列出要使用 dotnet new 运行的可用模板
dotnet new list

在这里插入图片描述

  • 在 NuGet.org 上搜索 dotnet new 支持的模板
dotnet new search console

在这里插入图片描述

  • 安装模板包
dotnet new install Microsoft.NET.Runtime.WebAssembly.Templates

在这里插入图片描述

  • 卸载模板包
# 列出已安装的模板及其详细信息
dotnet new --uninstall
# 卸载 WebAssembly 模板包
dotnet new uninstall Microsoft.NET.Runtime.WebAssembly.Templates

在这里插入图片描述

  • 更新已安装的模板包
dotnet new update -h
# 检查已安装模板包更新
dotnet new update --check-only
# 更新已安装模板包
dotnet new update

dotnet build

  • 生成项目及其所有依赖项
dotnet build -h

dotnet run

  • 无需任何显式编译或启动命令即可运行源代码
dotnet run -h
dotnet run --no-build

dotnet tool

dotnet tool -h
# 列出全局或本地安装的工具
dotnet tool list

这篇关于C# 开发环境搭建(Avalonia UI、Blazor Web UI、Web API 应用示例)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1123683

相关文章

C#数据结构之字符串(string)详解

《C#数据结构之字符串(string)详解》:本文主要介绍C#数据结构之字符串(string),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录转义字符序列字符串的创建字符串的声明null字符串与空字符串重复单字符字符串的构造字符串的属性和常用方法属性常用方法总结摘

C#如何动态创建Label,及动态label事件

《C#如何动态创建Label,及动态label事件》:本文主要介绍C#如何动态创建Label,及动态label事件,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录C#如何动态创建Label,及动态label事件第一点:switch中的生成我们的label事件接着,

Spring Boot + MyBatis Plus 高效开发实战从入门到进阶优化(推荐)

《SpringBoot+MyBatisPlus高效开发实战从入门到进阶优化(推荐)》本文将详细介绍SpringBoot+MyBatisPlus的完整开发流程,并深入剖析分页查询、批量操作、动... 目录Spring Boot + MyBATis Plus 高效开发实战:从入门到进阶优化1. MyBatis

Python基于wxPython和FFmpeg开发一个视频标签工具

《Python基于wxPython和FFmpeg开发一个视频标签工具》在当今数字媒体时代,视频内容的管理和标记变得越来越重要,无论是研究人员需要对实验视频进行时间点标记,还是个人用户希望对家庭视频进行... 目录引言1. 应用概述2. 技术栈分析2.1 核心库和模块2.2 wxpython作为GUI选择的优

C# WinForms存储过程操作数据库的实例讲解

《C#WinForms存储过程操作数据库的实例讲解》:本文主要介绍C#WinForms存储过程操作数据库的实例,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、存储过程基础二、C# 调用流程1. 数据库连接配置2. 执行存储过程(增删改)3. 查询数据三、事务处

JSON Web Token在登陆中的使用过程

《JSONWebToken在登陆中的使用过程》:本文主要介绍JSONWebToken在登陆中的使用过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录JWT 介绍微服务架构中的 JWT 使用结合微服务网关的 JWT 验证1. 用户登录,生成 JWT2. 自定义过滤

Java中StopWatch的使用示例详解

《Java中StopWatch的使用示例详解》stopWatch是org.springframework.util包下的一个工具类,使用它可直观的输出代码执行耗时,以及执行时间百分比,这篇文章主要介绍... 目录stopWatch 是org.springframework.util 包下的一个工具类,使用它

Spring Boot 3.4.3 基于 Spring WebFlux 实现 SSE 功能(代码示例)

《SpringBoot3.4.3基于SpringWebFlux实现SSE功能(代码示例)》SpringBoot3.4.3结合SpringWebFlux实现SSE功能,为实时数据推送提供... 目录1. SSE 简介1.1 什么是 SSE?1.2 SSE 的优点1.3 适用场景2. Spring WebFlu

springboot security快速使用示例详解

《springbootsecurity快速使用示例详解》:本文主要介绍springbootsecurity快速使用示例,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝... 目录创www.chinasem.cn建spring boot项目生成脚手架配置依赖接口示例代码项目结构启用s

Python中随机休眠技术原理与应用详解

《Python中随机休眠技术原理与应用详解》在编程中,让程序暂停执行特定时间是常见需求,当需要引入不确定性时,随机休眠就成为关键技巧,下面我们就来看看Python中随机休眠技术的具体实现与应用吧... 目录引言一、实现原理与基础方法1.1 核心函数解析1.2 基础实现模板1.3 整数版实现二、典型应用场景2