显示侧边栏菜单基于角色的项目

Question

我试图找到一种方法来执行此操作，该方法不需要一遍又一遍地复制整个代码，因为我需要处理很多角色。我当时在考虑使用登录视图，但我看到它不是很灵活并且性能也不佳。是否有任何工具可以让我在Web表单中做我想做的事情，并让我保持自定义布局？

这是我的菜单

<!-- Sidebar Menu -->
<nav class="mt-2">
    <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
        <li class="nav-header text-center pb-1"><strong>Menu de Navegação</strong></li>
        <li class="nav-item has-treeview">
            <a href="#" class="nav-link">
                <i class="fas fa-clipboard-list"></i>
                <p>
                    Artigos
                    <i class="right fas fa-angle-left"></i>
                </p>
            </a>
            <ul class="nav nav-treeview">
                <li class="nav-item"> <!-- Admin -->
                    <a href="/Account/Users/NovoArtigo.aspx" class="nav-link animsition-link">
                        <i class="fas fa-circle-o nav-icon"></i>
                        <p>Novo Artigo</p>
                    </a>
                </li>
                <li class="nav-item"> <!-- User -->
                    <a href="/Account/Users/ListarArtigos.aspx" class="nav-link animsition-link">
                        <i class="fas fa-circle-o nav-icon"></i>
                        <p>Listar Artigos</p>
                    </a>
                </li>
           </ul>
       </li>
   </ul>