C# .net mvc 实战项目 简单的登录验证和注册 （一）

最新推荐文章于 2024-04-29 20:57:48 发布
最新推荐文章于 2024-04-29 20:57:48 发布
阅读量1.2w 收藏 62
点赞数 7
分类专栏： MVC C# 文章标签： c# mvc .net
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39448579/article/details/120309389
版权
C# 同时被 2 个专栏收录
36 篇文章 18 订阅
订阅专栏
MVC
8 篇文章 4 订阅
订阅专栏

开发工具：VS2015
框架 .net MVC

效果图
在这里插入图片描述
在这里插入图片描述

先实现验证码
在App_Start文件夹中，添加类VerifyCodeHelper

public class VerifyCodeHelper
    {
        public static Bitmap CreateVerifyCode(out string code)
        {
            //建立Bitmap对象，绘图
            Bitmap bitmap = new Bitmap(200, 60);
            Graphics graph = Graphics.FromImage(bitmap);
            graph.FillRectangle(new SolidBrush(Color.White), 0, 0, 200, 60);
            Font font = new Font(FontFamily.GenericSerif, 48, FontStyle.Bold, GraphicsUnit.Pixel);
            Random r = new Random();
            string letters = "ABCDEFGHIJKLMNPQRSTUVWXYZ0123456789";
            StringBuilder sb = new StringBuilder();
            //添加随机的四个字母
            for (int x = 0; x < 4; x++)
            {
                string letter = letters.Substring(r.Next(0, letters.Length - 1), 1);
                sb.Append(letter);
                graph.DrawString(letter, font, new SolidBrush(Color.Black), x * 38, r.Next(0, 15));
            }
            code = sb.ToString();

            //混淆背景
            Pen linePen = new Pen(new SolidBrush(Color.Black), 2);
            for (int x = 0; x < 6; x++)
                graph.DrawLine(linePen, new Point(r.Next(0, 199), r.Next(0, 59)), new Point(r.Next(0, 199), r.Next(0, 59)));
            return bitmap;
        }
    }

添加LoginController控制器

 public class LoginController : Controller
    {
        // GET: Login
        public ActionResult Index()
        {
            return View();
        }
    }

添加VerifyCode方法

        /// <summary>
        /// 提供验证码
        /// </summary>
        /// <returns></returns>
        public ActionResult VerifyCode()
        {
            string verifyCode = string.Empty;
            Bitmap bitmap = App_Start.VerifyCodeHelper.CreateVerifyCode(out verifyCode);
            #region 缓存Key 
            Cache cache = new Cache();
            // 先用当前类的全名称拼接上字符串 “verifyCode” 作为缓存的key
            var verifyCodeKey = $"{this.GetType().FullName}_verifyCode";
            cache.Remove(verifyCodeKey);
            cache.Insert(verifyCodeKey, verifyCode);
            #endregion
            MemoryStream memory = new MemoryStream();
            bitmap.Save(memory, ImageFormat.Gif);
            return File(memory.ToArray(), "image/gif");
        }

右键，添加Index视图
在这里插入图片描述
视图代码

@{
    ViewBag.Title = "用户登录";
}
<body style="text-align:center">
    @using (Html.BeginForm("Index", "Login"))
    {
        <div style="margin-top:100px">
            <div>
                <p>
                    @Html.Label("用户名")
                    @Html.TextBox("username")
                </p>
            </div>
            <div>
                <p>
                    @Html.Label("密码")
                    @Html.Password("password")
                </p>
            </div>
            <div>
                <p>
                    @Html.Label("验证码")
                    @Html.TextBox("verifyCode")
                </p>
            </div>
            <div>
                <img id="verifycode" title="更换验证码" style="height: 36px;
                width: 108px;
                margin-left: -15px;
                margin-top: -8px;
                cursor: pointer;" src="@Url.Action("VerifyCode")" οnclick="changecode()" />
            </div>
            <script>
            function changecode() {
                $('#verifycode').attr('src', '/Login/VerifyCode?t=' + new Date().getSeconds());
            }
            </script>
            <div style="margin-top:20px">
                <input type="submit" value="登录" name="login" />
                <input type="submit" value="注册" name="login" />
            </div>
        </div>
    }
</body>

在这里插入图片描述
在控制器中写登录方法

