当前位置：移动技术网 > IT编程>开发语言>.net > Asp.Mvc 2.0用户登录实例讲解---(1)用户注册

Asp.Mvc 2.0用户登录实例讲解---(1)用户注册

2018年03月10日 | 移动技术网IT编程 | 我要评论

前车之鉴的意思,柴鑫茹,girl1s day

这段时间一直在研究ASP.NET MVC,看了一些教程，总觉得印象不是太深刻，于是决定动手写一个系列的MVC教程，一方面是为了加深自己的印象，另一方面也给学习MVC的同学提供一些帮助，作为一个参考资料.本系列的教程将通过一个实例来由浅入深讲解MVC，相关知识点将在我们的实例中为大家讲解。

Asp.mvc模式改变了传统的asp.net webform方式，我们在使用MVC开发WEB程序时，要摒弃传统的WEBFORM方式的思想，传统的WEBFORM方式用户拖拉一个按钮，然后双击按钮，就可以在后台写相应的时间的处理代码。Asp.net mvc只有aspx页面，没有后台的aspx.cs页面。

MVC简单的来说只有三层，Controller,model,view,

View就是表示层，可以简单的理解为aspx页面

Model就是实体类，可以简单的理解为数据库表对应的实体类.

Controller相当于在VIEW和MODEL层之间的一个控制器。Controller的作用就是从MODEL层读取数据并把数据显示在VIEW网页上.

咱们这一节讲每个网站必用的网站注册功能，看看用MVC方式怎么实现。

1.首先要做准备工作。
开发工具：vs2010 ,sqlserver2005数据库

数据库用户信息表：

首先在数据库中创建一个表来存放用户信息

--用户信息表

CREATE TABLE[dbo].[UserInfo]

(

[UserName] [varchar](20)COLLATEChinese_PRC_CI_ASNOTNULL,---用户名

[UserPwd] [varchar](20)COLLATEChinese_PRC_CI_ASNOTNULL,---密码

[Email] [varchar](50)COLLATEChinese_PRC_CI_ASNOTNULL--电子邮件

) ON[PRIMARY]

ALTER TABLE[dbo].[UserInfo]ADDCONSTRAINT[PK__UserInfo__C9F2845707020F21]PRIMARYKEYCLUSTERED ([UserName])ON[PRIMARY]

2.创建MODEL
接着我们添加MODEL层，用户在注册的时候，需要输入用户,密码，确认密码，EMAIL，我们就建立一个对应的MODEL注册类

[csharp] /// <summary>
    /// 注册用户MODEL
    /// </summary>
    public class RegisterModel
    {
       /// <summary>
       /// 用户名
       /// </summary>
       [DisplayName("用户名")]
        public string UserName
        { get; set; }

        /// <summary>
        /// 密码
        /// </summary>
      [DisplayName("密码")]
        public string UserPwd
        {
            get;
            set;
        }

       [DisplayName("确认密码")]
      public string ConfirPwd
      {
          get;
          set;
      }
        /// <summary>
        /// 用户邮箱
        /// </summary>
        [DisplayName("邮箱")]
        public string Email
        {
            get;
            set;
        }


    }
/// <summary>
    /// 注册用户MODEL
    /// </summary>
    public class RegisterModel
    {
       /// <summary>
       /// 用户名
       /// </summary>
       [DisplayName("用户名")]
        public string UserName
        { get; set; }

        /// <summary>
        /// 密码
        /// </summary>
      [DisplayName("密码")]
        public string UserPwd
        {
            get;
            set;
        }

       [DisplayName("确认密码")]
      public string ConfirPwd
      {
          get;
          set;
      }
        /// <summary>
        /// 用户邮箱
        /// </summary>
        [DisplayName("邮箱")]
        public string Email
        {
            get;
            set;
        }

}

DisplayName属性表示字段对外的显示名称，可以理解为属性的别名，

用法参照:

3.创建VIEW页面
VIEW页面就是用户注册的页面

在项目中的View文件夹下右键添加—视图，弹出如下窗口

