小白入门C#编写MVC登录小案例

这篇具有很好参考价值的文章主要介绍了小白入门C#编写MVC登录小案例。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、C#编写MVC登录小案例

🚀1. 新建MVC项目。

小白入门C#编写MVC登录小案例,C#,c#,mvc,ui,登录案例文章来源地址https://www.toymoban.com/news/detail-590743.html

🚀2. 在Models文件夹下创建一个User类,包含登录所需要的用户名和密码属性。

namespace MvcLogin.Models
{
    public class User
    {
        public string UserName
        {
            get; set;
        }
        public string Password
        {
            get;set;
        }
    }
}

🚀3. 在Controllers文件夹内,创建LoginController类,并添加Index、Success和Login的Action。

using Microsoft.AspNetCore.Mvc;
using MvcLogin.Controllers;

namespace MvcLogin.Controllers
{
    public class LoginController : Controller 
    {
        //GET:Login
        public ActionResult Index()
        {
            return View();
        }
        /*MVC将自动查找与视图名称相同的.cshtml文件*/
        public IActionResult Success()
        {
            return View();
        }

        [HttpPost]
        public ActionResult Login(Models.User user)
        {
            if(user.UserName == "admin" && user.Password == "admin")
            {
                return RedirectToAction("Success", "Login"); 
                //RedirectToAction 方法是用于将请求重定向到指定的控制器和动作方法的 URL,而不是直接指向到视图文件的路径。
            }
            else
            {
                ModelState.AddModelError("", "用户名或密码错误!");
                return View("Index");
            }
        }
    }
}


🚨🚨🚨对上述代码的解释:

🚨(1)在C#MVC开发中的Controllers文件的IActionResult是什么意思呢? 什么时候要创建这个呢?
  • 🍦①、在C#MVC开发中的Controllers文件中,IActionResult是一个接口,用于定义返回结果类型,它表示控制器方法的返回类型。 通过实现IActionResult接口,可以在控制器方法中返回不同类型的结果,如View、Json、File等。
  • 🍦②、通常,当我们需要在控制器方法中返回视图、重定向到另一个站点或执行其他操作时,将使用IActionResult 接口。在代码中创建IActionResult主要根据需要来决定,一般情况下,只要需要将结果返回给视图或输出结果给用户时才会使用。
  • 🍦③、MVC将自动查找与视图名称相同的.cshtml文件
public IActionResult Success()
{
    return View();
}
  • 🍦④、在这里,View() 方法会返回Views/Login/Success.cshtml视图文件。如果需要返回其他的视图文件,可以通过传入文件名或文件路径的方式进行指定。如下所示:
// 返回名称为 "Hello" 的视图文件
return View("Hello");

// 返回路径为 "Views/Home/MyView.cshtml" 的视图文件
return View("~/Views/Home/MyView.cshtml");
🚨(2)IActionResult 接口实现了以下类型:
  • ViewResult: 表示一个视图结果。
  • ContentResult: 表示一个文本数据结果。
  • EmptyResult: 不需要返回任何结果。
  • RedirectResult: 表示一个重定向结果。
public IActionResult Index()
{
    return Redirect("https://www.example.com");
}
  • 在上面的示例中,我们在控制器中定义了一个Index方法,当用户调用该方法时,它会自动将用户重定向到"https://www.example.com" URL 。如果我们想要重定向到另一个控制器方法,可以使用Url.Action()方法来构造URL。例如:
public IActionResult Index()
{
    return Redirect(Url.Action("About", "Home"));
}
  • 在上面的示例中,我们使用Url.Action()方法构造了一个URL,它将用户重定向到Home控制器中的About方法。请注意,Url.Action()方法中的参数是控制器中的方法名称和控制器名称。
🚨(3)ModelState的使用
  • 它用于验证用户输入的数据并将错误信息存储在ModelState对象中。
  • AddModelError()方法是ModelState对象中的一个方法,它用于向ModelState中添加错误信息,以便在将其传递给View时显示错误。


🚀4. 在Views文件夹内,创建Login文件夹,并在该文件夹中添加Index和Success的View文件

  • Index文件视图:
@model MvcLogin.Models.User

<form asp-action="Login" method="post">
    <div asp-validation-summary="ModelOnly" class="text-danger"></div>
    <div class="form-group">
        <label asp-for="UserName" class="control-label"></label>
        <input asp-for="UserName" class="form-control" />
        <span asp-validation-for="UserName" class="text-danger"></span>
    </div>
    <div class="form-group">
        <label asp-for="Password" class="control-label"></label>
        <input asp-for="Password" class="form-control" />
        <span asp-validation-for="Password" class="text-danger"></span>
    </div>
    <div class="form-group">
        <input type="submit" value="登录" class="btn btn-primary" />
    </div>
</form>
  • Success文件视图:
<h2>Login</h2>

<p>登录成功!</p>

