Question

我正在创建一个网站，其中有不同的用户（管理员，普通用户，学生，秘书等）每个用户都有一个独特的内容可供查看。我想做的是使用navbar boostrap并创建一个下拉按钮来加载每个用户可以使用的页面。

例如

秘书模块

导航栏：

主页|联系|菜单|

             - Secretary Things
             - Forms
             - Etc

管理模块

导航栏：

主页|联系|菜单|

             - Things Admin
             - Add User
             - Delete Things
             - Etc

可以在asp.net c＃中完成吗？或jquery或javascript？

问候！

Answer 1

是的，可以使用jQuery完成，或者如果你使用像ember.js这样的MVC，你可以使用{{#if}}帮助器。对于js，只需检查应用程序状态。（虽然最好只使用像ember这样的mvc，如果你的用户太狡猾，他们可以用简单的js为自己生成菜单）

var studentMenu = "<button></button>MORE HTML";
var adminMenu = "<button></button>MORE HTML";

if(loginState === "admin") { //check a login state from a server or something. I would not store the loginState as a global variable.
    $(".navbar-menu").html(adminMenu);
} else if() { //more loginStates

Answer 2

它可以在C＃，jquery中完成，甚至可以在普通的javascript中完成。

在C＃中，您可以检查用户类型，只添加可用的菜单选项。

在jQuery或javascript中，您可以向请求添加用户类型，如：

<script type="text/javascript">
    var UserType: '<%=UserType%>'
</script>

通过jquery / javascript，您可以像这样操作菜单选项。

<ul id="menu">
   <li class="opt-admin">Visible to Admin</li>
   <li class="opt-secretary">Visible to Secretary</li>
</ul>

<script type="text/javascript">
    $('#menu li').hide();
   $('#menu .opt-' + UserType).show();
</script>

取决于您要使用哪种方法。有很多方法可以做到这一点。基本上所有3个都可以做你想做的事。

每个用户的动态下拉引导程序

2 个答案: