欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-12-21 08:09:58
最近一直在研究asp.net mvc,看了一些教程,总觉得印象不是太深刻,于是决定动手写一个系列的mvc教程,一方面是为了加深自己的印象,另一方面也给学习mvc的同学提供一...

最近一直在研究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文件夹下右键添加—视图,弹出如下窗口   

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

我们这里添加一个强类型的注册页面,创建强类型页面的时候,要选择视图对应的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页面要展现的内容。
页面效果如下:

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

其中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 2.0实现用户注册实例讲解(1)

最后的文件目录如下:

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

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

上一篇:

下一篇: