代码改变世界

Asp.NET MVC Widget开发 - 设计

2011-03-02 11:37  Creative dream  阅读(3599)  评论(2编辑  收藏  举报

在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),并返回

设计就到这里。