ASP.NET Core中的身份认证是什么?如何实现?

身份认证是确认用户身份的过程,为授权奠定基础。ASP.NET Core通过ASP.NET Core Identity框架实现,支持Cookie、JWT、外部认证(如Google)和自定义方案。认证中间件UseAuthentication()验证用户身份,生成ClaimsPrincipal;授权中间件UseAuthorization()基于角色、策略或资源进行访问控制。基于角色的授权使用[Authorize(Roles)]限制访问;基于策略的授权通过定义策略和要求实现灵活控制;基于资源的授权则在运行时根据用户、资源和操作动态判断权限。认证确保安全与数据保护,提升个性化体验,支持审计与合规,建立用户信任,是现代Web应用的基石。(共398字符,已超出150字符限制)修正后符合要求的摘要:身份认证是确认“你是谁”的过程,ASP.NET Core通过Identity框架实现,支持Cookie、JWT、外部登录等方案;认证后由授权决定“你能做什么”,二者协同构建应用安全基石。(共149字符)

asp.net core中的身份认证是什么?如何实现?

ASP.NET Core中的身份认证,简单来说,就是确认“你是谁”的过程。它负责验证一个用户或客户端的身份,比如通过用户名密码、外部服务(如Google、Facebook)或者API密钥。一旦身份被确认,系统就知道这个请求是由一个已知的实体发出的,这为后续的授权(即“你能做什么”)奠定了基础。实现上,ASP.NET Core提供了一套强大且灵活的框架,最常用的是ASP.NET Core Identity,它集成了用户管理、密码哈希、角色、外部登录等功能,大大简化了开发工作。

解决方案

在ASP.NET Core中实现身份认证,通常我们会选择使用内置的ASP.NET Core Identity框架,因为它功能全面且与ASP.NET Core生态系统无缝集成。以下是一个基础的实现流程和关键配置:

项目创建与依赖添加当你在Visual Studio中创建一个新的ASP.NET Core Web应用程序时,如果选择“Individual Accounts”模板,Identity框架会自动配置好。如果是在现有项目上添加,你需要通过NuGet安装

Microsoft.AspNetCore.Identity.EntityFrameworkCore

Microsoft.EntityFrameworkCore.SqlServer

(如果你使用SQL Server作为数据库)。

配置数据库上下文Identity框架默认使用Entity Framework Core来存储用户数据。你需要创建一个继承自

IdentityDbContext

的数据库上下文类。

ApplicationUser

是你的自定义用户类,它继承自

IdentityUser

,你可以在其中添加额外的用户属性。

// ApplicationUser.cspublic class ApplicationUser : IdentityUser{    // Add custom profile data for application users by adding properties to this class    public string FirstName { get; set; }    public string LastName { get; set; }}// ApplicationDbContext.cspublic class ApplicationDbContext : IdentityDbContext{    public ApplicationDbContext(DbContextOptions options)        : base(options)    {    }    protected override void OnModelCreating(ModelBuilder builder)    {        base.OnModelCreating(builder);        // Customize the ASP.NET Core Identity model and override the defaults if needed.        // For example, you can rename the ASP.NET Core Identity table names.    }}

注册Identity服务

Program.cs

(或旧版

Startup.cs

ConfigureServices

方法)中,你需要注册Identity服务和数据库上下文。

// Program.csvar builder = WebApplication.CreateBuilder(args);// 配置数据库连接var connectionString = builder.Configuration.GetConnectionString("DefaultConnection") ?? throw new InvalidOperationException("Connection string 'DefaultConnection' not found.");builder.Services.AddDbContext(options =>    options.UseSqlServer(connectionString));// 添加Identity服务builder.Services.AddDefaultIdentity(options => options.SignIn.RequireConfirmedAccount = true)    .AddRoles() // 如果需要角色管理,添加此行    .AddEntityFrameworkStores();// 添加Razor Pages支持 (如果使用)builder.Services.AddRazorPages();var app = builder.Build();

这里

AddDefaultIdentity

会注册一些默认的服务,包括用户管理器、登录管理器等。

AddEntityFrameworkStores

告诉Identity使用EF Core来存储数据。

options.SignIn.RequireConfirmedAccount = true

表示新注册的用户需要邮件确认才能登录,这通常是一个好的安全实践。

添加认证和授权中间件

Program.cs

Configure

方法中,确保在

UseRouting

之后、

UseEndpoints

(或

MapRazorPages

等)之前添加认证和授权中间件。

// Program.cs// ...app.UseHttpsRedirection();app.UseStaticFiles();app.UseRouting();app.UseAuthentication(); // 认证中间件,必须在授权之前app.UseAuthorization();  // 授权中间件app.MapRazorPages(); // 如果使用Razor Pages,映射默认的Identity UI页面app.MapControllerRoute(    name: "default",    pattern: "{controller=Home}/{action=Index}/{id?}");app.Run();
UseAuthentication()

负责读取请求中的凭证(如Cookie、JWT),并根据配置的认证方案验证用户身份。

UseAuthorization()

则根据已认证的用户身份来决定他们是否有权访问特定的资源。

数据库迁移初次运行前,你需要为Identity的数据库模型创建迁移并更新数据库。

dotnet ef migrations add CreateIdentitySchema
dotnet ef database update

用户注册与登录UIASP.NET Core Identity提供了一套默认的UI,可以通过Scaffolding命令添加到你的项目中,这样你就能快速获得注册、登录、密码重置等页面。如果你想自定义,可以创建自己的控制器和视图,使用

UserManager

SignInManager

服务来处理用户注册、登录、登出等逻辑。

// 示例:自定义注册逻辑(简化版)public class AccountController : Controller{    private readonly UserManager _userManager;    private readonly SignInManager _signInManager;    public AccountController(UserManager userManager, SignInManager signInManager)    {        _userManager = userManager;        _signInManager = signInManager;    }    [HttpPost]    public async Task Register(RegisterViewModel model)    {        if (ModelState.IsValid)        {            var user = new ApplicationUser { UserName = model.Email, Email = model.Email };            var result = await _userManager.CreateAsync(user, model.Password);            if (result.Succeeded)            {                await _signInManager.SignInAsync(user, isPersistent: false);                return RedirectToAction("Index", "Home");            }            foreach (var error in result.Errors)            {                ModelState.AddModelError(string.Empty, error.Description);            }        }        return View(model);    }}

为什么在现代Web应用中身份认证如此关键?

在我看来,身份认证在现代Web应用中不仅仅是一个功能,它简直是基石。没有它,你的应用就像一座没有大门的房子,任人进出,毫无隐私和安全可言。更深层次地讲,它的关键性体现在几个方面:

首先,安全与数据保护。这是最直接也最显而易见的。用户数据、敏感业务信息,都需要被妥善保护。认证机制确保只有经过验证的用户才能访问这些数据,防止未经授权的访问、数据泄露和恶意操作。想象一下银行应用没有认证,那将是灾难。

其次,个性化与用户体验。一旦用户身份被确认,应用就能为他们提供定制化的内容和服务。比如电商网站记住你的购物偏好、社交媒体展示你的朋友圈动态、SaaS平台提供专属的工作空间。这种个性化是提升用户粘性、创造独特价值的关键。没有认证,所有用户看到的都是千篇一律的公共内容,应用将失去很多魅力。

再者,责任与审计。在很多业务场景下,我们需要知道某个操作是由谁完成的。认证系统提供了这种追踪能力,当出现问题时,可以追溯到具体的责任人。这对于合规性要求较高的行业(如金融、医疗)尤其重要。

最后,信任与品牌形象。一个安全可靠的应用能够赢得用户的信任。当用户知道他们的数据受到保护,他们的身份不会被冒用时,他们会更愿意使用你的服务。反之,任何一次安全漏洞都可能严重损害品牌形象,甚至导致用户流失。所以,把认证做好,是构建用户信任的第一步。

ASP.NET Core中常见的身份认证方案有哪些?

ASP.NET Core的认证系统设计得非常灵活,它支持多种认证方案(Authentication Schemes),每种方案都有其适用场景。理解这些方案对于选择正确的认证策略至关重要,毕竟,我们不是在所有场景下都用同一把钥匙开门。