我们这里添加一个强类型的注册页面，创建强类型页面的时候，要选择视图对应的MODEL类，如上图红色标记，这里我们选用registermodel.

添加完VIEW页面后如下:强类型的页面继承System.Web.Mvc.ViewPage< >

[html] <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<MvcLogin.Models.RegisterModel>" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<html xmlns="" >
<head runat="server">
    <title>注册页面</title>
</head>
<body>
    <p>
    <br />

    <p style="font-size:12px;color:red">

    <%if (ViewData["msg"] != null)
      {%>
    <%:ViewData["msg"]%>
    <%} %>
    </p>
    <br />
    <%Html.BeginForm(); %>


        <table>
           <tr>
             <td><%: Html.LabelFor(m => m.UserName) %></td>
             <td> <%: Html.TextBoxFor(m => m.UserName) %></td>
           </tr>

              <tr>
             <td> <%: Html.LabelFor(m => m.UserPwd) %></td>
             <td>   <%: Html.PasswordFor(m => m.UserPwd) %></td>
           </tr>

              <tr>
             <td> <%: Html.LabelFor(m => m.ConfirPwd) %></td>
             <td> <%: Html.PasswordFor(m => m.ConfirPwd)%></td>
           </tr>

              <tr>
             <td>    <%: Html.LabelFor(m => m.Email) %></td>
             <td> <%: Html.TextBoxFor(m => m.Email) %></td>
           </tr>

              <tr>
             <td> <input type=submit value="提交" /></td>
             <td></td>
           </tr>

        </table>

    <%Html.EndForm(); %>

    </p>
</body>
</html>
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<MvcLogin.Models.RegisterModel>" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

    <%if (ViewData["msg"] != null)
      {%>
    <%:ViewData["msg"]%>
    <%} %>
    </p>
    <br />
    <%Html.BeginForm(); %>

        <table>
           <tr>
             <td><%: Html.LabelFor(m => m.UserName) %></td>
             <td> <%: Html.TextBoxFor(m => m.UserName) %></td>
           </tr>

              <tr>
             <td> <%: Html.LabelFor(m => m.UserPwd) %></td>
             <td>   <%: Html.PasswordFor(m => m.UserPwd) %></td>
           </tr>

              <tr>
             <td> <%: Html.LabelFor(m => m.ConfirPwd) %></td>
             <td> <%: Html.PasswordFor(m => m.ConfirPwd)%></td>
           </tr>

              <tr>
             <td>    <%: Html.LabelFor(m => m.Email) %></td>
             <td> <%: Html.TextBoxFor(m => m.Email) %></td>
           </tr>

</table>

    <%Html.EndForm(); %>

    </p>
</body>
</html>

上面的Html类用来创建HTML控件。

Html.BeginForm()用来创建表单控件

Html.LabelFor用来创建标签LABEL控件

Html.PasswordFor用来创建密码文本框控件

Html.TextBoxFor用来创建TEXTbox控件

Html.LabelFor(m => m.UserName)这个是用来在页面创建一个LABEL标签。

m => m.UserName是一种lamda表达式写法，m.UserName在这里表示属性的别名。

生成HTML代码就是这样

<labelfor="UserName">用户名</label>

4.创建controller

我们创建一个UserController，在里面添加一个注册方法，如下

publicActionResult Register()

{

return View();

}

VIEW页面的名称和方法的名称一样，这时我们访问Register页面的时候，URL就会跳转到Register()方法，

通过controller对象，返回VIEW页面要展现的内容。

页面效果如下:

Asp.mvc的URL访问规则如下

其中user表示controller,

Register表中controller中的方法名称，也就是对应的页面

关于url的规则，可以在global.asax中查看

5.sqlhelper
以上准备工作完成后，我们既然注册用户，必须要有对数据库增加的方法，我们这里建立一个SQLHELP类，来执行对数据库的操作

[csharp] using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Data.SqlClient;
using System.Data;

namespace MvcLogin.Models
{
    public class SqlHelper
    {
        //数据库连接字符串
        readonly string conStr = "server=.;uid=sa;pwd=123;database=cztest;Min Pool Size=10;";