[HttpPost]
        public ActionResult Index(string login, string verifyCode)
        {
            if (login == "注册")
            {
                return View("Register");
            }
            string username = Request["username"];
            string password = Request["password"];
            if (string.IsNullOrEmpty(username) || string.IsNullOrEmpty(password))
            {
                return Content("<script>alert('账号密码不能为空');location.href='Login/Index'</script>");
            }
            // 第一步检验验证码
            // 从缓存获取验证码作为校验基准  
            // 先用当前类的全名称拼接上字符串 “verifyCode” 作为缓存的key
            Cache cache = new Cache();
            var verifyCodeKey = $"{this.GetType().FullName}_verifyCode";
            object cacheobj = cache.Get(verifyCodeKey);
            if (cacheobj == null)
            {
                return Content("<script>alert('验证码已失效');location.href='Login/Index'</script>");
            }//不区分大小写比较验证码是否正确
            else if (!(cacheobj.ToString().Equals(verifyCode, StringComparison.CurrentCultureIgnoreCase)))
            {
                return Content("<script>alert('验证码错误');location.href='Login/Index'</script>");
            }
            cache.Remove(verifyCodeKey);
            //...接下来再进行账号密码比对等登录操作                    
            string ps = App_Start.RedisHelper.GetHas("user", username);
            if (App_Start.RedisHelper.GetHas("user", username) == password)
            {
                //获取登录的用户权限
                string s = App_Start.RedisHelper.GetString(username);
                Session["auther"] = App_Start.RedisHelper.GetString(username);//管理员为1，非管理员为0                
                //登录成功跳转               
                return RedirectToAction("Index", "Main");
            }
            else
            {
                return Content("<script>alert('输入有误');location.href='Login/Index'</script>");
            }
        }

账号密码对比是存于我的Redis之中，从Redis之中去进行验证。

有兴趣的可以参考我之前的博文：运用Redis

添加注册代码

先添加注册的控制器

public ActionResult Register()
        {
            return View();
        }

添加Register视图


@{
    ViewBag.Title = "用户注册";
}

<h2>用户注册</h2>
@using (Html.BeginForm("Register", "User"))
{
    <form>
        <div style="margin-top:100px;text-align:center">
            <div>
                <p>
                    @Html.Label("用户名")
                    @Html.TextBox("username")
                </p>
            </div>
            <div>
                <p>
                    @Html.Label("密码")
                    @Html.Password("password")
                </p>
            </div>
            <div>
                <p>
                    @Html.Label("确认密码")
                    <input type="password" id="confirmpassword" name="confirmpassword" onkeyup="validate()">
                    <span id="tishi"></span>
                </p>
            </div>
            <div style="margin-top:20px">
                <input type="submit" value="返回" id="Register" name="Register" />
                <input type="submit" value="注册" id="Register" name="Register" />
            </div>
        </div>
    </form>
}
<script>
    function validate()
    {
        var pw1 = document.getElementById("password").value;
        var pw2 = document.getElementById("confirmpassword").value;
        if (pw1 == pw2)
        {
            document.getElementById("tishi").innerHTML = "<font color='green'></font>";
            document.getElementById("submit").disabled = false;
        }
        else
        {
            document.getElementById("tishi").innerHTML = "<font color='red'>两次密码不相同</font>";
            document.getElementById("submit").disabled = true;
        }
    }
</script>

添加注册的方法

 [HttpPost]
        public ActionResult Register(string Register, string username, string password)//注册
        {
             if (Register == "返回")
            {
                return View("Index");
            }
            username = Request["username"];
            password = Request["password"];
            confirmpassword= Request["confirmpassword"];          
            if (string.IsNullOrEmpty(username) || string.IsNullOrEmpty(password) || string.IsNullOrEmpty(confirmpassword))
            {
                return Content("<script>alert('账号密码不能为空');location.href='Register'</script>");
            }
            if(!string.Equals(password, confirmpassword))
                return Content("<script>alert('两次密码输入不同');location.href='Register'</script>");
            if (App_Start.RedisHelper.HasContains("user", username))
            {
                return Content("<script>alert('用户名已经存在');location.href='Register'</script>");
            }
            App_Start.RedisHelper.SetHas("user", username, password);
            //默认注册的都是操作员
            App_Start.RedisHelper.SetString(username, "0");
            return Content("<script>alert('注册成功');location.href='Index'</script>");
        }

完整控制器代码

