在Asp.NET开发博客类系统，我们经常都会用到Widget，像在线好友、最近访问好友、最新留言等，关于Asp.NET MVC与Asp.NET视图的差异，这里不再说了，大家可去查一下，接下来我以“我的好友”列表来要介绍在Asp.NET MVC实现这一功能以及结构设计。

• 开发工具：VS 2010 EN
• 开发语言：Visual C#
• ASP.NET MVC 3

1. Asp.NET MVC Widget - 设计
2. Asp.NET MVC Widget - Controller控制器
3. Asp.NET MVC Widget - ViewEngine
4. Asp.NET MVC Widget - Mobile支持
5. Asp.NET MVC Widget - Html.Widget扩展方法

首先，创建Asp.NET MVC 3 Web程序，这里命名为 "Widgets"

结构设计

接下来创建"Widgets"目录结构，如下图：

/widgets             　　　　　　　　　　　　　 存放"Widgets"功能，所有文件

/widgets/WidgetController.cs                      响应所有Widget访问请求

/widgets/Web.config　　　　　　　　　　　　此文件从Views中复制，以实现视图引擎

/widgets/Friends　　　　                            此目录存放Friends Widget设计文件

/widgets/Friends/Widget.cshtml　　　　　　 为Friends Widget显示页面

/widgets/_Layout.cshtml　　　　　　　　　　为Widgets的母版页

流程设计

Widgets符合Asp.NET MVC http请求响应模式

所有请求和响应对应WidgetController.cs中一个Action，由Action调用指定Widget的视图，简单以图示。

例：请求Friends Widget，由Widget Controller寻找指定的视图(widgets/Friends/Widget.cshtml)，并返回

设计就到这里。