ABP框架中导航菜单及JavaScript API的使用 ABP框架中导航菜单的使用及JavaScript API获取菜单的方法

想了解ABP框架中导航菜单的使用及JavaScript API获取菜单的方法的相关内容吗，阳光铭睿在本文为您仔细讲解ABP框架中导航菜单及JavaScript API的使用的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：ABP,菜单,JavaScript，下面大家一起来学习吧。

 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"
              )
          )
      );
  }
}

//构建要传输的参数对象
var newPerson = {
  name: 'Dougles Adams',
  age: 42
};
//调用abp的ajax方法
abp.ajax({
  url: '/People/SavePerson',
  data: JSON.stringify(newPerson) //转换成json字符串
}).done(function(data) {
abp.notify.success('created new person with id = ' + data.personId);
});

.done() //成功,
.fail() //失败，
.then() //回调嵌套。

public class PeopleController : AbpController
{
  [HttpPost]
  public JsonResult SavePerson(SavePersonModel person)
  {
    //TODO: save new person to database and return new person's id
//TODO: 创建一个新的person记录并返回此记录的id
    return Json(new {PersonId = 42});
  }
}

{
 "success": true, //正确处理标志
 "result": {
  "personId": 42 //返回的数据
 },
 "error": null, //如果发生错误，result为null，此处为错误信息的对象，包含message和details两个属性
 "targetUrl": null, //可以提供一个url供客户端重定向，例如自动构建下一页的url
 "unAuthorizedRequest": false //是否通过了授权，如果返回true，客户端应重新登录
}

{
 "targetUrl": null,
 "result": null,
 "success": false, //代表出现异常
 "error": {
  "message": "An internal error occured during your request!", //未捕捉到的异常，通常为系统异常，会自动记录日志，具体提示信息在配置文件配置，可以搜索一下，如果是业务抛出的UserFriendlyException异常，message为具体的错误信息
  "details": "..." //发生异常时默认会调用abp.message.error函数，你可以在abp.jquery.js修改，统一处理错误信息。
 },
 "unAuthorizedRequest": false
}

//通常我们使用ajax会按照如下写法，做一个简单的封装来重用ajax，此处框架可以帮你生成简单的调用方法
var savePerson = function(person) {
  return abp.ajax({
    url: '/People/SavePerson',
    data: JSON.stringify(person)
  });
};
//调用时你需要构建参数
var newPerson = {
  name: 'Dougles Adams',
  age: 42
};
//直接调用方法，如何生成上面的调用方法可以参考源码中的Abp.Web.Api项目中/ WebApi/ Controllers/ Scripting/ jQuery下的实现
savePerson(newPerson).done(function(data) {
  abp.notify.success('created new person with id = ' + data.personId);
});