using System;
using System.Collections.Generic;
using System.Drawing;
using System.Drawing.Imaging;
using System.IO;
using System.Linq;
using System.Web;
using System.Web.Caching;
using System.Web.Mvc;

namespace DSG_Analyse.Controllers
{
    public class LoginController : Controller
    {
        // GET: Login
        public ActionResult Index()
        {
            return View();
        }
        [HttpPost]
        public ActionResult Index(string login, string verifyCode)
        {
            if (login == "注册")
            {
                return View("Register");
            }
            string username = Request["username"];
            string password = Request["password"];
            if (string.IsNullOrEmpty(username) || string.IsNullOrEmpty(password))
            {
                return Content("<script>alert('账号密码不能为空');location.href='Login/Index'</script>");
            }
            // 第一步检验验证码
            // 从缓存获取验证码作为校验基准  
            // 先用当前类的全名称拼接上字符串 “verifyCode” 作为缓存的key
            Cache cache = new Cache();
            var verifyCodeKey = $"{this.GetType().FullName}_verifyCode";
            object cacheobj = cache.Get(verifyCodeKey);
            if (cacheobj == null)
            {
                return Content("<script>alert('验证码已失效');location.href='Login/Index'</script>");
            }//不区分大小写比较验证码是否正确
            else if (!(cacheobj.ToString().Equals(verifyCode, StringComparison.CurrentCultureIgnoreCase)))
            {
                return Content("<script>alert('验证码错误');location.href='Login/Index'</script>");
            }
            cache.Remove(verifyCodeKey);
            //...接下来再进行账号密码比对等登录操作                    
            string ps = App_Start.RedisHelper.GetHas("user", username);
            if (App_Start.RedisHelper.GetHas("user", username) == password)
            {
                //获取登录的用户权限
                string s = App_Start.RedisHelper.GetString(username);
                Session["auther"] = App_Start.RedisHelper.GetString(username);//管理员为1，非管理员为0                
                //登录成功跳转               
                return RedirectToAction("Index", "Main");
            }
            else
            {
                return Content("<script>alert('输入有误');location.href='Login/Index'</script>");
            }
        }
        public ActionResult Register()
        {
            return View();
        }

        [HttpPost]
        public ActionResult Register(string Register, string username, string password,string confirmpassword)//注册
        {
            if (Register == "返回")
            {
                return View("Index");
            }
            username = Request["username"];
            password = Request["password"];
            confirmpassword= Request["confirmpassword"];          
            if (string.IsNullOrEmpty(username) || string.IsNullOrEmpty(password) || string.IsNullOrEmpty(confirmpassword))
            {
                return Content("<script>alert('账号密码不能为空');location.href='Register'</script>");
            }
            if(!string.Equals(password, confirmpassword))
                return Content("<script>alert('两次密码输入不同');location.href='Register'</script>");
            if (App_Start.RedisHelper.HasContains("user", username))
            {
                return Content("<script>alert('用户名已经存在');location.href='Register'</script>");
            }
            App_Start.RedisHelper.SetHas("user", username, password);
            //默认注册的都是操作员
            App_Start.RedisHelper.SetString(username, "0");
            return Content("<script>alert('注册成功');location.href='Index'</script>");
        }