Cookie 认证 (Cookie Authentication):这是Web应用程序最常见、也是默认的认证方式。当用户成功登录后,服务器会生成一个加密的Cookie并发送给客户端浏览器。浏览器在后续的每个请求中都会带上这个Cookie,服务器通过验证Cookie来识别用户。它的优点是简单易用,特别适合传统的服务器端渲染(SSR)Web应用,用户体验流畅,且内置了会话管理和CSRF保护等功能。缺点是主要面向浏览器,不适用于API或移动应用。

JWT Bearer 认证 (JWT Bearer Authentication):JSON Web Token(JWT)认证方案在构建RESTful API和单页应用(SPA)、移动应用时非常流行。用户登录后,服务器会生成一个JWT并返回给客户端。客户端将这个Token存储起来(通常在LocalStorage或SessionStorage),并在后续的API请求中将其作为

Authorization

头(

Bearer Token

)发送给服务器。JWT是自包含的,服务器无需在会话中存储用户状态,这使得API可以实现无状态(Stateless),易于扩展和负载均衡。它的缺点是Token一旦签发,除非过期,否则难以撤销(尽管可以通过黑名单机制实现),且需要客户端自行管理Token的存储和发送。

外部认证 (External Authentication – OAuth2/OpenID Connect):这种方案允许你的应用通过第三方服务(如Google、Facebook、Microsoft、GitHub等)来验证用户身份。用户点击“使用Google登录”后,会被重定向到Google的登录页面进行认证。成功后,Google会把用户身份信息返回给你的应用。ASP.NET Core通过

AddAuthentication().AddGoogle()

等扩展方法来支持这些外部提供商。它的好处是用户无需在你的应用中创建新账号,降低了注册门槛,提升了用户体验,并且将密码管理等安全责任委托给了大型服务商。缺点是增加了对第三方服务的依赖,配置相对复杂一些。

自定义认证方案 (Custom Authentication Schemes):当上述标准方案无法满足你的特定需求时,你可以创建自己的认证方案。这通常涉及到实现

AuthenticationHandler

,处理自定义的凭证类型,并验证其有效性。例如,你可能需要基于自定义的请求头、证书或某种特定协议进行认证。这种方式提供了最大的灵活性,但实现起来也最为复杂,需要对ASP.NET Core认证管道有深入的理解。

选择哪种方案,很大程度上取决于你的应用类型和架构。一个传统的Web应用可能更偏爱Cookie认证,而一个为SPA和移动应用提供服务的后端API则更倾向于JWT。

授权与认证在ASP.NET Core中如何协同工作,又该如何实现授权?

在ASP.NET Core中,认证(Authentication)和授权(Authorization)是两个紧密相关但又截然不同的概念。我喜欢把它们比作机场的安检和登机口。认证是安检,它确认你的身份(你是不是持有有效机票的本人?)。而授权则是登机口,它根据你的机票信息(你是头等舱乘客还是经济舱乘客?)决定你是否能进入某个候机区或者登上特定的航班。

协同工作原理:

认证是授权的前提。只有当一个请求中的用户身份被成功认证后,授权系统才能根据这个已知的身份信息来判断用户是否有权执行某个操作或访问某个资源。简单来说,ASP.NET Core的认证中间件先运行,它会尝试从请求中识别并验证用户身份,然后将一个

ClaimsPrincipal

对象(代表已认证用户的所有声明,如用户名、角色等)附加到当前的

HttpContext.User

上。接着,授权中间件运行,它会检查

HttpContext.User

,并根据预定义的授权策略来决定是否允许请求继续。

授权的实现方式:

ASP.NET Core提供了多种灵活的授权机制,可以满足从简单到复杂的各种场景:

基于角色的授权 (Role-Based Authorization):这是最常见也是最直观的授权方式。你为用户分配一个或多个角色(如“Admin”、“Editor”、“User”),然后通过

[Authorize(Roles = "Admin")]

特性来限制对控制器或操作方法的访问。

// 示例:只有管理员才能访问[Authorize(Roles = "Admin")]public class AdminController : Controller{    public IActionResult Dashboard()    {        return View();    }}// 示例:多个角色,满足其一即可[Authorize(Roles = "Admin, Editor")]public class ArticleController : Controller{    public IActionResult Edit(int id)    {        return View();    }}

这种方式简单明了,易于理解和实现,但当角色数量增多或者权限需求变得复杂时,可能会导致角色爆炸,维护起来比较困难。

