MVC4制作网站教程第二章 部分用户功能实现代码
用户部分要实现的功能有:
序
一、用户
1.1
1.2
1.3
1.4
要实现这些目的首先新建用户(model)模型
/// <summary> /// 用户模型 /// </summary> public class user { [key] public int userid { get; set; } /// <summary> /// 用户组id /// </summary> [display(name="用户组id")] [required(errormessage = "×")] public int groupid { get; set; } /// <summary> /// 用户名 /// </summary> [display(name="用户名",description="4-20个字符。")] [required(errormessage = "×")] [stringlength(20, minimumlength = 4, errormessage = "×")] public string username { get; set; } /// <summary> /// 密码 /// </summary> [required] [stringlength(256)] public string password { get; set; } /// <summary> /// 性别【0-男;1-女;2-保密】 /// </summary> [display(name="性别")] [required(errormessage = "×")] [range(0,2,errormessage = "×")] public byte gender { get; set; } /// <summary> /// email /// </summary> [display(name="email",description="请输入您常用的email。")] [required(errormessage = "×")] [emailaddress(errormessage = "×")] public string email { get; set; } /// <summary> /// 密保问题 /// </summary> [display(name="密保问题",description="请正确填写,在您忘记密码时用户找回密码。4-20个字符。")] [required(errormessage = "×")] [stringlength(20, minimumlength = 4, errormessage = "×")] public string securityquestion { get; set; } /// <summary> /// 密保答案 /// </summary> [display(name="密保答案",description="请认真填写,忘记密码后回答正确才能找回密码。2-20个字符。")] [required(errormessage = "×")] [stringlength(20, minimumlength = 2, errormessage = "×")] public string securityanswer { get; set; } /// <summary> /// qq号码 /// </summary> [display(name="qq号码")] [regularexpression("^[1-9][0-9]{4-13]$",errormessage = "×")] [stringlength(12, minimumlength = 6, errormessage = "×")] public string qq { get; set; } /// <summary> /// 电话号码 /// </summary> [display(name="电话号码",description="常用的联系电话(手机或固话),固话格式为:区号-号码。")] [regularexpression("^[0-9-]{11-13}$",errormessage = "×")] public string tel { get; set; } /// <summary> /// 联系地址 /// </summary> [display(name="联系地址",description="常用地址,最多80个字符。")] [stringlength(80, errormessage = "×")] public string address { get; set; } /// <summary> /// 邮编 /// </summary> [display(name="邮编")] [regularexpression("^[0-9]{6}$",errormessage = "×")] public string postcode { get; set; } /// <summary> /// 注册时间 /// </summary> public datetime? regtime { get; set; } /// <summary> /// 上次登录时间 /// </summary> public datetime? lastlogintime { get; set; } /// <summary> /// 用户组 /// </summary> public virtual usergroup group { get; set; } }
下面添加用户controller。在controller文件夹点右键 选择新建控制器名称输入usercontroller,完成后生成代码如下:
using system.web.mvc; using cms.models; namespace cms.controllers { public class usercontroller : controller { public actionresult register() { return view(); } // // post: /user/create [httppost] public actionresult register(userregister uerreg) { try { // todo: add insert logic here return redirecttoaction("index"); } catch { return view(); } } } }
马上涉及的问题就是数据的存取,本来准备用repository模式做,后来觉得用repository模式在一个人写个简单那网站的情况下意义不大,写起来反而有点啰嗦,干脆用伪repository模式写。项目中新建repository文件夹。在文件夹中新建类cms,用来实现ef的context。代码如下:
using system; using system.collections.generic; using system.linq; using system.web; using system.data.entity; using cms.models; namespace cms.repository { public class cmscontext:dbcontext { public dbset<user> users { get; set; } } }
简单吧。再建一个类repositorybase,用来做***repository的基类,里面写add,update,delete,find几个虚函数,方便在继承类里面这几个函数的名称统一。
using system; using system.collections.generic; using system.linq; using system.web; namespace cms.repository { public class repositorybase<tmodel> { private cmscontext dbcontext; public repositorybase() { dbcontext = new cmscontext(); } /// <summary> /// 添加【继承类重写后才能正常使用】 /// </summary> public virtual bool add(tmodel tmodel) { return false; } /// <summary> /// 更新【继承类重写后才能正常使用】 /// </summary> public virtual bool update(tmodel tmodel) { return false; } /// <summary> /// 删除【继承类重写后才能正常使用】 /// </summary> public virtual bool delete(int id) { return false; } /// <summary> /// 查找指定值【继承类重写后才能正常使用】 /// </summary> public virtual tmodel find(int id) { return default(tmodel); } ~repositorybase() { if (dbcontext != null) { dbcontext.dispose(); } } } }
可以写userrepository的具体实现了,新建userrepository类。重写add,update方法后代码如下:
using system; using system.collections.generic; using system.linq; using system.web; using cms.models; namespace cms.repository { public class userrepository:repositorybase<user> { private cmscontext dbcontext; public userrepository() { dbcontext = new cmscontext(); } /// <summary> /// 添加用户 /// </summary> /// <param name="user">用户信息</param> /// <returns></returns> public override bool add(user user) { if (user == null) return false; dbcontext.users.add(user); if (dbcontext.savechanges() > 0) return true; else return false; } /// <summary> /// 更新用户信息 /// </summary> /// <param name="user"></param> /// <returns></returns> public override bool update(user user) { var _user = dbcontext.users.singleordefault(u => u.userid == user.userid); if (_user == null) return false; _user = user; if (dbcontext.savechanges() > 0) return true; else return false; } //public override } }
到这里repository的基本模式也出来了,现在mvc中的m和c都出来了就差v了,少了v相当于高富帅少了“富”在高,再帅都没用。那么马上下手为了写view做准备。
@html.label可以用来显示字段的display(name=“”),@html.displaytext显示模型中字段值。没有找到用来显示模型中字段的display(……,description=“”)属性的htmlhelper。先自己写一个用。在项目中新建extensions文件夹,右键添加类displaydescriptionextensions,在生成的代码中将命名空间改为system.web.mvc.html,添加两个静态方法displaydescription和displaydescriptionfor。完成后代码 :
using system.linq.expressions; namespace system.web.mvc.html { public static class displaydescriptionextensions { /// <summary> /// 模型描述信息 /// </summary> /// <param name="htmlhelper"></param> /// <param name="name"></param> /// <returns></returns> public static mvchtmlstring displaydescription(this htmlhelper htmlhelper, string name) { modelmetadata _modelmetadata = modelmetadata.fromstringexpression(name, htmlhelper.viewdata); return mvchtmlstring.create(_modelmetadata.description); } /// <summary> /// 模型描述信息 /// </summary> /// <typeparam name="tmodel"></typeparam> /// <typeparam name="tresult"></typeparam> /// <param name="htmlhelper"></param> /// <param name="expression"></param> /// <returns></returns> public static mvchtmlstring displaydescriptionfor<tmodel, tresult>(this htmlhelper<tmodel> htmlhelper, expression<func<tmodel, tresult>> expression) { modelmetadata _modelmetadata = modelmetadata.fromlambdaexpression(expression,htmlhelper.viewdata); return mvchtmlstring.create(_modelmetadata.description); } } }
好了,在视图中就可以直接用@html.displaydescriptionfor(model => model.username)或@html.displaydescription(“.username”)调用描述信息了.
到了这里后,大致的准备工作差不多了,还有两个小东东实现一下就可以写具体功能了。
第一个小东东:验证码。验证码分两块一是随机获取一定位数的字符,另一块是把字符绘制成图片。
在项目中添加common 文件夹,在文件夹中新建text类,在类实现函数verificationtext()利用random获取指定长度的随机字符串,写完后的代码:
using system; namespace cms.common { /// <summary> /// 文本相关 /// </summary> public class text { /// <summary> /// 获取验证码【字符串】 /// </summary> /// <param name="length">验证码长度【必须大于0】</param> /// <returns></returns> public static string verificationtext(int length) { char[] _verification = new char[length]; random _random = new random(); char[] _dictionary = { 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9' }; for (int i = 0; i < length; i++) { _verification[i] = _dictionary[_random.next(_dictionary.length - 1)]; } return new string(_verification); } } }
现在可以绘制验证码了,这里会用到.net的gdi+,我看了很多朋友写的验证码,一般都绘制了很多干扰点和干扰线,目的是为了使验证码不容易被电脑,个人觉得把绘制字的时候用材质刷绘制应该也能达到目的,所以找了一幅水彩画的材质。
用这个做字的材质也应该不太容易别识别吧,开始写绘图的代码,在usercontroller里新建名为verificationcode的action,代码如下:
/// <summary> /// 绘制验证码 /// </summary> /// <returns></returns> public actionresult verificationcode() { int _verificationlength = 6; int _width = 100, _height = 20; sizef _verificationtextsize; bitmap _bitmap = new bitmap(server.mappath("~/skins/common/texture.jpg"),true); texturebrush _brush = new texturebrush(_bitmap); //获取验证码 string _verificationtext = common.text.verificationtext(_verificationlength); //存储验证码 session["verificationcode"] = _verificationtext.toupper(); font _font = new font("arial", 14, fontstyle.bold); bitmap _image = new bitmap(_width, _height); graphics _g = graphics.fromimage(_image); //清空背景色 _g.clear(color.white); //绘制验证码 _verificationtextsize = _g.measurestring(_verificationtext, _font); _g.drawstring(_verificationtext,_font,_brush,(_width-_verificationtextsize.width)/2,(_height-_verificationtextsize.height)/2); _image.save(response.outputstream, system.drawing.imaging.imageformat.jpeg); return null; }
打开浏览器看下效果还不错。到此准备工作完成。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
上一篇: 通过脚本控制指定内容不能被选择