Asp.Mvc 2.0实现用户注册实例讲解(1)_实用技巧

最近一直在研究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]
GO
ALTER TABLE[dbo].[UserInfo]ADDCONSTRAINT[PK__UserInfo__C9F2845707020F21]PRIMARYKEYCLUSTERED ([UserName])ON[PRIMARY]
GO

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

/// <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< >

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
 <title>注册页面</title>
</head>
<body>
 <div>
 <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(); %> 

 </div>
</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页面要展现的内容。
页面效果如下:

 

其中user表示controller,Register表中controller中的方法名称,也就是对应的页面。
5.sqlhelper
以上准备工作完成后,我们既然注册用户,必须要有对数据库增加的方法,我们这里建立一个SQLHELP类,来执行对数据库的操作

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类中添加一个注册方法。

/// <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类。

最后的文件目录如下:

看完这个实例讲解是不是感觉用户注册功能没这么难实现了,但是我们也要亲自实践一下,这样在以后的学习中才能更加灵活熟练地运用,真正成为自己的东西。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索Asp.Mvc
, 用户注册功能
实例讲解
实例讲解荷花拍摄技巧、pore5.0实例讲解、plc编程实例讲解、python脚本实例讲解、实例讲解,以便于您获取更多的相关知识。

时间: 2024-11-10 10:08:35

Asp.Mvc 2.0实现用户注册实例讲解(1)_实用技巧的相关文章

Asp.Mvc 2.0用户服务器验证实例讲解(4)_实用技巧

这一节给大家讲解下ASP.NET MVC 2.0的服务器端验证的用法.大家知道,一个项目只用JS客户端验证是不安全的,用户可以禁用JS来绕过客户端验证,所以必须有服务器端验证. 关于服务器端验证,主要调用System.ComponentModel.DataAnnotations命名空间里面的类库. 咱们这次还是以注册页面为例来讲解服务器端验证,主要对注册页面完成以下验证 1.用户名不能为空 2.密码不能为空,密码长度不能小于5位数, 3.密码和确认密码输入必须一样 4.邮件格式必须正确 咱们先看

Asp.Mvc 2.0用户的编辑与删除实例讲解(5)_实用技巧

这一节来给大家演示下怎么对用户信息进行修改和删除用户,主要包括以下内容 1.显示所有用户 2.编辑用户 3.删除用户   1.显示所有用户  我们把所有用户信息查询出来,以表格形式在页面上显示,效果图如下:   首先把所有用户信息显示在index页面上.找到index页面对应的controller,然后查找出所有用户信息,把查找出的用户集合放在viewdata里面  Controller代码: public ActionResult Index() { //查询出所有用户 DataSet ds

ASP.NET 2.0中的页面输出缓存_实用技巧

静态页面全部内容保存在服务器内存中.当再有请求时,系统将缓存中的相关数据直接输出,直到缓存数据过期.这个过程中,缓存不需要再次经过页面处理生命周期.这样可以缩短请求响应时间,提高应用程序性能.很显然,页面输出缓存适用于不需要频繁更新数据,而占用大量时间和资源才能编译生成的页面.对于那些数据经常更新的页面,则不适用.默认情况下,ASP.NET 2.0启用了页面输出缓存功能,但并不缓存任何响应的输出.开发人员必须通过设置,使得某些页面的响应成为缓存的一部分. 设置页面输出缓存可以使用以下两种方式:一

ASP.NET MVC5网站开发用户注册(四)_实用技巧

一.默认Web项目的更改 用户这部分还是自己做,所以删除自动生成的用户相关代码. 二.添加Member区域 在web项目上点右键 添加 区域Member. 添加Home控制器,选择MVC5控制器-空 我们给public ActionResult Index()添加一个视图,代码很简单就是显示下用户名 @{ ViewBag.Title = "会员中心"; } <h2>欢迎你!@User.Identity.Name </h2> 我们先运行一下,出错啦. 这是因为项目

asp.net 2.0多语言网站解决方法_实用技巧

首先在App_GlobalResources新建resx资源文件.如: 不同语言的resx中项目应该具有相同的名称: 中文资源项 英文资源项 完了以后就可以使用这些名值对了, 复制代码 代码如下: <asp:Literal ID="Literal1" runat="server" Text="<%$ Resources:lang,userinfo%>" /> 或者 复制代码 代码如下: <%=Resources.la

ASP.NET 2.0服务器控件开发之复杂属性_实用技巧

在上一篇文章中,曾经提及"复杂属性"的概念.复杂属性的最大特征是属性的类型是本身具有属性(称为子属性)的类.通常情况下,复杂属性表现为3种形式:连字符形式属性.内部嵌套形式属性和内部嵌套形式默认属性.本文将介绍以上3种形式复杂属性的具体实现方法. 1. 实现连字符形式复杂属性 连字符形式属性是比较常见的复杂属性.我们常用的Font属性就是一个复杂属性,其包括多个子属性,如Bold.Name等.这种类型属性具有两种语法格式:一种是利用连字符语法,在控件的开始标记中保存子属性,例如,Fon

ASP.NET 2.0 程序安全的基础知识_实用技巧

成员关系的概念在人类社会中是一个层次比较低的概念,源于希望属于某个群组的意识.我们希望能觉得自己是某个团队的一部分,让别人知道我们是谁,因此Web搭上这个流行趋势,采用这个概念只是时间早晚的问题.如果坐下来想一想曾经登录过多少个站点并在这些站点上保存了简单的用户信息,可能会发现自己所属的群组比一开始想象的要多得多.从出售书籍和小器具的站点到讨论拥有一辆Ford Puma的好处的社区,或者宣传一个名为Look Around You的BBC TV喜剧节目的站点,作者发现自己是会员的站点多得无法一一列

ASP.NET2.0 SQL Server数据库连接详解_实用技巧

Connection类有四种:SqlConnection,OleDbConnection,OdbcConnection和OracleConnection. SqlConnection类的对象连接SQL Server数据库:OracleConnection 类的对象连接Oracle数据库: OleDbConnection类的对象连接支持OLE DB的数据库,如Access:而OdbcConnection类的对象连接任何支持ODBC的数据库.与数据库的所有通讯最终都是通过Connection对象来完

ASP.NET MVC实现多个按钮提交的方法_实用技巧

有时候会遇到这种情况:在一个表单上需要多个按钮来完成不同的功能,比如一个简单的审批功能.   如果是用webform那不需要讨论,但asp.net mvc中一个表单只能提交到一个Action处理,相对比较麻烦点.  方法一:使用客户端脚本  比如我们在View中这样写: <inputtype="submit"value="审核通过"onclick='this.form.action="<%=Url.Action("Action1&qu