        /// <summary>
        /// 提供验证码
        /// </summary>
        /// <returns></returns>
        public ActionResult VerifyCode()
        {
            string verifyCode = string.Empty;
            Bitmap bitmap = App_Start.VerifyCodeHelper.CreateVerifyCode(out verifyCode);
            #region 缓存Key 
            Cache cache = new Cache();
            // 先用当前类的全名称拼接上字符串 “verifyCode” 作为缓存的key
            var verifyCodeKey = $"{this.GetType().FullName}_verifyCode";
            cache.Remove(verifyCodeKey);
            cache.Insert(verifyCodeKey, verifyCode);
            #endregion
            MemoryStream memory = new MemoryStream();
            bitmap.Save(memory, ImageFormat.Gif);
            return File(memory.ToArray(), "image/gif");
        }
    }
}
yangzm996
关注
  • 7
    点赞
  • 踩
  • 62
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
使用ASP.NET MVC框架搭建登录站点总结
DrewLee的博客
09-14 661
经过几天对ASP.NET MVC框架的简单学习，并搭建起一个简单的登录站点之后，我算是对微软的MVC框架有了一个较为整体的认识，包括它在VS上的结构，MVC各层之间的联系等等，在此我做一个简单的个人学习记录，并将搭建登录站点这一个小的项目做一总结。 在我看来，.NET 的MVC框架就是经典的MVC框架，因为我之前在Linux系统中使用MVC框架开发过小项目，所以MVC框架的性质不会变，无非就是将他从Linux环境迁移到Windows环境，从shell迁移到VS2019来使用而已。 那么首先简单的介绍MVC框
C# aps.net MVC web微信三方扫码登录与授权登录
05-02
【C# ASP.NET MVC Web微信三方扫码登录与授权登录】是一个关于使用C#编程语言、ASP.NET MVC框架，实现微信第三方登录功能的项目。在这个项目中，开发者将学习如何集成微信API，允许用户通过微信账号进行扫码登录或...
C# MVC 实现登录的5种方式
zgscwxd的博客
07-27 4966
C# MVC提交表单的四种方式 一，MVC HtmlHelper方法 Html.BeginForm(actionName,controllerName,method,htmlAttributes){} BeginRouteForm 方法 (HtmlHelper, String, Object, FormMethod) ...
ASP.NET CORE MVC 认证和授权（最简入门）
最新发布
钅隼戋 ‘s Bolg
04-29 328
代码中，User.Identity.IsAuthenticated 作用就是判断是否登录认证过。登录后，显示“Logout”，点击后退出登录，并重定位到Index页面（控制器中体现）我前端页面采用了_Layout 布局，在布局的右上角有一个登录按钮，如果仅仅是登录后才可视，不分角色权限的话，控制器权限属性可以简单为。登录页面，一个空参数，用HttpGet ，保证登录页面可加载。未登录时，显示“Login”，点击后进入登录页面。另外，再创建一个控制器，用于取消登录。--以上，即完成了认证。
C#MVC页面中中注册页面添加验证码
lm18307210047的博客
03-20 2166
如图所示，生成验证码代码分割。。。。。。。。。。。。。。。。。。。首先创建一个生成验证码的类，我们叫它ValidateCodeController吧   public class ValidateCodeController : Controller    {                   public ValidateCodeController()            {       ...
基于ASP.NET-MVC简单后台搭建（一）---实现用户登陆
weixin_42835514的博客
03-03 1028
一，构建基于三层架构的MVC框架 1.0.相关知识 1.1.DAL引用Models，BAL需引用DAL,Models，启动项目中引用BAL和Models。 1.2.DAL中添加SQLHelper类，并引用命名空间如图。 1.3.Models中添加实体类 1.4.DAL中添加相应数据访问类 1.5.BAL中也添加相应的业务逻辑类 1.6.启动项目中添加控制器和相应视图 视图访问和寻址规则 ...
基于JWT实现简单的用户登陆验证（超详细）
weixin_47025166的博客
06-20 9591
基于JWT实现简单的用户登陆验证
C# MVC的博客开发（一）登录
u010840685的博客
02-10 7573
由于前端使用的是layui的模板，该模板自带登录和注册页面，但是此页面的登录和普通页面的登录有些不同登录后返回的数据也需要处理，这里我来整理下layui登录时候遇到的问题首先登录提交数据的js我们在login.html并没有找到，form提交也没有填写action地址但是模板输入内容点击登录是会用各种表单提交验证和提示的很多人在这就犯难了，登录提交数据的js到底layui放到那里去了我们再一次执行...
ASP.NET MVC项目实战网页版音乐播放平台源码
09-18
ASP.NET MVC是一个强大的Web开发框架，由微软公司推出，它结合了ASP.NET的优点，并引入了模型-视图-控制器（MVC）设计模式，使得Web应用程序的开发更加灵活和模块化。在这个项目中，我们将深入探讨ASP.NET MVC如何...
ASP.net MVC SportsStore项目开发三
07-04
ASP.NET MVC SportsStore项目开发是学习和掌握ASP.NET MVC框架的一个经典实例，它涉及到了Web应用程序设计和开发的多个核心概念。在这个项目中，我们将深入理解如何构建一个完整的电子商务平台，包括商品展示、...
ASP.NET MVC5 编程实战
07-25
ASP.NET MVC5集成了OWIN（开放Web接口 for .NET）和Katana项目，提供了一套强大的身份验证和授权机制。开发者可以使用OAuth2、OpenID Connect或ASP.NET Identity来管理用户账户，实现登录、注册、角色管理和权限控制...
asp.net mvc4 实现用户登录
12-29
asp.net mvc4 实现用户的登录验证
ASP.NET MVC5网站开发之美+CMS范例源代码
01-08
2. **C#语言**：ASP.NET MVC5主要使用C#作为编程语言，C#是一种现代、类型安全且面向对象的语言，具有丰富的特性和库支持，非常适合开发复杂的企业级应用程序。 3. **ASP.NET**：ASP.NET是.NET Framework的一部分，...
ASP.NET MVC学习---（五）MVC初体验
weixin_30387799的博客
08-02 146
经过之前n多的铺垫 我们已经大概了解了这个姓m名vc的家伙了 那么今天我们就来体验一把 怎么体验呢？ 就来做一个小例子吧~ mvc增删改查的例子 数据库还是之前我们的老朋友 关系图： 表中的数据已填好 T_Users 将就着用着吧，哈哈 现在要求对T_Users表进行增删改查 开搞~ 回到之前新建的mvc项目 在Controllers文件...
asp.net core mvc 项目搭建一、【3分钟学会】
maliangdyx1的博客
05-28 4781
一、新建.net core mvc项目 从vs2019中新建项目 选asp.net core web 项目名称 自己取 选择Web应用程序 mvc版本 新建.net core mvc项目 这些文件或者文件夹都是比较重要的。 启动文件是startup 是启动文件，appsetting.json里面可以存放链接字符串。 开始增加EF的包 这三个就是管理外置包的地方，第一个是控制台添加。 第二个是窗口版本的添加。效......
C#MVC单点登录，一个用户不能同时多次登录
xcLeigh
08-20 2074
前言 在服务器端记录登录的用户ID+SessionID，当重复登录时，根据用户ID用新的SessionID替换掉旧的SessionID，在需要单用户登录的操作时就可以判断SessionID是否匹配，不匹配则证明有其他人登录了你的账户，这时可要求重新登录或其他的操作。 实现步骤：1、登录时记录登录的用户ID+SessionID，可利用Application、Cache、数据库等。 2、写一个过滤器用于判断当前的用户ID和SessionID跟服务器记录的是否匹配以及不匹配时进行的操作。 3、在Session过期
ASP.NET 登录验证
zhangkaihua2010的专栏
04-13 1268
最近系统中要添加一个对用户是否登录的判断，没登陆就不允许直接查看相关的页面。经过了3个阶段的摸索，终于解决。 虽然解决的办法不复杂，但通过不同的实现方式进行对比总结，可以加深对.NET运行机制的理解。 1.PageBase基类 在PageBase基类中重载OnInit方法，添加对登录Session的判断，如果未登录重定向跳转到登录页面；如已登录可不用做任何操作。 参
.net core 登录验证
正怒月神的博客
03-18 1713
功能：登录后，才能访问后续页面。 否则跳转到登录页 一，startup public void ConfigureServices(IServiceCollection services) { services.AddSession(); services.AddControllersWithViews(); //添加 身份验证 服务 services.AddAuthenticatio
.NET MVC 使用验证码验证登录
shadowee的专栏
04-25 1947
无图无真像，首先截出效果图： 　　 　　代码： 验证码： <input name="memVerifi" style="width: 65px;" type="text" class="easyui-numberbox"
c#.net mvc 简单的源代码下载
01-07
"c"在不同情境下可以有不同的含义和用法。以下是对不同情境下"c"的解释： 1. 在英语中，"c"是英文字母表的第三个字母。它的发音是/k/，如"cat"（猫）和"car"（车）中的"c"字母。它也可以表示一些特定单词的缩写，比如"cm"（厘米）和"CD"（光盘）。 2. 在数学中，"c"通常表示一个常数或系数。例如，在一元二次方程中，方程的一般形式为"ax^2 + bx + c = 0"，其中的"c"是常数。 3. "C"也可以表示摄氏度（Celsius）的缩写。摄氏度是一种温度度量单位，常用于国际科学团体和大部分国家的温度测量中。在摄氏温标中，水的沸点是100°C，冰点是0°C。 4. 在计算机科学和编程中，"c"是一种编程语言，也被称为"C语言"。C语言是一种通用的、高级的编程语言，它被广泛应用于操作系统和嵌入式系统等领域。 综上所述，"c"在不同情境下具有不同的含义，包括英文字母、数学常数、温度单位和编程语言。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

yangzm996

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值