码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift

  • 从零开始Blazor Server(4)--登录系统

    🚀 优质资源分享 🚀

    学习路线指引（点击解锁）知识定位人群定位
    🧡 Python实战微信订餐小程序 🧡进阶级本课程是python flask+微信小程序的完美结合，从项目搭建到腾讯云部署上线，打造一个全栈订餐系统。
    💛Python量化交易实战💛入门级手把手带你打造一个易扩展、更安全、效率更高的量化交易系统

    说明

    上一篇文章中我们添加了Cookie授权，可以跳转到登录页了。但是并没有完成登录，今天我们来完成它。

    我们添加Cookie授权的时候也说了，这套跟MVC一模一样，所以我们登录也是跟MVC一模一样。有个小区别是必须使用MVC去登录，Blazor本身是登录不了的。

    添加Controller支持

    在Program.cs中添加：

    builder.Services.AddControllers().AddInject();

    • 1

    这里的.AddInject()是添加Furion的支持，我们后面要用到的动态Controller就是需要添加这个。另外.AddInject()自带了Swagger，如果不想要，需要使用.AddInjectBase()。

    app.UseInject();

    • 1

    需要添加Swagger支持的话需要将app.UseInjectBase();这里改为app.UseInject();。

    最后别忘了添加

    app.MapDefaultControllerRoute();

    • 1

    将Controller的路由加上去。

    编写LoginController

    public class LoginController: IDynamicApiController
{
    public async Task Post([FromBody]LoginVo loginVo)
    {
        if (string.IsNullOrEmpty(loginVo.UserName))
        {
            return new { code = 50000, message = "用户名不能为空" };
        }
        if (string.IsNullOrEmpty(loginVo.Password))
        {
            return new { code = 50000, message = "密码不能为空" };
        }

        var password = MD5Encryption.Encrypt(loginVo.Password);
        var user = await UserEntity.Where(x =>
            x.UserName == loginVo.UserName && x.Password == password).Include(x => x.Role).FirstAsync();
        if (user != null)
        {
            var identity = new ClaimsIdentity(CookieAuthenticationDefaults.AuthenticationScheme);
            identity.AddClaim(new Claim(ClaimTypes.Name, user.UserName!));
            identity.AddClaim(new Claim(ClaimTypes.Role, user.Role!.Name!));
            await Furion.App.HttpContext.SignInAsync(new ClaimsPrincipal(identity), new AuthenticationProperties(){IsPersistent = true, ExpiresUtc = loginVo.RememberMe? DateTimeOffset.Now.AddDays(5): DateTimeOffset.Now.AddMinutes(30)});

            return new { code = 20000, message = "登录成功" };
        }
        return new { code = 50000, message = "用户名或密码错误" };
    }
}

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
     

    其中用的LoginVo为
     

    public class LoginVo
{
    public string? UserName { get; set; }

    public string? Password { get; set; }

    public bool RememberMe { get; set; }
}

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
     

    这里我们使用var user = await UserEntity.Where(x => x.UserName == loginVo.UserName && x.Password == password).Include(x => x.Role).FirstAsync();
     

    去数据库里查询是否存在这个用户名密码的用户
     

    然后创建一个Claim，我这里把UserName和RoleName放进去了，为了后面好显示。
     

    最后就是HttpContext.SignIn，这个也是登录的标准路子。
     

    Login.razor
     

    Login.razor我们直接照搬了BootstrapAdmin的登录样式，搬运一下，懒得自己写了。这里只说关键代码部分。
     

    首先，因为我们说过，登录需要使用MVC的方式，所以这里需要使用浏览器发送Ajax请求的方式来登录。
     

    这里我们使用BootstrapBlazor自带的AJAX组件来处理。
     

    首先在Login.razor中添加组件进来。
     

    然后使用
     

    var ajaxOption = new AjaxOption
        {
            Url = "/api/login",
            Data = LoginVo
        };
        var str = await AjaxService.GetMessage(ajaxOption);

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
     

    使用POST发送LoginVo到/api/login。
     

    这个str就是返回的结果。
     

    如果str是空的，或者code不是上面返回的20000，即登录成功的话，我们就使用飘窗报错。成功我们就跳转。
     

     
 
    这里注意一下，跳转的时候一定不能用Blazor的NavigationManager，因为我们必须刷新一次浏览器，服务端才能拿到对应的Cookie，所以这里还是使用Ajax组件的Goto去跳转，这种跳转实际上是浏览器刷新，会重走一次MVC的逻辑。
     

     

    这样我们的登录就写好了。尝试输入用户名密码都是Admin（我们在DbExtension初始化的默认用户）。应该可以登录成功，输入别的话应该会报失败。
     

    源码在github:https://github.com/j4587698/BlazorLearn，分支为lesson4
    
                
                    
                

                
  • 

                    相关阅读:
    
                    
python循环判断                            
    
安卓毕业设计各种app项目，Android毕设设计，Android课程设计，毕业论文                            
    
十分钟快速搭建个人网站教程（Nextjs）                            
    
开发智能硬件过程中需要掌握的方法之经典                            
    
利用宏定义在编译阶段检查结构体大小的方法                            
    
Vue中的$nextTick有什么作用？                            
    
关于u16强转u8指针类型                            
    
pytest +allure在测试中的应用                            
    
洛谷刷题：循环结构                            
    
UE MotionBlur源码解析                            
    
                        
                
    • 
                
  • 
                    原文地址：https://blog.csdn.net/qq_43479892/article/details/126098934
                
    • 

            
        

        
    
            
      
                
    • 
                    最新文章
                
      • 
                
    • 
                    
攻防演习之三天拿下官网站群                            
      
数据安全治理学习——前期安全规划和安全管理体系建设                            
      
企业安全 | 企业内一次钓鱼演练准备过程                            
      
内网渗透测试 | Kerberos协议及其部分攻击手法                            
      
0day的产生 | 不懂代码的"代码审计"                            
      
安装scrcpy-client模块av模块异常，环境问题解决方案                            
      
leetcode hot100【LeetCode 279. 完全平方数】java实现                            
      
OpenWrt下安装Mosquitto                            
      
AnatoMask论文汇总                            
      
【AI日记】24.11.01 LangChain、openai api和github copilot                            
      
                          
                
      • 
            
    

            
      
                
    • 
                    热门文章
                
      • 
                
    • 
                    
十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧！！！                            
      
奉劝各位学弟学妹们，该打造你的技术影响力了！                            
      
五年了，我在 CSDN 的两个一百万。                            
      
Java俄罗斯方块，老程序员花了一个周末，连接中学年代！                            
      
面试官都震惊，你这网络基础可以啊！                            
      
你真的会用百度吗？我不信 — 那些不为人知的搜索引擎语法                            
      
心情不好的时候，用 Python 画棵樱花树送给自己吧                            
      
通宵一晚做出来的一款类似CS的第一人称射击游戏Demo！原来做游戏也不是很难，连憨憨学妹都学会了！                            
      
13 万字 C 语言从入门到精通保姆级教程2021 年版                            
      
10行代码集2000张美女图，Python爬虫120例，再上征途                            
      
                          
                
      • 
            
    

        
    
    




    
    
    
    

    
    
    
        
    
            
    
                
    
                    Copyright © 2022 侵权请联系2656653265@qq.com   
                    京ICP备2022015340号-1
                
    
                
    
                    正则表达式工具
                    cron表达式工具
                    密码生成工具
                
    
                
    
                    
                    
    京公网安备 11010502049817号