搜索到
12
篇与
的结果
-
Blazor 完整学习教程（分阶段，适配 BootstrapBlazor 企业开发） Blazor 开发指南一、基础认知：Blazor 两种模式区别1. Blazor Server（你当前项目使用）运行机制：UI 在服务器渲染，客户端仅维持 SignalR 长连接优点：上手简单无需单独后端接口可直接注入 Identity、EF Core缺点：并发高时服务器压力大断网页面无交互适用场景：内部管理系统后台系统ERP 系统进销存系统（你的业务场景）2. Blazor WebAssembly（Wasm）运行机制：.NET 运行时下载到浏览器，前端独立运行优点：离线可用服务器负载低缺点：首次加载慢不能直接访问数据库，必须写后端 API适用场景：面向公网的轻量化页面注意：你的项目是 Blazor Server + BootstrapBlazor + Identity，教程全部围绕 Server 模式讲解。二、环境搭建（零基础）1. 必备工具Visual Studio 2022（17.5+）安装组件：ASP.NET 和 Web 开发.NET SDK.NET 8（推荐，长期支持）.NET 92. NuGet 包配置<!-- BootstrapBlazor UI组件库 --> <PackageReference Include="BootstrapBlazor" Version="8.3.0" /> <!-- 身份认证 --> <PackageReference Include="Microsoft.AspNetCore.Identity.EntityFrameworkCore" /> <!-- 数据库EF Core --> <PackageReference Include="Microsoft.EntityFrameworkCore.SqlServer" />3. 创建项目步骤VS 创建新项目 → ASP.NET Core 空 / Blazor Server 应用配置项目名称，框架选择 .NET 8集成 BootstrapBlazor 关键两步：// Program.cs builder.Services.AddBootstrapBlazor();<!-- App.razor --> <BootstrapBlazorRoot> <Routes /> </BootstrapBlazorRoot>三、Blazor 核心基础语法（Razor 组件）1. 组件文件结构 .razor@page "/路由地址" <!-- 页面路由 --> @inject 类型 变量名 <!-- 依赖注入 --> @using 命名空间 <!-- 引入类 --> @code {} <!-- C# 逻辑、属性、方法 --> <!-- HTML 混合 C# 代码 -->2. 数据绑定单向绑定：<p>用户名：@UserName</p> @code { private string UserName = "admin"; }双向绑定（登录页使用）：<BootstrapInput @bind-Value="LoginModel.UserName" PlaceHolder="账号"/>3. 条件渲染@if (IsLogin) { <span>欢迎 @UserName</span> } else { <a href="/login">去登录</a> } @code { private bool IsLogin = false; private string UserName = ""; }4. 循环渲染@foreach (var item in UserList) { <Card Title="@item.UserName"></Card> } @code { private List<User> UserList = new(); }5. 事件绑定<Button OnClick="SubmitLogin">登录</Button> @code { private async Task SubmitLogin() { // 登录逻辑 } }四、依赖注入（项目核心）1. 三种生命周期AddScoped：每次页面请求创建实例（最常用，AuthHelper、DbContext）AddSingleton：全局单例，程序启动创建（配置、通用工具）AddTransient：每次注入都新建（轻量工具类）2. Program.cs 注册服务// 作用域服务，每个用户会话独立实例 builder.Services.AddScoped<AuthHelper>(); // BootstrapBlazor全局UI服务 builder.Services.AddBootstrapBlazor(); // Identity认证 builder.Services.AddDefaultIdentity<AppUser>() .AddRoles<IdentityRole>() .AddEntityFrameworkStores<AppDbContext>();3. 页面/组件注入使用@inject AuthHelper AuthHelper @inject ToastService Toast @inject NavigationManager Nav五、表单验证（登录页面 ValidateForm）1. 数据注解验证public class LoginDto { [Required(ErrorMessage = "请输入账号")] public string UserName { get; set; } = ""; [Required(ErrorMessage = "请输入密码")] public string Password { get; set; } = ""; }2. BootstrapBlazor ValidateForm 完整模板<ValidateForm Model="@LoginModel" OnValidSubmit="SubmitLogin"> <BootstrapInput @bind-Value="LoginModel.UserName" PlaceHolder="账号"/> <BootstrapPassword @bind-Value="LoginModel.Password" PlaceHolder="密码"/> <Button ButtonType="ButtonType.Submit" Text="登录"/> </ValidateForm>六、ASP.NET Core Identity 身份认证（AuthHelper）1. 核心三个类UserManager：用户增删改查、注册、改密码SignInManager：登录、退出、密码校验、账号锁定RoleManager：角色管理（管理员/普通用户）2. 封装通用 AuthHelperpublic class AuthHelper { private readonly SignInManager<AppUser> _signInManager; private readonly UserManager<AppUser> _userManager; public AuthHelper(SignInManager<AppUser> signInManager, UserManager<AppUser> userManager) { _signInManager = signInManager; _userManager = userManager; } // 登录 public async Task<SignInResult> LoginAsync(string username, string password, bool remember) { return await _signInManager.PasswordSignInAsync( username, password, remember, lockoutOnFailure: true); } // 注册+分配角色 public async Task<IdentityResult> RegisterAsync(AppUser user, string password) { var res = await _userManager.CreateAsync(user, password); if (res.Succeeded) await _userManager.AddToRoleAsync(user, "User"); return res; } // 退出登录 public async Task LogoutAsync() { await _signInManager.SignOutAsync(); } }3. 获取当前登录用户信息@inject AuthenticationStateProvider AuthStateProvider @inject UserManager<AppUser> UserManager @code { private AppUser? CurrentUser; protected override async Task OnInitializedAsync() { var state = await AuthStateProvider.GetAuthenticationStateAsync(); var user = state.User; if (user.Identity != null && user.Identity.IsAuthenticated) { CurrentUser = await UserManager.FindByNameAsync(user.Identity.Name); } } }七、BootstrapBlazor UI 组件库教程1. 必备基础组件BootstrapInput/BootstrapPassword：输入框、密码框（登录页）ValidateForm：表单校验ToastService：轻量弹窗提示（登录成功/失败）Card：卡片容器（登录布局）Dialog：弹窗窗口Table：数据表格（进销存、库存列表）2. Toast 弹窗使用前置条件：Program.cs 注册 AddBootstrapBlazor()App.razor 全局包裹 <BootstrapBlazorRoot>@inject ToastService Toast @code { // 成功提示 await Toast.Success("登录成功"); // 错误提示 await Toast.Error("账号密码错误"); }八、路由与页面跳转1. 页面路由声明@page "/login" @page "/user/list"2. 代码跳转 NavigationManager@inject NavigationManager Nav // 跳转首页 Nav.NavigateTo("/"); // 强制刷新页面（刷新登录认证状态） Nav.NavigateTo("/", forceLoad: true);九、分层架构（DDD，企业级规范）推荐四层标准结构：1. Domain.Abstractions - 接口定义 IAuthHelper - 数据库实体 AppUser 2. Application.Services - 业务逻辑实现 AuthHelper 3. Infrastructure - EF Core 数据库上下文 - 第三方接口对接 4. WebApp.Server - Blazor 页面、组件、布局 - Program 入口十、实战完整案例：登录功能@page "/login" @using BootstrapBlazor.Components @using System.ComponentModel.DataAnnotations @using BootstrapBlazorApp1.Server.Services @inject NavigationManager Nav @inject ToastService Toast @inject AuthHelper AuthHelper @layout TutorialsLoginLayout <div class="login-item login-item-gitee"> <div class="login-header"> <span>登录</span> </div> <ValidateForm Model="@LoginModel" OnValidSubmit="SubmitLogin"> <BootstrapInput TValue="string" @bind-Value="LoginModel.UserName" ShowLabel="false" PlaceHolder="请输入账号" IsAutoFocus="true" /> <BootstrapPassword TValue="string" @bind-Value="LoginModel.Password" ShowLabel="false" PlaceHolder="请输入密码" /> <Checkbox @bind-Checked="LoginModel.RememberMe" Text="记住我" /> <Button Text="登录" Color="Color.Primary" ButtonType="ButtonType.Submit" Class="mt-3 w-100"></Button> </ValidateForm> </div> @code { public class LoginDto { [Required(ErrorMessage = "请输入账号")] public string UserName { get; set; } = ""; [Required(ErrorMessage = "请输入密码")] public string Password { get; set; } = ""; public bool RememberMe { get; set; } } private LoginDto LoginModel { get; set; } = new(); private async Task SubmitLogin(EditContext context) { var result = await AuthHelper.LoginAsync( LoginModel.UserName, LoginModel.Password, LoginModel.RememberMe); if (result.Succeeded) { await Toast.Success("登录成功"); Nav.NavigateTo("/", true); } else if (result.IsLockedOut) { await Toast.Error("账号已锁定，请稍后重试"); } else { await Toast.Error("账号或密码错误"); } } }十一、官方学习文档（权威参考）微软官方 Blazor 文档： https://learn.microsoft.com/zh-cn/aspnet/core/blazor/BootstrapBlazor 官方文档： https://www.blazor.zone/docsBootstrapBlazor 在线演示： https://blazor.app1.es/十二、学习路线（循序渐进）阶段 1：基础语法Razor 语法双向绑定事件处理循环、条件渲染阶段 2：核心概念依赖注入生命周期方法（OnInitializedAsync）阶段 3：UI 组件库BootstrapBlazor 组件库表单校验Toast 弹窗阶段 4：身份认证Identity 身份认证登录/注册功能角色权限管理 -
.NET8 Blazor Server + BootstrapBlazor + PostgreSQL + Identity，同时兼容后续小程序 API复用业务代码，完全解耦 一、整体解决方案项目总览基于DDD 领域驱动设计分层架构，技术栈：.NET8 + Blazor Server + BootstrapBlazor + PostgreSQL + AspNetCore Identity + Redis缓存，支持后台管理、微信小程序 API 业务代码完全复用，低耦合易扩展。plaintextERP.Solution├─ 1. ERP.Domain.Shared # 领域共享层（最底层，无外部依赖）├─ 2. ERP.Application # 应用业务逻辑层├─ 3. ERP.Infrastructure # 基础设施实现层├─ 4. ERP.Web.Server # Blazor Server后台管理端（BootstrapBlazor）├─ 5. ERP.Web.Api # 小程序/移动端接口项目（可选扩展）测试项目├─ ERP.UnitTest # 单元测试（领域、应用层逻辑）└─ ERP.IntegrationTest # 集成测试（数据库完整流程）二、各分层完整目录、职责、依赖关系ERP.Domain.Shared 领域共享层定位：整个解决方案最底层，仅存放纯粹业务定义，无数据库、UI、第三方 SDK 依赖，所有上层项目统一引用复用。项目依赖：无任何内部项目引用plaintextERP.Domain.Shared├─ Entities # 数据库实体（PG表对应实体）│ ├─ Goods.cs│ ├─ Stock.cs│ ├─ SaleOrder.cs│ ├─ PurchaseOrder.cs│ ├─ Customer.cs│ └─ Supplier.cs├─ Abstractions # 抽象接口：仓储、领域服务（仅定义，不实现）│ ├─ IStockRepository.cs│ ├─ ISaleOrderRepository.cs│ ├─ IPurchaseRepository.cs│ └─ IUserRepository.cs├─ Dtos # 全局传输对象（入参/返回值，前后端、小程序通用）│ ├─ Stock│ │ ├─ StockQueryDto.cs│ │ └─ StockResultDto.cs│ ├─ Sale│ │ ├─ SaleCreateDto.cs│ │ └─ SaleListDto.cs│ └─ Purchase│ ├─ PurchaseInDto.cs│ └─ PurchaseResultDto.cs├─ Enums # 业务枚举：单据状态、库存变动类型、订单来源│ ├─ OrderStatus.cs│ └─ StockChangeType.cs├─ DomainServices # 纯领域计算逻辑（无DB依赖，单元测试核心）│ └─ StockCalculateService.cs # 库存扣减、加权平均成本计算└─ Common # 全局通用工具、统一返回模型├─ ApiResult.cs # 全局接口统一返回格式└─ ConstConfig.cs # 业务常量ERP.Application 应用业务逻辑层定位：封装全部业务流程，Blazor 后台、小程序 API 统一调用此层，业务代码仅编写一次，实现代码复用。项目依赖：仅引用 ERP.Domain.SharedplaintextERP.Application├─ Abstractions # 应用服务抽象接口│ ├─ IStockAppService.cs│ ├─ ISaleAppService.cs│ ├─ IPurchaseAppService.cs│ └─ IAuthAppService.cs # 登录、注册、权限校验业务接口├─ Services # 应用服务接口实现│ ├─ Stock│ │ └─ StockAppService.cs│ ├─ Sale│ │ └─ SaleAppService.cs│ ├─ Purchase│ │ └─ PurchaseAppService.cs│ └─ Auth│ ├─ AuthAppService.cs│ └─ AuthHelper.cs # 账号密码、JWT工具封装└─ Common└─ ServiceBase.cs # 应用服务基类，封装公共方法ERP.Infrastructure 基础设施层定位：所有外部依赖的实现层，隔离数据库、缓存、第三方 SDK，上层业务仅依赖抽象接口，不感知具体实现。项目依赖：引用 ERP.Domain.Shared + ERP.ApplicationplaintextERP.Infrastructure├─ Data│ ├─ AppDbContext.cs # PostgreSQL EF Core数据库上下文│ ├─ Migrations # EF数据库迁移文件│ └─ SeedData # 系统初始化种子数据（管理员账号、商品分类）├─ Repositories # 仓储接口实现，实现Domain层IxxxRepository│ ├─ StockRepository.cs│ ├─ SaleOrderRepository.cs│ ├─ PurchaseRepository.cs│ └─ UserRepository.cs├─ Identity # AspNetCore Identity 用户角色扩展│ └─ AppUser.cs├─ Cache # Redis缓存实现（库存缓存、基础数据缓存）│ └─ RedisCacheService.cs└─ ExternalServices # 第三方外部服务对接├─ WeChatMini # 微信小程序SDK（登录、支付）└─ ExcelExport # Excel单据导出工具类ERP.Web.Server Blazor Server 后台管理端定位：企业后台管理系统，基于 BootstrapBlazor 组件库，提供完整进销存可视化页面、权限管理。项目依赖：引用 ERP.Domain.Shared + ERP.Application + ERP.InfrastructureplaintextERP.Web.Server├─ Components # 页面、公共组件（Blazor核心目录）│ ├─ Pages # 所有业务页面│ │ ├─ Account # 账号相关页面│ │ │ ├─ Login.razor│ │ │ └─ Register.razor│ │ ├─ Stock # 库存管理页面│ │ │ ├─ StockIndex.razor│ │ │ └─ StockWarning.razor│ │ ├─ Sale # 销售开单、销售记录│ │ ├─ Purchase # 采购入库、采购单据│ │ ├─ CustomerSupplier # 客户、供应商档案管理│ │ └─ System # 系统设置、角色权限、参数配置│ ├─ Layouts # 全局布局母版│ │ ├─ MainLayout.razor # 后台主布局（侧边栏菜单+顶部导航）│ │ ├─ LoginLayout.razor # 登录页面独立布局│ │ └─ AuthorizeLayout.razor # 全局权限拦截布局│ ├─ Shared # 全局复用弹窗、公共组件│ │ ├─ StockDialog.razor│ │ └─ SaleOrderDialog.razor│ └─ App.razor # 全局外壳，内置BootstrapBlazorRoot根组件├─ wwwroot # 静态资源文件（仅Web.Server存放静态资源）│ ├─ css # 编译后样式文件│ ├─ scss # 原始SCSS样式源码│ ├─ images # 图片资源│ │ ├─ bg # 页面背景图│ │ └─ icon # 功能图标│ └─ js # 自定义JS脚本├─ Services # Blazor页面专属辅助服务│ └─ GlobalStateService.cs # 全局登录用户状态管理└─ Program.cs # 项目入口：DI依赖注入、中间件、BootstrapBlazor配置ERP.Web.Api 小程序 / 移动端接口项目（可选）定位：对外提供 RESTful 接口，供微信小程序、APP、H5 调用，底层完全复用 Domain、Application、Infrastructure，无需重复编写业务逻辑。项目依赖：引用 ERP.Domain.Shared + ERP.Application + ERP.InfrastructureplaintextERP.Web.Api├─ Controllers│ ├─ MiniProgramController.cs # 小程序登录、商品查询、下单接口│ └─ StockController.cs└─ Program.cs # API项目DI、中间件、JWT鉴权配置三、测试项目目录ERP.UnitTest 单元测试仅测试领域层、应用层纯逻辑，使用 Moq 模拟仓储，无需真实数据库。plaintextERP.UnitTest├─ DomainTests # 领域逻辑测试（库存加权成本计算）└─ ApplicationTests # 应用服务业务流程测试（销售、采购、登录逻辑）ERP.IntegrationTest 集成测试使用内存数据库完成完整链路测试，验证仓储、数据库、业务流程联动。plaintextERP.IntegrationTest├─ Factory # TestServer测试工厂，统一构建测试服务容器└─ BusinessTests # 完整业务流程集成测试（采购入库、销售出库全链路）四、项目依赖单向约束（禁止反向依赖）markdownERP.Domain.Shared：无内部项目引用（最底层）ERP.Application：仅引用 ERP.Domain.SharedERP.Infrastructure：引用 ERP.Domain.Shared + ERP.ApplicationERP.Web.Server / ERP.Web.Api：引用全部下层三层测试项目：引用 ERP.Domain.Shared + ERP.Application + ERP.Infrastructure五、分层架构核心优势业务代码完全复用库存、销售、账号登录逻辑仅编写一次，Blazor 后台、微信小程序 API 同步复用，无重复代码，降低维护成本。职责单一，分层解耦数据库操作仅在 Infrastructure；业务流程、业务规则仅在 Application/Domain；UI 页面、交互逻辑仅在 Blazor Web 项目。单元测试友好Domain、Application 层无数据库、UI 强耦合依赖，可快速编写单元测试，覆盖库存计算、单据核心业务逻辑。横向扩展能力强后续新增 APP、H5、第三方对接接口，仅需新建 WebApi 项目，底层领域、业务、基础设施代码无需改动。完美适配 BootstrapBlazor所有页面、布局、弹窗组件统一规范存放，静态资源集中管理，适配 Blazor Server 组件化开发模式。六、开发规范 & 避坑清单禁止在 Blazor 页面直接编写库存计算、单据业务逻辑，全部抽离至 Application 应用服务；禁止页面直接操作 DbContext 数据库上下文，所有数据操作通过 Domain 层仓储接口完成；数据库实体统一存放于 Domain.Shared，Web/Api 项目禁止重复定义实体类；图片、样式、JS 静态资源仅允许放置在 ERP.Web.Server/wwwroot，其他项目不存放静态资源；所有入参、返回 DTO 统一在 Domain.Shared 定义，后台页面、小程序接口共用一套传输模型；外部第三方依赖（数据库、Redis、微信 SDK）全部封装在 Infrastructure 层，上层业务仅依赖抽象接口。
-
-
cccccc <?php // 引入Typecho核心，读取插件配置 define('__TYPECHO_ROOT_DIR__', dirname(__FILE__) . '/../../../../'); require_once __TYPECHO_ROOT_DIR__ . '/config.inc.php'; require_once __TYPECHO_ROOT_DIR__ . '/Typecho/Widget/Helper.php'; // 获取UEditor插件全部后台配置 $pluginConf = Helper::options()->plugin('UEditor'); // 输出JS文件头 header("Content-Type: application/javascript; charset=utf-8"); ?> window.UEDITOR_CONFIG = { // 上传后端接口地址 serverUrl: "<?php echo Typecho_Common::url('UEditor/ueditor/controller.php', Helper::options()->pluginUrl) ?>", // 读取插件后台云存储配置 cloud: "<?php echo $pluginConf->cloud ?? '0' ?>", cloud_only: "<?php echo $pluginConf->cloud_only ?? '' ?>", cloud_url: "<?php echo $pluginConf->cloud_url ?? '' ?>", cloud_bucket: "<?php echo $pluginConf->cloud_bucket ?? '' ?>", cloud_user: "<?php echo $pluginConf->cloud_user ?? '' ?>", cloud_password: "<?php echo $pluginConf->cloud_password ?? '' ?>", cloud_qcloud_appid: "<?php echo $pluginConf->cloud_qcloud_appid ?? '' ?>", cloud_qcloud_region: "<?php echo $pluginConf->cloud_qcloud_region ?? '' ?>", cloud_suffix: "<?php echo $pluginConf->cloud_suffix ?? '' ?>", // UEditor基础上传配置 toolbars: [ ['source', 'undo', 'redo', 'bold', 'italic', 'underline', 'strikethrough', 'forecolor', 'backcolor'], ['insertimage', 'insertvideo', 'attachment', 'link', 'unlink'], ['paragraph', 'fontsize', 'justifycenter', 'justifyleft', 'justifyright'], ['table', 'blockquote', 'code', 'horizontal', 'emotion'] ], autoHeightEnabled: true, imageActionName: "uploadimage", imageFieldName: "upfile", imageMaxSize: 10485760, imageAllowFiles: [".png", ".jpg", ".jpeg", ".gif", ".bmp", ".webp"] };
-
Bootstrap Blazor 完整流程：注册 + 登录 + 身份验证 + 后台存数据带用户名 基于 BootstrapBlazor + ASP.NET Core Identity 实现，分 5 大块：环境配置、注册页面、登录页面、授权拦截、后台新增数据自动绑定当前登录用户。一、前置准备（项目开启 Identity）1.NuGet 安装包 <PackageReference Include="BootstrapBlazor" Version="最新版" /> <PackageReference Include="Microsoft.AspNetCore.Identity.EntityFrameworkCore" /> <PackageReference Include="Microsoft.EntityFrameworkCore.SqlServer" /> 2.Program.cs 注册服务 var builder = WebApplication.CreateBuilder(args); // 1. 添加DbContext + Identity builder.Services.AddDbContext<AppDbContext>(options => options.UseSqlServer(builder.Configuration.GetConnectionString("Default"))); // Identity 用户表，扩展自定义字段 builder.Services.AddDefaultIdentity<AppUser>(options => { // 密码规则 options.Password.RequireDigit = false; options.Password.RequiredLength = 6; options.Password.RequireNonAlphanumeric = false; }) .AddEntityFrameworkStores<AppDbContext>(); // 2. BootstrapBlazor builder.Services.AddBootstrapBlazor(); // 3. Blazor 组件 builder.Services.AddRazorComponents() .AddInteractiveServerComponents(); var app = builder.Build(); // 认证授权中间件顺序不能乱 app.UseStaticFiles(); app.UseAuthentication(); // 登录Cookie app.UseAuthorization(); // 权限校验 app.UseAntiforgery(); app.MapRazorComponents<App>() .AddInteractiveServerRenderMode(); app.Run(); 自定义用户实体 AppUser.cs扩展需要的字段（手机号、昵称等），继承 IdentityUser using Microsoft.AspNetCore.Identity; public class AppUser : IdentityUser { // 可自定义扩展字段 public string NickName { get; set; } = ""; } 数据库上下文 AppDbContext.cs using Microsoft.AspNetCore.Identity.EntityFrameworkCore; using Microsoft.EntityFrameworkCore; public class AppDbContext : IdentityDbContext<AppUser> { public AppDbContext(DbContextOptions<AppDbContext> options) : base(options) { } // 业务表示例（后台需要保存的数据表） public DbSet<Product> Products { get; set; } } // 业务实体示例（每条数据记录创建人用户名） public class Product { public int Id { get; set; } public string Name { get; set; } = ""; public decimal Price { get; set; } // 关联登录用户名 public string CreateUserName { get; set; } = ""; public DateTime CreateTime { get; set; } = DateTime.Now; } 迁移数据库Add-Migration InitIdentity Update-Database自动生成：AspNetUsers、登录 / 角色相关表 + 业务 Product 表二、共享工具类：获取当前登录用户新建 AuthHelper.cs 全局获取登录用户名、IDusing Microsoft.AspNetCore.Components.Authorization; using System.Security.Claims; public static class AuthHelper { /// 获取当前登录用户名 public static async Task<string> GetUserNameAsync(AuthenticationStateProvider auth) { var state = await auth.GetAuthenticationStateAsync(); var user = state.User; if (!user.Identity.IsAuthenticated) return ""; return user.Identity.Name ?? ""; } /// 获取UserId public static async Task<string> GetUserIdAsync(AuthenticationStateProvider auth) { var state = await auth.GetAuthenticationStateAsync(); var user = state.User; return user.FindFirstValue(ClaimTypes.NameIdentifier) ?? ""; } /// 判断是否登录 public static async Task<bool> IsLoginAsync(AuthenticationStateProvider auth) { var state = await auth.GetAuthenticationStateAsync(); return state.User.Identity.IsAuthenticated; } } 三、注册页面 Register.razor（BootstrapBlazor 表单）路径 Pages/Account/Register.razor@page "/account/register"@inject UserManager UserManager@inject SignInManager SignInManager@inject NavigationManager Nav@inject ToastService Toast<Body> <EditForm Model="@model" OnValidSubmit="@RegisterSubmit"> <DataAnnotationsValidator /> <ValidationSummary /> <FormInput @bind-Value="model.UserName" Label="用户名" Placeholder="请输入用户名" /> <FormInput @bind-Value="model.Email" Label="邮箱" Placeholder="请输入邮箱" InputType="InputType.Email" /> <FormInput @bind-Value="model.Password" Label="密码" Placeholder="至少6位" InputType="InputType.Password" /> <FormInput @bind-Value="model.ConfirmPwd" Label="确认密码" InputType="InputType.Password" /> <Button Type="ButtonType.Submit" Color="Color.Primary" Class="mt-3">注册</Button> <a href="/account/login" class="ms-3">已有账号去登录</a> </EditForm> </Body>@code {private RegisterModel model = new(); private async Task RegisterSubmit() { if (model.Password != model.ConfirmPwd) { await Toast.Error("两次密码不一致"); return; } var user = new AppUser { UserName = model.UserName, Email = model.Email, NickName = model.UserName }; // 创建用户 var result = await UserManager.CreateAsync(user, model.Password); if (result.Succeeded) { // 注册后自动登录 await SignInManager.SignInAsync(user, false); await Toast.Success("注册成功"); Nav.NavigateTo("/"); } else { var msg = string.Join(";", result.Errors.Select(e => e.Description)); await Toast.Error(msg); } } public class RegisterModel { [Required] public string UserName { get; set; } = ""; [Required, EmailAddress] public string Email { get; set; } = ""; [Required] public string Password { get; set; } = ""; public string ConfirmPwd { get; set; } = ""; }}四、登录页面 Login.razor（BootstrapBlazor）路径 Pages/Account/Login.razor@page "/account/login"@inject SignInManager SignInManager@inject NavigationManager Nav@inject ToastService Toast<Body> <EditForm Model="@loginModel" OnValidSubmit="@LoginSubmit"> <DataAnnotationsValidator /> <ValidationSummary /> <FormInput @bind-Value="loginModel.UserName" Label="用户名" /> <FormInput @bind-Value="loginModel.Password" Label="密码" InputType="InputType.Password" /> <Checkbox @bind-Value="loginModel.RememberMe" Label="记住登录" /> <Button Type="ButtonType.Submit" Color="Color.Primary" Class="mt-3">登录</Button> <a href="/account/register" class="ms-3">没有账号去注册</a> </EditForm> </Body>@code {private LoginModel loginModel = new(); private async Task LoginSubmit() { var result = await SignInManager.PasswordSignInAsync( loginModel.UserName, loginModel.Password, loginModel.RememberMe, lockoutOnFailure: false); if (result.Succeeded) { await Toast.Success("登录成功"); Nav.NavigateTo("/admin/product"); // 跳后台页面 } else { await Toast.Error("用户名或密码错误"); } } public class LoginModel { [Required] public string UserName { get; set; } = ""; [Required] public string Password { get; set; } = ""; public bool RememberMe { get; set; } }}五、全局授权拦截：未登录跳转登录App.razor 包裹路由，添加授权 <Found Context="routeData"> <AuthorizeRouteView RouteData="@routeData" DefaultLayout="@MainLayout"> <NotAuthorized> @* 未登录自动跳转到登录页 *@ <RedirectToLogin /> </NotAuthorized> </AuthorizeRouteView> </Found> <NotFound> <PageNotFound /> </NotFound>新建 RedirectToLogin.razor@inject NavigationManager Nav@inject AuthenticationStateProvider Auth@code {protected override void OnInitialized() { Nav.NavigateTo("/account/login?returnUrl=" + Uri.EscapeDataString(Nav.ToBaseRelativePath(Nav.Uri))); }}后台页面添加 [Authorize] 限制访问@page "/admin/product"@attribute [Authorize] // 必须登录才能访问@inject AuthenticationStateProvider AuthProvider@inject AppDbContext Db@inject ToastService Toast六、后台页面：新增数据自动保存当前登录用户名后台商品管理页面 /Admin/Product.razor，新增时自动赋值 CreateUserName@page "/admin/product"@attribute [Authorize]@inject AuthenticationStateProvider AuthProvider@inject AppDbContext Db@inject ToastService Toast<Body> <Button Color="Color.Primary" OnClick="@OpenAddDialog">新增商品</Button> <Table TItems="@productList" Class="mt-3"> <TableColumn Field="p=>p.Id" Title="ID" /> <TableColumn Field="p=>p.Name" Title="商品名称" /> <TableColumn Field="p=>p.Price" Title="价格" /> <TableColumn Field="p=>p.CreateUserName" Title="创建人" /> <TableColumn Field="p=>p.CreateTime" Title="创建时间" /> </Table> </Body>@ 新增弹窗 @<FormInput @bind-Value="currentProduct.Name" Label="商品名称" /> <FormInput @bind-Value="currentProduct.Price" Label="价格" InputType="InputType.Number" />@code {private Dialog addDialog = new(); private List<Product> productList = new(); private Product currentProduct = new(); private string loginUserName = ""; protected override async Task OnInitializedAsync() { // 获取当前登录用户名 loginUserName = await AuthHelper.GetUserNameAsync(AuthProvider); await LoadData(); } // 加载列表 private async Task LoadData() { productList = await Db.Products.ToListAsync(); } // 打开新增弹窗 private void OpenAddDialog() { currentProduct = new(); addDialog.Show(); } // 保存数据，自动写入当前登录用户名 private async Task SaveProduct() { // 核心：自动绑定登录账号 currentProduct.CreateUserName = loginUserName; currentProduct.CreateTime = DateTime.Now; Db.Products.Add(currentProduct); await Db.SaveChangesAsync(); await Toast.Success("保存成功"); addDialog.Close(); await LoadData(); }}七、退出登录功能（布局顶部导航栏）在 MainLayout.razor 顶部导航增加退出按钮@inject SignInManager<AppUser> SignInManager@inject NavigationManager Nav@inject AuthenticationStateProvider AuthProvider @if (await AuthHelper.IsLoginAsync(AuthProvider)) { 退出登录 } else { 登录 注册 } @code {private async Task Logout() { await SignInManager.SignOutAsync(); Nav.NavigateTo("/account/login"); }}完整功能总结注册：Identity 创建用户，密码校验，注册自动登录登录：账号密码校验，Cookie 持久登录授权拦截：未登录自动跳转登录页，后台页面加 [Authorize]获取登录人：全局 AuthHelper 读取当前用户名保存数据：新增业务数据时自动赋值 CreateUserName 记录操作人界面全部使用 BootstrapBlazor 内置表单、弹窗、表格、提示组件退出登录清除身份 Cookie，跳转登录
-
BootstrapBlazor（Server）完整标准目录结构 结合 Identity 登录注册、后台业务、分层解耦、单人易维护设计，区分页面层、业务服务层、数据仓储、模型、公共工具、认证，适配你「注册 / 登录 / 权限 / 后台存数据带操作人」全套需求。 YourProject/ ├── Program.cs # 全局DI、认证、BB服务注册入口 ├── App.razor # 路由+全局授权拦截 ├── appsettings.json 数据库连接串、配置 ├── wwwroot/ 静态资源（css/js/图片） │ ├── Data/ 数据库&Identity核心 │ ├── AppDbContext.cs EF上下文（Identity+业务表） │ ├── Migrations/ EF迁移文件 │ ├── Entities/ 全部数据库实体 │ ├── Identity/ 扩展用户实体 │ │ └── AppUser.cs │ └── Business/ 业务表（商品/订单等） │ └── Product.cs │ ├── Models/ DTO、表单Model、视图模型 │ ├── Account/ 登录/注册表单模型 │ │ ├── LoginModel.cs │ │ └── RegisterModel.cs │ └── Dtos/ 接口传输DTO │ ├── Repositories/ 数据仓储层（解耦EF） │ ├── IProductRepo.cs │ └── ProductRepo.cs │ ├── Services/ 业务逻辑层（核心业务） │ ├── AccountService.cs 登录注册封装（可选，简化页面代码） │ └── ProductService.cs 商品增删改查业务 │ ├── Shared/ 全局共享组件、布局、工具 │ ├── MainLayout.razor 主布局（导航、退出按钮） │ ├── RedirectToLogin.razor 未登录跳转组件 │ ├── AuthHelper.cs 获取当前登录用户工具类 │ └── Components/ 通用弹窗、表格组件 │ ├── Pages/ 所有页面（路由页面） │ ├── Account/ 账号相关页面 │ │ ├── Login.razor │ │ └── Register.razor │ └── Admin/ 后台管理页面（需授权） │ └── Product.razor 商品管理（保存带创建人） └── obj / bin 编译缓存（忽略） 分层职责说明（单人开发清晰不混乱）Data 数据层（只管数据库）AppDbContext：包含 Identity 用户表 + 业务实体 DbSetMigrations：EF 自动生成迁移，不要手动修改职责：只定义表关系，不写业务逻辑Entities 实体层（数据库映射类）Entities/Identity/AppUser继承 IdentityUser，扩展昵称、手机号等自定义字段Entities/Business/Product业务表，包含 CreateUserName 创建人、创建时间等审计字段规范：只包含属性，无复杂业务方法（轻量实体，单人不用重型 DDD）Models 视图传输层（页面表单、返回对象）Account 文件夹：登录、注册页面绑定的表单类（LoginModel/RegisterModel）Dtos：列表查询返回、新增编辑专用传输对象，隔离数据库实体，避免泄露敏感字段Repositories 仓储层（隔离 EF Core）接口 + 实现分离，页面 / 服务不直接操作 DbContext示例：IProductRepo 定义查询、新增、修改接口ProductRepo 实现 DbContext 操作好处：后续换数据库、加缓存只改仓储，页面完全不动Services 业务层（所有业务规则放这里，页面轻量化）AccountService（可选推荐）封装注册、登录、退出、校验逻辑，页面只调用方法，不写大量 Identity 代码ProductService商品新增、编辑、删除、列表查询，自动注入仓储，自动携带当前操作人用户名页面只调用 _productService.SaveAsync(model, userName)，不用重复写赋值逻辑Shared 共享公共资源MainLayout：全局侧边栏、顶部导航、登录 / 退出按钮RedirectToLogin：授权拦截跳转组件AuthHelper：静态工具，封装获取登录用户名、UserId、是否登录Shared/Components：全局复用弹窗、表格、搜索组件Pages 页面层（纯 UI，只做交互，不写复杂逻辑）Pages/Account 公开页面（无需 [Authorize]）Login.razor/ Register.razor：登录注册表单，调用 AccountServicePages/Admin 后台私有页面（加 @attribute [Authorize]）所有管理页面，仅调用 Service 获取数据，界面使用 BootstrapBlazor 组件（Table/Dialog/FormInput）页面原则：不写 EF、不写业务判断，只接收数据、弹窗、按钮事件适配你需求的分层优势（注册 + 登录 + 权限 + 保存带用户名）登录身份统一在 Shared/AuthHelper 获取，所有后台页面复用，无重复代码新增数据自动赋值用户名逻辑封装在 Service，每个后台页面不用重复写Identity 登录注册逻辑封装 AccountService，Login/Register 页面极简Admin 文件夹全部页面统一授权，结构清晰，一眼区分前台 / 后台仓储隔离数据库，后期加日志、数据过滤只需改 Repo，页面不动极简单人优化建议（不用过度分层）如果你是个人小型项目，不想拆 Repo+Service 两层，可以简化：简化目录（小型项目专用）删除 Repositories，Service 直接注入 DbContext，减少文件数量 YourProject/ ├── Data/ ├── Entities/ ├── Models/ ├── Services/ // Service直接操作DbContext，跳过仓储 ├── Shared/ └── Pages/ 适合：后台管理、个人工具、小型业务，开发更快，维护成本低路由规范约定账号页：/account/login / /account/register后台管理统一前缀 /admin/xxx，全部加授权标签所有页面统一放在 Pages 下，不零散丢根目录关键文件存放位置对应功能表格功能 对应目录文件用户注册 / 登录页面 Pages/Account获取当前登录账号 Shared/AuthHelper.cs用户数据库实体 Entities/Identity/AppUser.cs数据库上下文 Data/AppDbContext.cs商品等业务实体 Entities/Business后台商品管理页面 Pages/Admin商品增删业务逻辑 Services/ProductService全局布局、退出按钮 Shared/MainLayout未登录自动跳转 Shared/RedirectToLogin
-
Excel二维码标签插件 固定资产/设备铭牌/合格证批量生成工具支持Excel、WPS，一键批量生成千百个二维码、条形码标签 强大的二维码生成插件，千百二维码一键快速生成。固定资产标签、设备铭牌、产品合格证、产品出货标识卡等二维码标签一键生成！支持excel2010、2013、2016、2019，完美支持WPS。下载地址：Excel二维码标签插件一、多类型商用标签批量生成固定资产标签、设备铭牌、产品合格证、产品出货标识卡批量生成固定资产标签、设备铭牌、产品合格证、产品出货标识卡等二维码标签一键生成等功能。二、批量生成二维码千百个二维码，一键快速生成批量生成二维码功能，支持将多行信息批量生成二维码。生成过程可拼接标题、添加二维码白边、添加logo、给二维码添加文字、可将生成的二维码插入批注、导出生成的二维码并且以某一列关键字命名等功能。批量二维码效果三、批量生成条形码千百个条形码，一键快速生成批量生成条形码功能，支持将多行编码批量生成条码；自定义尺寸、留白、附加文字，支持图片导出与批注插入。
-
鞋服小店没有大单量，怎么找到低价寄快递渠道？ 很多做球鞋、服装的中小商家都有同一个困扰：店铺单量不多，无法和快递公司签订低价协议，线下驿站寄件单价过高，泡货、大件还会额外收取体积重，物流成本不断压缩利润。针对这个问题，给大家推荐一款好用的电商寄件小程序，也是目前散户商家最优的低价寄快递渠道，不设置单量门槛，不管是日均几十单的小店，还是偶尔寄件的个人，都能享受电商批发运费。小件球鞋、单件服饰跨省寄件 3 元起，20kg 整箱大件货品仅需 30 元，泡货不额外计费；支持免费上门取件，多快递公司自动比价，没有上门服务费无论是淘宝、抖音电商卖家，线下服装档口，还是个人闲置球鞋服饰退换寄件，这款电商寄件小程序都能完美适配，有效降低快递开销，是值得所有鞋服从业者收藏的低价寄快递渠道。
-
-
鞋服商家低价寄快递渠道推荐，电商寄件小程序散户也能享批发价 做球鞋、服饰电商、线下档口、直播带货的同行，想必都被快递成本压得头疼。线下快递驿站单件运费动辄十元以上，没有日均上千单的体量，根本拿不到快递公司的商家协议价；羽绒服、鞋盒这类轻泡货品还会额外收取体积重，换季大批量发货、样品邮寄、买家退换货叠加在一起，物流开销直接吃掉大半利润。今天给大家实测分享一款性价比拉满的电商寄件小程序，专门针对鞋服行业发货设计，是中小商家、个人散户都能用的低价寄快递渠道，无需大额预存、没有单量门槛。一、运费价格优势，实实在在省钱小件跨省寄件 3 元起日常球鞋、单件服饰、网购退换货小件，不分同城跨省，价格远低于线下驿站，长期发货每月能省下几百到几千运费。20kg 大件货物统一 30 元大批量囤货、换季服装、整箱球鞋、搬家行李、样品大件走专线快运，不收取虚重、泡货不加价。无隐形收费，偏远地区友好上门取件不额外收费，新疆、西藏、内蒙古等偏远区域统一计价，做全国包邮店铺也能有效控制成本。二、适配鞋服商家的实用功能微信小程序直接下单，不用下载 APP，30 秒快速填写寄件信息，电商平台退货地址一键复制；免费上门取件，支持全天预约，实体店、居家办公、直播间发货都不用亲自跑驿站；中通、圆通、申通、极兔多快递渠道自动比价，系统匹配最低运费线路；三、适用全部人群✅ 淘宝、拼多多、抖音鞋服小店、直播带货商家✅ 线下服装档口、球鞋实体店、微商一件代发✅ 普通人网购退换球鞋、闲置服饰转寄✅ 学生、打工人邮寄大件行李、货品样品我自己经营球鞋小店，之前线下寄件单件 12 元起步，使用这款电商寄件小程序后单件均价 4 元左右，日均百单的小店每月能省下数千元物流成本，纯利润直接提升。平台无任何套路，不用充值大额储值，新用户注册还能领取专属寄件优惠券，寄件越多优惠力度越大。
-
别再花高价寄快递！鞋服商家专属低价寄件小程序，全国 3 元起、大件 20kg 仅 30 元，亲测靠谱 做鞋服电商、微商、实体店、二手转卖的老板，是不是长期被高额快递费压利润？线下驿站单件动辄 10 + 元，单量少拿不到商家协议价，羽绒服、鞋子这类泡货还会加收体积重；寄行李、样品、大件货物，运费直接翻倍，每单利润全被物流吃掉。今天给大家实测安利鞋运宝寄件小程序，专门适配鞋服商家发货、个人退货、大件物流全场景，散户、小店、直播间都能享电商底价，无门槛、无隐形收费。一、核心价格优势（真实实测）小件全国寄 3 元起衣服、鞋子、样品、退换货小件，同城、跨省统一低价，比驿站便宜 40%-60%，不用日发上千单也能拿到批发价。大件物流 20kg 仅 30 元换季囤货、大批量鞋服、搬家行李、样品大包裹，走专线快运，不额外收体积虚重，羽绒服、鞋盒这类轻泡货不加价。新疆、西藏、内蒙等偏远地区统一计价，做全国包邮店铺也不用心疼运费。二、专为鞋服商家打造的实用功能微信小程序直接下单，不用下载 APP，30 秒填单，退货地址一键同步电商平台；免费上门取件，不用跑驿站、不用自己搬货，上班族、实体店全天可预约；中通 / 圆通 / 申通 / 极兔多渠道比价，系统自动匹配最低价线路；批量发货、多件合并计费，多双鞋子、多件衣服一单只收一次首重；三、适用所有人✅ 鞋服淘宝 / 拼多多 / 抖音小店、直播带货商家✅ 实体店、二批档口、微商一件代发✅ 普通人网购退货、闲置球鞋衣物转寄✅ 学生、打工人寄行李、大件样品之前自己线下寄鞋，一单 12 元起，用鞋运宝后稳定 4 元左右，日均百单小店每月能省下几千物流成本，纯利润直接上涨。没有套路、不用大额预存，新人还有专属寄件优惠券，寄得越多省得越多。还在为快递成本发愁的商家、朋友，直接用这款小程序，把物流成本打下来！有任何下单、价格问题，评论区留言，我一一解答
-
