首页 > 代码库 > AbpZero--3.菜单配置

AbpZero--3.菜单配置

技术分享

配置一个如上图所示的菜单
 

1.打开文件MpaNavigationProvider.cs

【..\MyCompanyName.AbpZeroTemplate.Web\Areas\Mpa\Startup\MpaNavigationProvider.cs】
添加如下代码(如下图所示)
.AddItem(new MenuItemDefinition(  PageNames.App.Tenant.Test,//一个常量,控制菜单是否被选中  L("Test"),//菜单显示名称,在语言文件中配置  url: "Mpa/Test",//菜单路径  icon: "icon-globe",//菜单图标))

 技术分享

 

2.打开文件PageNames.cs

【..\MyCompanyName.AbpZeroTemplate.Web\App_Start\Navigation\PageNames.cs】
在代码中添加一个常量
public static class Tenant{    public const string Dashboard = "Dashboard.Tenant";    public const string Settings = "Administration.Settings.Tenant";    public const string Test = "Test";//这里是添加的常量}

 

3.打开语言文件AbpZeroTemplate-zh-CN.xml

【..\MyCompanyName.AbpZeroTemplate.Core\Localization\AbpZeroTemplate\AbpZeroTemplate-zh-CN.xml】
在最后添加一个键值对
<text name="Test" value="测试" />

 

保存生成,刷新页面即可显示,现在点击菜单会报404错误,这是因为我们还没有添加对应的控制器
在【..\MyCompanyName.AbpZeroTemplate.Web\Areas\Mpa\Controllers】下添加一个Test控制器,并创建Index视图
 

4.Index视图修改

此时Index视图中的代码改成这样
@using MyCompanyName.AbpZeroTemplate.Web.Navigation@{    ViewBag.CurrentPageName = PageNames.App.Tenant.Test;//上面所定义就是这个常量,作用就是选中菜单时会高亮}<h2>测试页面</h2>

 

5.生成项目

最后生成项目,刷新页面。此时不管以哪个用户登录都会显示此菜单,而实际项目中一般都会让不同角色的用户看到不同的菜单,这时就需要给菜单添加权限,只有拥有此权限的用户才显示菜单,请查看后续文章

AbpZero--3.菜单配置