C# MVC 实现登录的5种方式

 

 

 

 

 

 

 

 

 

 

C# MVC提交表单的四种方式

一,MVC  HtmlHelper方法

  1. Html.BeginForm(actionName,controllerName,method,htmlAttributes){}

  2. BeginRouteForm 方法 (HtmlHelper, String, Object, FormMethod)

二,传统Form表单Aciton属性提交

 三,Jquery+Ajax 提交表单

 四,MVC Controller控制器和表单参数传递

MVC  HtmlHelper方法

 

一,Html.BeginForm(actionName,controllerName,method,htmlAttributes){}

注:所有要提交的内容包括按钮都必须在{ }内

参数

htmlHelper

类型:System.Web.Mvc.HtmlHelper
此方法扩展的 HTML 帮助器实例。

actionName

类型:System.String
操作方法的名称。

controllerName

类型:System.String
控制器的名称。

routeValues

类型:System.Object
一个包含路由参数的对象。 通过检查对象的属性,利用反射检索参数。 此对象通常是使用对象初始值设定项语法创建的。

method

类型:System.Web.Mvc.FormMethod
用于处理窗体的 HTTP 方法(GET 或 POST)。

htmlAttributes

类型:System.Object
一个对象,其中包含要为该元素设置的 HTML 特性。

返回值

类型:System.Web.Mvc.Html.MvcForm
<form> 开始标记。

 

Html.BeginForm 方法示例

MVC View代码

<h1>在线申请</h1>
        @using (Html.BeginForm("Apply", "Star", FormMethod.Post, new  {@class="MyForm"}))
        {
            <div class="application_b_3">
                <table width="820" border="0">
                    <tr>
                        <td width="80" height="50">达人类型</td>
                        <td width="730">
                            @Html.DropDownListFor(m => m.StarModel.TypeID, Model.DropList, new { id = "type", @class = "my-" })
                        </td>
                    </tr>
                    <tr>
                        <td height="50">首页达人照</td>
                        <td>
                             <div class="picture_an" id="UploadPhoto" style="width: 142px">
                                <a href="javascript:void(0);" class="btn_addPic"><span><em>+</em>上传照片</span>
                                    <input tabindex="3" title="支持jpg、jpeg、gif、png格式,文件小于5M" size="3" name="pic" id="absFileInput" class="filePrew" type="file" />
                                </a>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td height="50"></td>
                        <td>
                              @Html.HiddenFor(m => m.StarModel.UserGravatar, new { id = "SXtPhoto" })
                            <img src="" id="imgPhoto"  height="176px" />
                        </td>
                    </tr>
                    <tr>
                        <td height="100">自荐理由</td>
                        <td>
                            @Html.TextAreaFor(m => m.StarModel.ApplyReason, new { id = "tDesc" })
                        </td>
                    </tr>
                    <tr>
                        <td height="50"></td>
                        <td>
                            <a href=" javascript:void(0)" id="btnApplication"><img src="@Url.Content("~/Areas/SNS/Themes/Default/Content/images/ap_9.gif")" alt="" /></a>
                        </td>
                    </tr>
                </table>
            </div>
        }

 

 

 

 

 

 

 

 

 

 

 

 

C# MVC 实现登录的5种方式

本篇介绍MVC实现登录的五种方式,如下:

   1、通过MVC Form 表单请求实现登录

   2、通过AJAX GET 请求MVC Controller 实现登录

   3、通过AJAX POST 请求MVC Controller 实现登录

   4、通过AJAX GET 请求webAPI Controller 实现登录

   5、通过AJAX POST 请求webAPI Controller 实现登录

 示例代码如下:

很简单,所需注意的地方,已经标出,譬如:Form 的action指向对应Controller的Logins方法、既然是Form 表单提交,有必要为<input>标签添加相应的Name名称、最后表单请求必须用到Submit按钮

 

        /// <summary>
        /// 简单示例登录-MVC 表单提交、AJAX GET请求、AJAX POST请求均可用此方法
        /// </summary>
        /// <param name="UserName">账户</param>
        /// <param name="UserPwd">密码</param>
        /// <returns></returns>
        public int Logins(string UserName, string UserPwd)
        {
            if (UserName == "admin" && UserPwd == "admin")
            {
                return 200;//登录成功--RedirectToAction("Index");
            }
            return 0;//登录失败
        }

 

 二、AJAX GET 请求:

   我们将View作如下修改:

去掉了FORM 和 Submit 按钮,<a> 标签执行一个JS函数:login()

