轻松学MVC4.0–2 创建用户列表页面

原文 http://www.cnblogs.com/ybst/archive/2012/10/31/2747764.html

上回 创建的项目,

1、打开 Controllers\AccountController.cs

2、加入新方法Index:
轻松学MVC4.0–2 创建用户列表页面

3、在方法名称上点击右键,选择添加视图
轻松学MVC4.0–2 创建用户列表页面

确保选择了图上红色箭头指向的东西,确定之后会在 Views/Account文件夹下生成一个视图:Index.cshtml。

Index.cshtml文件中已经生成了一些代码,为了该页面通用性(扩展性)好些,我们针对它定义一个自己的Model类:UserQueryModel.

4、定义Model类。

打开Models\AccountModels.cs, 在using部分加入:
轻松学MVC4.0–2 创建用户列表页面

后面加入Model类:
轻松学MVC4.0–2 创建用户列表页面

可以看到里面有对EntityFramework的调用,而且是基于新的CodeFirst的,这也是VS的项目模板里集成好的东西。现在Build一下项目文件,以确保代码无误,并且Razor引擎可以正确识别新的Model类。
5、改造一下 Account\Index.cshtml 视图里的代码:

轻松学MVC4.0–2 创建用户列表页面

 

轻松学MVC4.0–2 创建用户列表页面

轻松学MVC4.0–2 创建用户列表页面

6、运行程序,在地址栏里输入 【website】/Account 。如果没登录会要求登录(如果还没有注册用户,则可自行注册一个新的用户),登录后会出现一个错误页面,因为页面的Model对象为null。

在AccountController类里Index的Action中(即Index()方法中),返回视图时传入一个初始过的UserQueryModel对象即可。
轻松学MVC4.0–2 创建用户列表页面

7、现在的效果:

轻松学MVC4.0–2 创建用户列表页面

 

至此一个显示所有用户列表的功能制作完成。 本篇尚未触及Membership的核心,权作MVC的一个简单示例,同时后面会边丰富相关功能边融入Membership的知识。  文中查询数据实际发生在View页面中,与常用的模型填充数据的时机一般是在Controller中。这里只是一种尝试。

为了保持每篇尽可能简洁,这篇就到这里了。

 

 

上一篇:ulimit调优|设置普通用户的ulimit值


下一篇:Photoshop打造一块逼真的电子芯片教程