自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 九、实现注册页面:Blazor Server + MudBlazor + Asp.Net Core Web Api + MongoDB + Asp.Net Core Identity身份验证

本文介绍了使用Blazor Server实现用户注册页面的前端代码。通过Register.razor文件,定义了注册页面的布局和表单元素,包括用户姓名、用户名、邮箱、电话号码、密码等输入字段,并使用了MudBlazor组件库进行样式和交互设计。Register.razor.cs文件则负责处理表单提交和验证逻辑。页面支持多语言本地化,并通过EditForm组件实现表单验证和提交功能。最终效果图展示了注册页面的动态交互效果。

2025-05-16 17:33:43 239

原创 八、实现登录页面 :Blazor Server + MudBlazor + Asp.Net Core Web Api + MongoDB + Asp.Net Core Identity身份验证

在Pages文件夹中新增登录页面Login.razor:新增登录页面对应的cs文件,Login.razor.cs:stringstringobjectstringstring_Imports.razor中加入组件,但Login.razor.cs里的组件仍然显示错误:找不到该变量;!!!注意:以上代码需要加到app.UseRouting();后面。

2025-04-09 17:39:58 490

原创 七、编写主页 :Blazor Server + MudBlazor

七、编写主页 :Blazor Server + MudBlazor。

2025-03-28 15:39:32 900

原创 六、.Net Core Web Api连接MongoDB添加ASP.NET Core Identity身份验证授权 - 自动创建管理员用户和基础用户

运行Web Api应用,可以看到MongoDB上你的数据库已自动新增了users和roles的collections,并且可以看到管理员和基础用户已经添加到users表。更新你的appsettings.Development.json,添加Users和Roles这两个Collection名称的值;添加模型类TeachingUsers.cs和TeachingRoles.cs,控制Identity用户和角色;在Program.cs添加红色背景的代码,配置MongoDB Identity;

2024-08-08 11:47:18 1164

原创 五、.Net Core Web Api连接MongoDB自动创建表格并实现CRUD功能

在Program.cs添加数据库支持,使用Microsoft.EntityFrameworkCore和MongoDB.EntityFrameworkCore包,当项目运行时会执行DatabaseSeeder.cs和MongoDbContext.cs这两个类,实现初始化项目时生成数据库表;搜索包:MongoDB.Driver,Microsoft.EntityFrameworkCore,MongoDB.EntityFrameworkCore。添加类DatabaseSeeder.cs,负责初始化数据库;

2024-08-06 11:17:41 1196

原创 四、添加HttpClient实现Blazor Server与Web Api之间的通信

添加HealthCheckManager的实例到_Imports.razor,以向razor页面提供实例;添加WebApi环境信息到appsetting.Development.json;添加一个HealthCheckManager,负责调用API的处理;添加以下代码到Program.cs文件;修改index.razor。

2024-07-30 11:48:44 917

原创 三、搭建.Net Core Web Api应用并运行

点击左侧Debug菜单选择Show al automatic debug configurations→C#.选择你想要放置项目的位置并确认Create project即可。输入.NET: New Project创建.Net项目。在VSCode按下shift+command+p搜索。选择ASP.NET Core Web Api项目。新增一个Controller。

2024-07-29 12:52:36 611

原创 二、搭建Blazor Server应用并运行

选择Blazor Server应用空 Linux, macOS, Windows, Blazor, Cloud, Web。使用 Visual Studio Code for mac 初始化Blazor Server项目。点击Show all automatic debug configurations → C#如果安装过其他版本,比如.Net 7,新建项目后可在.csproj文件修改.Net版本。选择你想要放置项目的位置后输入项目名称。选择使用https进行debug。自动打开项目,项目结构如图所示。

2024-07-29 11:20:25 636

原创 C# Asp.Net Core:从零到一手把手教你快速搭建个人网站并使用AWS云服务进行部署 - 使用Blazor Server,Web Api,MudBlazor和MongoDB .Net 8教程

本文章手把手教您从零到一低成本搭建个人网站,包含用户权限管理系统,个人信息编辑,权限新增删除,用户登录注册等功能。前端使用Blazor Server实时交互响应框架和MudBlazor组件库搭建,后端使用ASP.NET Web Api搭建。后端与MongoDB在线数据库连接,可自动创建数据库,头像图片使用AWS的S3 Bucket服务进行存储和读取。

2024-07-17 16:13:03 822 1

原创 一、下载安装 Net 8运行环境(VSCode for Mac)

使用Visual Studio Code for mac 安装.Net 8 SDK并新建Blazor Server项目。按下shift+command+p搜索 .NET:Install New .NET SDK安装最新.Net 8版本。下载Visual Studio Code for mac并安装Extensions。等待.Net 8安装完成。

2024-07-17 15:34:37 1651

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除