login()方法如下:

后端代码和上边的一样,不作变化

在此解释下红线圈住的几个参数及作用

  URL:请求的方法,通过:Controller/Action来指定

 Type:请求类型,Get和Post两种

 contentType:客户端发送至服务端的数据类型,上截图中的请求方式为Get,因此:contentType应取值为:"application/json",如果是POST请求,contentType应取值为:"application/x-www-form-urlencoded"。注:如果是Get或Post 请求webApi接口,contentType应取值为:"application/json"。

dataType:服务端返回值类型,可以为XML HTML JSON Text 等

Data:Get或Post的数据,由服务端接收

 

 

 三、AJAx POST 请求

   VIew视图和GET请求一致,不作变化,唯独变化的就是contentType的取值和请求方式,代码如下:

 

 

 

 

 

 

 

 

 

 

 

 

 

  • 1
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现登录注册功能需要以下步骤: 1. 创建数据库表格 在数据库中创建一个名为 `users` 的表格,包含以下字段: - `id`: 用户 ID,自增长整数类型; - `username`: 用户名,字符串类型; - `password`: 密码,字符串类型; - `email`: 邮箱,字符串类型; - `created_at`: 创建时间,时间戳类型; - `updated_at`: 更新时间,时间戳类型。 2. 创建模型类 创建一个名为 `User` 的模型类,包含与上述表格对应的属性和方法。 ```c# public class User { public int Id { get; set; } public string Username { get; set; } public string Password { get; set; } public string Email { get; set; } public long CreatedAt { get; set; } public long UpdatedAt { get; set; } public bool Authenticate(string password) { return this.Password == password; } public void HashPassword() { this.Password = BCrypt.Net.BCrypt.HashPassword(this.Password); } } ``` 其中,`Authenticate` 方法用于验证密码是否正确,`HashPassword` 方法用于加密密码。 3. 创建控制器 创建一个名为 `UserController` 的控制器,包含以下方法: - `Register`:显示注册页面; - `DoRegister`:处理注册请求; - `Login`:显示登录页面; - `DoLogin`:处理登录请求。 ```c# public class UserController : Controller { private readonly IUserRepository _userRepository; public UserController(IUserRepository userRepository) { _userRepository = userRepository; } public IActionResult Register() { return View(); } [HttpPost] public IActionResult DoRegister(User user) { if (ModelState.IsValid) { user.HashPassword(); user.CreatedAt = DateTimeOffset.Now.ToUnixTimeSeconds(); user.UpdatedAt = user.CreatedAt; _userRepository.Add(user); return RedirectToAction("Login"); } else { return View("Register", user); } } public IActionResult Login() { return View(); } [HttpPost] public IActionResult DoLogin(string username, string password) { var user = _userRepository.FindByUsername(username); if (user == null || !user.Authenticate(password)) { ModelState.AddModelError("login", "用户名或密码错误"); return View("Login"); } HttpContext.Session.SetInt32("UserId", user.Id); return RedirectToAction("Index", "Home"); } } ``` 其中,`IUserRepository` 是一个接口,定义了增删改查用户的方法。 4. 创建视图 在 `Views/User` 文件夹下创建以下文件: - `Register.cshtml`:注册页面; - `Login.cshtml`:登录页面。 ```html <!-- Register.cshtml --> @model User <h2>注册</h2> <form method="post" action="/user/doregister"> <div class="form-group"> <label for="username">用户名:</label> <input type="text" class="form-control" id="username" name="username" value="@Model.Username" /> </div> <div class="form-group"> <label for="password">密码:</label> <input type="password" class="form-control" id="password" name="password" value="@Model.Password" /> </div> <div class="form-group"> <label for="email">邮箱:</label> <input type="text" class="form-control" id="email" name="email" value="@Model.Email" /> </div> <button type="submit" class="btn btn-primary">注册</button> </form> ``` ```html <!-- Login.cshtml --> <h2>登录</h2> <form method="post" action="/user/dologin"> <div class="form-group"> <label for="username">用户名:</label> <input type="text" class="form-control" id="username" name="username" /> </div> <div class="form-group"> <label for="password">密码:</label> <input type="password" class="form-control" id="password" name="password" /> </div> <button type="submit" class="btn btn-primary">登录</button> </form> ``` 以上就是 C# MVC 实现登录注册功能的基本步骤。需要注意的是,此处使用了 BCrypt.Net 库对密码进行加密,需要在 NuGet 包管理器中安装该库。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值