       string strAdd = @"INSERT INTO dbo.UserInfo
        ( UserName, UserPwd, Email )
VALUES ( '{0}', -- UserName - varchar(20)
          '{1}', -- UserPwd - varchar(20)
          '{2}' -- Email - varchar(50)
          )";

       string strUserExist = @" SELECT * FROM dbo.UserInfo WHERE UserName='{0}' AND UserPwd='{1}'";

        /// <summary>
        /// 添加用户
        /// </summary>
        /// <param name="model"></param>
        /// <returns></returns>
        public bool AddUser(RegisterModel model)
        {
            strAdd = string.Format(strAdd, model.UserName, model.UserPwd, model.Email);
            SqlConnection con = new SqlConnection(conStr);
            con.Open();
            SqlCommand cmd = new SqlCommand(strAdd,con);
            int o = cmd.ExecuteNonQuery();
            con.Close();
            if (o>0)
            {
                return true;
            }
            return false;
        }

        /// <summary>
        /// 判断用户是否存在
        /// </summary>
        /// <param name="model"></param>
        /// <returns></returns>
        public bool ExistUser(RegisterModel model)
        {
            strUserExist = string.Format(strUserExist, model.UserName, model.UserPwd);
            SqlConnection con = new SqlConnection(conStr);
            con.Open();
            SqlCommand cmd = new SqlCommand(strUserExist, con);
            SqlDataAdapter adp = new SqlDataAdapter(cmd);
            DataSet ds = new DataSet();
            adp.Fill(ds);
            con.Close();
            if (ds!=null&&ds.Tables[0].Rows.Count>0)
            {
                return true;
            }
            return false;
        }

    }
}
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Data.SqlClient;
using System.Data;

namespace MvcLogin.Models
{
    public class SqlHelper
    {
        //数据库连接字符串
        readonly string conStr = "server=.;uid=sa;pwd=123;database=cztest;Min Pool Size=10;";

       string strAdd = @"INSERT INTO dbo.UserInfo
        ( UserName, UserPwd, Email )
VALUES ( '{0}', -- UserName - varchar(20)
          '{1}', -- UserPwd - varchar(20)
          '{2}' -- Email - varchar(50)
          )";

string strUserExist = @" SELECT * FROM dbo.UserInfo WHERE UserName='{0}' AND UserPwd='{1}'";

        /// <summary>
        /// 添加用户
        /// </summary>
        /// <param name="model"></param>
        /// <returns></returns>
        public bool AddUser(RegisterModel model)
        {
            strAdd = string.Format(strAdd, model.UserName, model.UserPwd, model.Email);
            SqlConnection con = new SqlConnection(conStr);
            con.Open();
            SqlCommand cmd = new SqlCommand(strAdd,con);
            int o = cmd.ExecuteNonQuery();
            con.Close();
            if (o>0)
            {
                return true;
            }
            return false;
        }

        /// <summary>
        /// 判断用户是否存在
        /// </summary>
        /// <param name="model"></param>
        /// <returns></returns>
        public bool ExistUser(RegisterModel model)
        {
            strUserExist = string.Format(strUserExist, model.UserName, model.UserPwd);
            SqlConnection con = new SqlConnection(conStr);
            con.Open();
            SqlCommand cmd = new SqlCommand(strUserExist, con);
            SqlDataAdapter adp = new SqlDataAdapter(cmd);
            DataSet ds = new DataSet();
            adp.Fill(ds);
            con.Close();
            if (ds!=null&&ds.Tables[0].Rows.Count>0)
            {
                return true;
            }
            return false;
        }

}
}

6.提交注册方法
点击页面上的提交按钮的时候，会添加用户,

这时会执行controller的添加方法，我们再向controller类中添加一个注册方法。

