ABP框架中導(dǎo)航菜單的使用及JavaScript API獲取菜單的方法

 public class SimpleTaskSystemNavigationProvider : NavigationProvider
{
  public override void SetNavigation(INavigationProviderContext context)
  {
    context.Manager.MainMenu
      .AddItem(
        new MenuItemDefinition(
          "Tasks",
          new LocalizableString("Tasks", "SimpleTaskSystem"),
          url: "/Tasks",
          icon: "fa fa-tasks"
          )
      ).AddItem(
        new MenuItemDefinition(
          "Reports",
          new LocalizableString("Reports", "SimpleTaskSystem"),
          url: "/Reports",
          icon: "fa fa-bar-chart"
          )
      ).AddItem(
        new MenuItemDefinition(
          "Administration",
          new LocalizableString("Administration", "SimpleTaskSystem"),
          icon: "fa fa-cogs"
          ).AddItem(
            new MenuItemDefinition(
              "UserManagement",
              new LocalizableString("UserManagement", "SimpleTaskSystem"),
              url: "/Administration/Users",
              icon: "fa fa-users",
              requiredPermissionName: "SimpleTaskSystem.Permissions.UserManagement"
              )
          ).AddItem(
            new MenuItemDefinition(
              "RoleManagement",
              new LocalizableString("RoleManagement", "SimpleTaskSystem"),
              url: "/Administration/Roles",
              icon: "fa fa-star",
              requiredPermissionName: "SimpleTaskSystem.Permissions.RoleManagement"
              )
          )
      );
  }
}

//構(gòu)建要傳輸?shù)膮?shù)對象
var newPerson = {
  name: 'Dougles Adams',
  age: 42
};
//調(diào)用abp的ajax方法
abp.ajax({
  url: '/People/SavePerson',
  data: JSON.stringify(newPerson) //轉(zhuǎn)換成json字符串
}).done(function(data) {
abp.notify.success('created new person with id = ' + data.personId);
});

.done() //成功,
.fail() //失敗，
.then() //回調(diào)嵌套。

public class PeopleController : AbpController
{
  [HttpPost]
  public JsonResult SavePerson(SavePersonModel person)
  {
    //TODO: save new person to database and return new person's id
//TODO: 創(chuàng)建一個新的person記錄并返回此記錄的id
    return Json(new {PersonId = 42});
  }
}

{
 "success": true, //正確處理標(biāo)志
 "result": {
  "personId": 42 //返回的數(shù)據(jù)
 },
 "error": null, //如果發(fā)生錯誤，result為null，此處為錯誤信息的對象，包含message和details兩個屬性
 "targetUrl": null, //可以提供一個url供客戶端重定向，例如自動構(gòu)建下一頁的url
 "unAuthorizedRequest": false //是否通過了授權(quán)，如果返回true，客戶端應(yīng)重新登錄
}

{
 "targetUrl": null,
 "result": null,
 "success": false, //代表出現(xiàn)異常
 "error": {
  "message": "An internal error occured during your request!", //未捕捉到的異常，通常為系統(tǒng)異常，會自動記錄日志，具體提示信息在配置文件配置，可以搜索一下，如果是業(yè)務(wù)拋出的UserFriendlyException異常，message為具體的錯誤信息
  "details": "..." //發(fā)生異常時默認(rèn)會調(diào)用abp.message.error函數(shù)，你可以在abp.jquery.js修改，統(tǒng)一處理錯誤信息。
 },
 "unAuthorizedRequest": false
}

//通常我們使用ajax會按照如下寫法，做一個簡單的封裝來重用ajax，此處框架可以幫你生成簡單的調(diào)用方法
var savePerson = function(person) {
  return abp.ajax({
    url: '/People/SavePerson',
    data: JSON.stringify(person)
  });
};
//調(diào)用時你需要構(gòu)建參數(shù)
var newPerson = {
  name: 'Dougles Adams',
  age: 42
};
//直接調(diào)用方法，如何生成上面的調(diào)用方法可以參考源碼中的Abp.Web.Api項目中/ WebApi/ Controllers/ Scripting/ jQuery下的實現(xiàn)
savePerson(newPerson).done(function(data) {
  abp.notify.success('created new person with id = ' + data.personId);
});