🚀5. 进行模拟登录

  • 通过localhost:端口号/Login进行浏览器访问。
    小白入门C#编写MVC登录小案例,C#,c#,mvc,ui,登录案例
  • 登录失败页面
    小白入门C#编写MVC登录小案例,C#,c#,mvc,ui,登录案例
  • 登录成功页面
    小白入门C#编写MVC登录小案例,C#,c#,mvc,ui,登录案例

到了这里,关于小白入门C#编写MVC登录小案例的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 案例14 Spring MVC文件上传案例

    基于Spring MVC实现文件上传: 使用commons-fileupload实现上传文件到本地目录。 实现上传文件到阿里云OSS和从阿里云OSS下载文件到本地。 选择Maven快速构建web项目,项目名称为case14-springmvc03。 ​ src.main.resources目录下创建spring-mvc.xml。 在src.main.java.com.wfit.upload目录下创建UploadContr

    2024年02月13日
    浏览(41)
  • 案例13 Spring MVC参数传递案例

    基于Spring MVC实现HttpServletRequest、基本数据类型、Java Bean、数组、List、Map、JSON方式的参数传递。 选择Maven快速构建web项目,项目名称为case13-springmvc02。 ​ src.main路径下,执行new – Directory操作,选择java、resources后,执行回车键。 ​ 在web.xml中配置DispatcherServlet。 src.main.java.

    2024年02月13日
    浏览(47)
  • 【后端】黑马MVC案例详解

    最近刚入门后端,对不起,我背叛了游戏【哭】 跟着写了一个这样的案例 网页界面是这样的  没写删除,里面带有增加行和修改表单数据的功能    web方面就三个页面,里面涉及到了Mybatis,Tomcat,JSP,Servlet,Maven,前端三剑客等知识,东西比较杂,我也是速通选手,掌握不

    2024年02月06日
    浏览(33)
  • C# MVC 多图片上传预览

    开发框架:MVC,Layui 列表主界面这里就不展示了,可以去看看这篇文章:Layui项目实战,这里讲的是“上传Banner”界面功能: 其中包括, 多文件上传,预览,后台接收,保存 ,仅此而已 1.前端Html代码 head头部代码块: 注意:这里引用的是Layui和jQuery插件,不过重点功能还是

    2024年02月17日
    浏览(36)
  • MVC 三层架构案例详细讲解

    @ 目录 MVC 三层架构案例详细讲解 每博一文案 1. MVC 概述 2. MVC设计思想 3. 三层架构 4. MVC 与 三层架构的关系: 5. 案例举例:用户账户转账 5.1 M(Model :数据/业务处理层) 5.2 C (Controller : 控制层) 5.3 V (View :视图/展示) 6. 总结: 7. 最后: MVC开始是存在于桌面程序中的,M是指业务

    2024年02月05日
    浏览(50)
  • Spring MVC处理响应附案例详解

    目录 一、配置视图解析器 二、控制器方法的返回值 2.1 返回值为void 2.1.1 控制器方法 2.1.2 jsp页面 2.1.3 测试结果 2.2 返回值为String 2.2.1 控制器方法 2.2.2 测试结果 2.3 返回值为ModelAndView 2.3.1 控制器方法 2.3.2 JSP页面 2.3.3 测试结果  三、某些会话对象设置数据 3.1 request域设置数据

    2024年02月11日
    浏览(45)
  • asp.net mvc实现系统登录及验证功能

    在网上购物或者实际的使用过程中经常遇到这样的一个场景:你必须输入用户米/密码,进行登录。登录完成后,界面自动跳转到之前的界面或者主页。具体下面的三个图所示。 在ASP.NET MVC中有个功能是身份认证(就是使用用户名和密码登录的问题),以及使用角色登录的功能

    2024年02月02日
    浏览(36)
  • MVC框架实现用户登录注册功能(连接数据库)

    一、简单理解MVC框架 二、项目结构 三、项目源码 3.1 User 3.2 UserDao 3.3 RegisterDao 3.4 servletControll 3.5 servletControllRegister 3.6 web.xml 3.7 login.jsp 3.8 register.jsp 3.9 success.jsp 3.10 failure.jsp  四、实现效果 总结 本篇文章主要介绍利用MVC框架去实现一个简单的用户登录注册功能,内容主

    2024年02月06日
    浏览(57)
  • Spring MVC拦截器Interceptor使用(判断用户登录)

    Spring MVC中的拦截器(Interceptor)类似于Servlet中的过滤器(Filter),它主要用于拦截用户请求并作相应的处理。例如通过拦截器可以进行权限验证、记录请求信息的日志、判断用户是否登录等。 拦截器可以在进入处理器之前做一些操作,或者在处理器完成后进行操作,甚至是

    2024年02月09日
    浏览(46)
  • C# MVC ajax将json传到后台接口

    前台: 后台:

    2024年02月16日
    浏览(33)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包