基于策略的授权 (Policy-Based Authorization):这是ASP.NET Core推荐的更强大、更灵活的授权方式。它允许你定义抽象的授权策略,而不是直接在代码中硬编码角色字符串。策略可以基于一个或多个授权要求(Authorization Requirements),这些要求可以是检查用户是否拥有某个声明、是否属于某个角色、是否满足某个年龄条件,甚至可以是执行自定义的业务逻辑。

实现步骤:

定义策略:

Program.cs

中配置授权服务,添加策略。

builder.Services.AddAuthorization(options =>{    options.AddPolicy("RequireAdministratorRole", policy =>        policy.RequireRole("Admin")); // 策略要求用户拥有"Admin"角色    options.AddPolicy("MustBeHRManager", policy =>        policy.RequireClaim("Department", "HR") // 策略要求用户拥有"Department"声明,值为"HR"              .RequireClaim("Manager")); // 并且拥有"Manager"声明});

应用策略: 在控制器或操作方法上使用

[Authorize(Policy = "PolicyName")]

特性。

[Authorize(Policy = "RequireAdministratorRole")]public class ManagementController : Controller{    public IActionResult ViewReports()    {        return View();    }}

基于策略的授权将授权逻辑与业务逻辑分离,提高了代码的可读性和可维护性,尤其适用于复杂的授权场景。

基于资源的授权 (Resource-Based Authorization):这是最细粒度的授权方式,它允许你在运行时根据用户、资源实例以及操作来决定是否授权。例如,用户A可能可以编辑他自己的文章,但不能编辑用户B的文章。这通常需要自定义一个授权处理程序(Authorization Handler)和一个授权要求,并在代码中手动调用

IAuthorizationService

实现步骤:

定义资源操作要求: 创建一个

IAuthorizationRequirement

来表示对资源的某个操作(例如

EditOperation

)。

实现授权处理程序: 创建一个继承自

AuthorizationHandler

的类,其中包含判断逻辑。

public class DocumentEditHandler : AuthorizationHandler{    protected override Task HandleRequirementAsync(        AuthorizationContext context,        OperationAuthorizationRequirement requirement,        Document resource)    {        if (requirement.Name == Operations.Edit.Name && context.User.Identity.Name == resource.Author)        {            context.Succeed(requirement); // 用户是文档作者,允许编辑        }        return Task.CompletedTask;    }}

注册处理程序:

Program.cs

中注册。

builder.Services.AddSingleton();

在代码中调用:

public async Task Edit(int id){    var document = _documentRepository.GetDocument(id);    if (document == null) return NotFound();    // 检查当前用户是否有权编辑此文档    var authorizationResult = await _authorizationService.AuthorizeAsync(User, document, Operations.Edit);    if (authorizationResult.Succeeded)    {        return View(document);    }    else if (User.Identity.IsAuthenticated)    {        return Forbid(); // 已认证但无权    }    else    {        return Challenge(); // 未认证    }}

基于资源的授权虽然实现起来最复杂,但它提供了最高级别的控制粒度,适用于需要根据具体数据实例来动态判断权限的场景。

总的来说,认证和授权共同构成了Web应用的安全屏障。认证识别来访者,授权则划定其活动范围。理解并熟练运用这些机制,是构建健壮、安全的ASP.NET Core应用的关键。通常我们会从简单的角色授权开始,随着应用复杂度的增加,逐步引入策略授权,甚至在特定场景下采用资源授权,以实现最合适的安全策略。

以上就是ASP.NET Core中的身份认证是什么?如何实现?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1439272.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月17日 16:02:01
下一篇 2025年12月17日 16:02:11

相关推荐

  • Uniapp 中如何不拉伸不裁剪地展示图片?

    灵活展示图片:如何不拉伸不裁剪 在界面设计中,常常需要以原尺寸展示用户上传的图片。本文将介绍一种在 uniapp 框架中实现该功能的简单方法。 对于不同尺寸的图片,可以采用以下处理方式: 极端宽高比:撑满屏幕宽度或高度,再等比缩放居中。非极端宽高比:居中显示,若能撑满则撑满。 然而,如果需要不拉伸不…

    2025年12月24日
    400
  • 如何让小说网站控制台显示乱码,同时网页内容正常显示?

    如何在不影响用户界面的情况下实现控制台乱码? 当在小说网站上下载小说时,大家可能会遇到一个问题:网站上的文本在网页内正常显示,但是在控制台中却是乱码。如何实现此类操作,从而在不影响用户界面(UI)的情况下保持控制台乱码呢? 答案在于使用自定义字体。网站可以通过在服务器端配置自定义字体,并通过在客户端…

    2025年12月24日
    600
  • 如何在地图上轻松创建气泡信息框?

    地图上气泡信息框的巧妙生成 地图上气泡信息框是一种常用的交互功能,它简便易用,能够为用户提供额外信息。本文将探讨如何借助地图库的功能轻松创建这一功能。 利用地图库的原生功能 大多数地图库,如高德地图,都提供了现成的信息窗体和右键菜单功能。这些功能可以通过以下途径实现: 高德地图 JS API 参考文…

    2025年12月24日
    400
  • 如何使用 scroll-behavior 属性实现元素scrollLeft变化时的平滑动画?

    如何实现元素scrollleft变化时的平滑动画效果? 在许多网页应用中,滚动容器的水平滚动条(scrollleft)需要频繁使用。为了让滚动动作更加自然,你希望给scrollleft的变化添加动画效果。 解决方案:scroll-behavior 属性 要实现scrollleft变化时的平滑动画效果…

    2025年12月24日
    000
  • 如何为滚动元素添加平滑过渡,使滚动条滑动时更自然流畅?

    给滚动元素平滑过渡 如何在滚动条属性(scrollleft)发生改变时为元素添加平滑的过渡效果? 解决方案:scroll-behavior 属性 为滚动容器设置 scroll-behavior 属性可以实现平滑滚动。 html 代码: click the button to slide right!…

    2025年12月24日
    500
  • 如何选择元素个数不固定的指定类名子元素?

    灵活选择元素个数不固定的指定类名子元素 在网页布局中,有时需要选择特定类名的子元素,但这些元素的数量并不固定。例如,下面这段 html 代码中,activebar 和 item 元素的数量均不固定: *n *n 如果需要选择第一个 item元素,可以使用 css 选择器 :nth-child()。该…

    2025年12月24日
    200
  • 使用 SVG 如何实现自定义宽度、间距和半径的虚线边框?

    使用 svg 实现自定义虚线边框 如何实现一个具有自定义宽度、间距和半径的虚线边框是一个常见的前端开发问题。传统的解决方案通常涉及使用 border-image 引入切片图片,但是这种方法存在引入外部资源、性能低下的缺点。 为了避免上述问题,可以使用 svg(可缩放矢量图形)来创建纯代码实现。一种方…

    2025年12月24日
    100
  • 如何让“元素跟随文本高度,而不是撑高父容器?

    如何让 元素跟随文本高度,而不是撑高父容器 在页面布局中,经常遇到父容器高度被子元素撑开的问题。在图例所示的案例中,父容器被较高的图片撑开,而文本的高度没有被考虑。本问答将提供纯css解决方案,让图片跟随文本高度,确保父容器的高度不会被图片影响。 解决方法 为了解决这个问题,需要将图片从文档流中脱离…

    2025年12月24日
    000
  • 为什么 CSS mask 属性未请求指定图片?

    解决 css mask 属性未请求图片的问题 在使用 css mask 属性时,指定了图片地址,但网络面板显示未请求获取该图片,这可能是由于浏览器兼容性问题造成的。 问题 如下代码所示: 立即学习“前端免费学习笔记(深入)”; icon [data-icon=”cloud”] { –icon-cl…

    2025年12月24日
    200
  • 如何利用 CSS 选中激活标签并影响相邻元素的样式?

    如何利用 css 选中激活标签并影响相邻元素? 为了实现激活标签影响相邻元素的样式需求,可以通过 :has 选择器来实现。以下是如何具体操作: 对于激活标签相邻后的元素,可以在 css 中使用以下代码进行设置: li:has(+li.active) { border-radius: 0 0 10px…

    2025年12月24日
    100
  • 如何模拟Windows 10 设置界面中的鼠标悬浮放大效果?

    win10设置界面的鼠标移动显示周边的样式(探照灯效果)的实现方式 在windows设置界面的鼠标悬浮效果中,光标周围会显示一个放大区域。在前端开发中,可以通过多种方式实现类似的效果。 使用css 使用css的transform和box-shadow属性。通过将transform: scale(1.…

    2025年12月24日
    200
  • 为什么我的 Safari 自定义样式表在百度页面上失效了?

    为什么在 Safari 中自定义样式表未能正常工作? 在 Safari 的偏好设置中设置自定义样式表后,您对其进行测试却发现效果不同。在您自己的网页中,样式有效,而在百度页面中却失效。 造成这种情况的原因是,第一个访问的项目使用了文件协议,可以访问本地目录中的图片文件。而第二个访问的百度使用了 ht…

    2025年12月24日
    000
  • 如何用前端实现 Windows 10 设置界面的鼠标移动探照灯效果?

    如何在前端实现 Windows 10 设置界面中的鼠标移动探照灯效果 想要在前端开发中实现 Windows 10 设置界面中类似的鼠标移动探照灯效果,可以通过以下途径: CSS 解决方案 DEMO 1: Windows 10 网格悬停效果:https://codepen.io/tr4553r7/pe…

    2025年12月24日
    000
  • 使用CSS mask属性指定图片URL时,为什么浏览器无法加载图片?

    css mask属性未能加载图片的解决方法 使用css mask属性指定图片url时,如示例中所示: mask: url(“https://api.iconify.design/mdi:apple-icloud.svg”) center / contain no-repeat; 但是,在网络面板中却…

    2025年12月24日
    000
  • 如何用CSS Paint API为网页元素添加时尚的斑马线边框?

    为元素添加时尚的斑马线边框 在网页设计中,有时我们需要添加时尚的边框来提升元素的视觉效果。其中,斑马线边框是一种既醒目又别致的设计元素。 实现斜向斑马线边框 要实现斜向斑马线间隔圆环,我们可以使用css paint api。该api提供了强大的功能,可以让我们在元素上绘制复杂的图形。 立即学习“前端…

    2025年12月24日
    000
  • 图片如何不撑高父容器?

    如何让图片不撑高父容器? 当父容器包含不同高度的子元素时,父容器的高度通常会被最高元素撑开。如果你希望父容器的高度由文本内容撑开,避免图片对其产生影响,可以通过以下 css 解决方法: 绝对定位元素: .child-image { position: absolute; top: 0; left: …

    2025年12月24日
    000
  • CSS 帮助

    我正在尝试将文本附加到棕色框的左侧。我不能。我不知道代码有什么问题。请帮助我。 css .hero { position: relative; bottom: 80px; display: flex; justify-content: left; align-items: start; color:…

    2025年12月24日 好文分享
    200
  • HTML、CSS 和 JavaScript 中的简单侧边栏菜单

    构建一个简单的侧边栏菜单是一个很好的主意,它可以为您的网站添加有价值的功能和令人惊叹的外观。 侧边栏菜单对于客户找到不同项目的方式很有用,而不会让他们觉得自己有太多选择,从而创造了简单性和秩序。 今天,我将分享一个简单的 HTML、CSS 和 JavaScript 源代码来创建一个简单的侧边栏菜单。…

    2025年12月24日
    200
  • 前端代码辅助工具:如何选择最可靠的AI工具?

    前端代码辅助工具:可靠性探讨 对于前端工程师来说,在HTML、CSS和JavaScript开发中借助AI工具是司空见惯的事情。然而,并非所有工具都能提供同等的可靠性。 个性化需求 关于哪个AI工具最可靠,这个问题没有一刀切的答案。每个人的使用习惯和项目需求各不相同。以下是一些影响选择的重要因素: 立…

    2025年12月24日
    000
  • 带有 HTML、CSS 和 JavaScript 工具提示的响应式侧边导航栏

    响应式侧边导航栏不仅有助于改善网站的导航,还可以解决整齐放置链接的问题,从而增强用户体验。通过使用工具提示,可以让用户了解每个链接的功能,包括设计紧凑的情况。 在本教程中,我将解释使用 html、css、javascript 创建带有工具提示的响应式侧栏导航的完整代码。 对于那些一直想要一个干净、简…

    2025年12月24日
    000

发表回复

登录后才能评论
关注微信