[csharp] /// <summary>
     /// 注册提交
     /// </summary>
     /// <param name="model"></param>
     /// <returns></returns>
     [HttpPost]
     public ActionResult Register(Models.RegisterModel model)
     {
         bool result = false;
         if (!new Models.SqlHelper().ExistUser(model))
         {
              result = new Models.SqlHelper().AddUser(model);
         }

         if (result)
         {
             //添加成功转向主页
             FormsService.SignIn(model.UserName, false);
            return   RedirectToAction("index");
         }
         else
         {
             //返回注册页面
             ViewData["msg"] = "添加用户失败";
             return View(model);
         }
     }
   /// <summary>
        /// 注册提交
        /// </summary>
        /// <param name="model"></param>
        /// <returns></returns>
        [HttpPost]
        public ActionResult Register(Models.RegisterModel model)
        {
            bool result = false;
            if (!new Models.SqlHelper().ExistUser(model))
            {
                 result = new Models.SqlHelper().AddUser(model);
            }

            if (result)
            {
                //添加成功转向主页
                FormsService.SignIn(model.UserName, false);
               return   RedirectToAction("index");
            }
            else
            {
                //返回注册页面
                ViewData["msg"] = "添加用户失败";
                return View(model);
            }
        }

可能有同学会问道，在controll里面有两个register方法，点击提交的时候怎么去判断调用哪一个.请注意我们这个方法前面有个httppost请求，这表明这个方法只接受post请求提交的处理.默认情况下方法是get的，点击提交按钮的请求是属于POST请求的，所有会执行这个注册方法.

7.创建一个INDEX页面
用户添加成功后，会转向index页面，index页面是非强类型的页面.会在页面中显示欢迎用户的信息.我们这个DEMO采用的form验证，所以用到了FormsAuthentication类

最后的文件目录如下:

DEOM下载：

摘自奶酪专栏

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！点击进行留言回复

Blazor server side 自家的一些开源的, 实用型项目的进度之 CEF客户端

距离上次提出 [Asp.Net Core] Blazor Server Side 扩展用途 - 配合CEF来制作带浏览器核心的客户端软件的想法后,&#... [阅读全文]
武装你的WEBAPI-OData入门

本文属于OData系列目录（可能会有后续修改） "武装你的WEBAPI OData入门" 武装你的WEBAPI OData便捷查询武装你的WEBAP... [阅读全文]
.NET IoC模式依赖反转(DIP)、控制反转(Ioc)、依赖注入(DI)

依赖倒置原则(DIP) 依赖倒置(Dependency Inversion Principle,缩写DIP)是面向对象六大基本原则之一。他是指一种特定的... [阅读全文]
DevExpress+Winform（四）

视频：https://www.bilibili.com/video/BV15x411x7WN?p=5 新建Devexpress Winform Blan... [阅读全文]
Jenkins之Nunit的应用

一、在Jenkins中安装Nunit插件进入jenkins的插件管理模块，下载Nunit插件。此步骤不做截图说明二、引用nunit.console的nu... [阅读全文]
vue+.netcore可支持业务代码扩展的开发框架 VOL.Vue 2.0版本发布

框架介绍这是一个基于vue、element-ui、iview、.netcore3.1 可支持前端、后台动态扩展业务代码快速开发框架。框架内置定制开发... [阅读全文]
微信退款（在.net core 用http方式请求）

微信JSAPI支付申请退款接口地址接口链接：https://api.mch.weixin.qq.com/secapi/pay/refund 是否需... [阅读全文]
Owin Katana 的底层源码分析

最近看了一下开源项目asp.net katana，感觉公开的接口非常的简洁优雅，channel 9 说是受到node.js的启发设计的，Katana是一... [阅读全文]
jenkins发布application且并运行

一、发布配置差异配置：编译内容编译目标NetWorkClient/KJ90NetClient.csproj编译命令/t:build/p:Configur... [阅读全文]
WPF 简易日期控件魔改ListBox

先上截图修正：应该将SetTime方法修改为，行号为207行开始修改 var nk = Day_of_week(year, month, 1); i... [阅读全文]

网友评论


验证码：

Asp.Mvc 2.0用户登录实例讲解---(1)用户注册

2018年03月10日 | 移动技术网IT编程 | 我要评论

您可能感兴趣的文章:

相关文章:

网友评论