[MVC]一步一步改写简单的登录注册(二)改写View和Controller

      书接上文,昨天我们写了一个简单的注册,今天我们来改写一下,改成像是MVC框架的样子,或者说本来就应该这么写。

      先来看看UserController里面,我们在昨天写了两个属性,是用来从表单中取值的:

Code

      如果是以前写WebForm写习惯了的朋友,这么写其实很常见,或者说我们大部分都是这么写的,现在在MVC中,我们从表单中获取数据就更加方便了,直接在Action中添加两个参数就OK了:

Code

      这里你要注意的是Action后面的参数必须要和你表单元素的名字一致,不然是获取不到的。但是MCV框架提供了一种更简便的方式,我们来看下:

Code

      这种写法也是有要求的,那就是你表单中元素的名称,必须要和你绑定的对象中的属性一致,比如说这个注册,如果我要这么写的话,表单中元素的命名必须为UserName和UserPwd,这样才能获取到绑定的对象。
      现 在Action貌似是改好了,可是现在问题又来了,当你点击首页的注册链接的时候,就会报错,因为首页的连接是没有传递任何参数进来的。解决这个问题的办 法当然也不是唯一的,你可以新写一个无参的Action,然后返回View("Register")。下面我要说的是另外一种方法,我在 UserController中新添加一个Action:

1public ActionResult Register()
2{
3     return View();
4}

      这么一看,貌似是重载了Action,但其实运行的时候会报错,这也很好理解,因为在Routing规则中是提交到了Register 中,但是从名字上来说是一模一样的,使得指代不明确。那么我们如何解决这个问题,其实也很简单,只需要在这个处理表单的Action上加一个特性就好了:

Code

      这个特性的意思是说,只有当处理Post请求的时候才会调用它,很显然首页的超链接是个Get请求,这样我们就把它们区分开来了。

      再来说View。这是我们昨天写的View:

1<%Html.BeginForm("Register""User"); %>
2    用户名:<%=Html.TextBox("txtName"%><br />
3    密  码:<%=Html.Password("txtPwd"%><br />
4    <input type="submit" value="提交" />
5<%Html.EndForm(); %>
6

      在实际开发中,页面实际上时美工做好了的,对于美工来说,表单中的元素都是像这样的<input type="text" />,难到说我们拿到页面之后第一件事就是把所有元素拿来改成咱们昨天写的那个样子吗?相信这是个不小的工作量,那么我们就干脆换成Html标签的 样子好了:

Code

      运行一下也没什么问题,但是这么写有一个缺陷,万一哪天Routing规则变了,你这里还要改Action,为了一劳永逸,我们就干脆这么写:

Code

      这样写的好处是,对于Routing的修改没有影响,然后不影响美工的开发,自己也不用多干好多事儿了。那么如果你一定要用昨天写的方式来做,可能会设计到元素样式的问题,我们大概写一下:

1<%=Html.TextBox("txtName","请输入用户名",new{style="border-width:1px;border-style:solid"})%>

      这样就写成了一个细边框样式的文本框,如果要用类选择器来写,可以这样:

1<%=Html.TextBox("txtName","请输入用户名",new{@class="mystyle"})%>

      今天就改到这里吧~谢谢大家捧场:)

代码在这里

赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