Group: Widgets
FriendlyName: HelloWorld
SystemName: Widgets.HelloWorld
Version: 1.00
SupportedVersions: 1.00
Author: Jayson
DisplayOrder: 1
FileName: Plugin.Widgets.HelloWorld.dll
Description: A test program

 public class HelloWorldPlugin : BasePlugin, IWidgetPlugin{public HelloWorldPlugin() { }public void GetConfigurationRoute(out string actionName, out string controllerName, out System.Web.Routing.RouteValueDictionary routeValues){actionName = "Configure";controllerName = "WidgetsHelloWorld";routeValues = new RouteValueDictionary() { { "Namespaces", "Nop.Plugin.Widgets.HelloWorld.Controllers" }, { "area", null } };}public void GetDisplayWidgetRoute(string widgetZone, out string actionName, out string controllerName, out System.Web.Routing.RouteValueDictionary routeValues){actionName = "PublicInfo";controllerName = "WidgetsHelloWorld";routeValues = new RouteValueDictionary(){{"Namespaces", "Nop.Plugin.Widgets.HelloWorld.Controllers"},{"area", null},{"widgetZone", widgetZone}};}public IList<string> GetWidgetZones(){return new List<string>() { "home_page_helloworld" };}/// <summary>/// 安装插件/// </summary>public override void Install(){base.Install();}/// <summary>/// Uninstall plugin/// </summary>public override void Uninstall(){base.Uninstall();}}6：添加控制器、模型以及视图，文件结构如下：。Controller负责响应一个ASP.NET MVC网站提出的请求,代码如下：

  public WidgetsHelloWorldController() { }[ChildActionOnly]public ActionResult Configure(){return View("~/Plugins/Widgets.HelloWorld/Views/WidgetsHelloWorld/Configure.cshtml");}[HttpPost][ChildActionOnly]public ActionResult Configure(ConfigurationModel model){return Configure();}[ChildActionOnly]public ActionResult PublicInfo(string widgetZone, object additionalData = null){return View("~/Plugins/Widgets.HelloWorld/Views/WidgetsHelloWorld/PublicInfo.cshtml", null);}

当请求控制器时，会跳转到对应指定的视图。该程序中，视图文件只是做简单的演示，并不复杂，“PublicInfo”视图文件如下：

@model Nop.Plugin.Widgets.HelloWorld.Models.PublicInfoModel
@{Layout = "";
}
@using System<div class="con" style="font-weight:bold; color:red;"><ul><li>HelloWorld Nopcommerce</li><li>HelloWorld Nopcommerce</li><li>HelloWorld Nopcommerce</li><li>HelloWorld Nopcommerce</li><li>HelloWorld Nopcommerce</li><li>HelloWorld Nopcommerce</li></ul>
</div>

注意：需要保持视图文件实时更新。右键“Views”文件夹中的视图文件，选择“较新时复制”这样，一个简单的挂件类型的插件就开发完成了。在前台调用，添加“ @Html.Widget("home_page_helloworld")”，注意“home_page_helloworld”需要和上文“HelloWorldPlugin ”中“GetWidgetZones”返回值一致，否则找不到挂件的

显示效果图如下：