MVC Affichant le nom de l'utilisateur connecté dans la barre de navigation
Je suis en utilisant twitter bootstrap paquet dans ma demande pour mon application de mise en page.
J'utilise principalement la _BootstrapLayout.de base.cshtml que ma mise en page par défaut.
@using System.Web.Optimization
@using BootstrapSupport
@using NavigationRoutes
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>@ViewBag.Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="@Styles.Url("~/content/css")" rel="stylesheet"/>
@RenderSection("head", required: false)
@RenderSection("jtable", required:false)
@Html.Partial("_html5shiv")
@* favicons and touch icons go here *@
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#" title="change in _bootstrapLayout.basic.cshtml">Sorama</a>
<div class="nav-collapse collapse">
<ul class="nav">
@Html.Navigation()
</ul>
</div>
</div>
</div>
</div>
<div class="container">
@Html.Partial("_alerts")
@Html.Partial("_validationSummary")
@RenderBody()
<hr>
<footer>
<p>© Sorama @System.DateTime.Now.ToString("yyyy")</p>
</footer>
</div>
@Scripts.Render("~/js")
@RenderSection("Scripts", required: false)
</body>
</html>
cela me donne une page avec la barre de navigation
Comment puis-je afficher le message de Bienvenue à l'Utilisateur connecté sur le coin droit de la barre de navigation? Quelque chose comme Bienvenue ABC! et certains l'option déconnecter sur le côté?
La seule chose que je sais c'est que je peut obtenir le nom de l'utilisateur actuel de User.Identity.Name
mais je ne sais pas comment faire pour le faire apparaître sur la barre de menu.
Je ne pouvais pas trouver quelque chose qui pourrait m'aider alors j'ai pensé que peut-être je pourrais l'obtenir ici.
Modifier: Après @User.Identity.Name
a été ajouté en vue
J'ai ajouté le code mentionné ci-dessus après <ul>
tag avec @html.navigation
et c'est ce que j'obtiens
- Je obtenir de l'Accueil de Démonstration sur la barre de menu(à côté de profil, difficile à voir), mais il n'en est rien, comme je l'ai prévu.
Pourrait-on faire quelque chose dans DefaultRouteConfig
fournis par Bootstrap?
public class LayoutsRouteConfig
{
public static void RegisterRoutes(RouteCollection routes)
{
routes.MapNavigationRoute<ModuleController>("Module", c => c.Index());
routes.MapNavigationRoute<AccountController>("Hardware", c => c.Login());
routes.MapNavigationRoute<LayoutsController>("Profile", c => c.Starter())
.AddChildRoute<LayoutsController>("Change Password", c => c.Marketing())
.AddChildRoute<AccountController>("Add User", c => c.Register())
.AddChildRoute<LayoutsController>("Logout", c => c.SignIn())
;
}
}
Je sais que je peux obtenir le nom de l'utilisateur actuel de
User.Identity.Name
mais je ne sais pas comment faire pour l'afficher dans la barre de menu sur le côté droit. Mon esprit est dans le vide de l'état pour cette mise en œuvre.Comment beaucoup de connaissances de twitter bootstrap avez-vous? Jetez un oeil à l'intérieur de l' @Html.La Navigation de rasoir extension.
umm pas beaucoup vraiment.
Ce paquet Bootstrap avez-vous l'installer? Il ya certains qui offrent Rasoir d'aides et de tel, mais aucun d'entre eux doit faire n'importe quoi avec les itinéraires.
OriginalL'auteur Cybercop | 2013-06-20
Vous devez vous connecter pour publier un commentaire.
Après l'élément div qui contient la valeur liquidative, il suffit d'ajouter un autre élément div et mettre le nom d'utilisateur.
Quelque chose comme:
ul
balise est de style pour Bootstrap de navigation afin de créer undevrait ressembler ok et vous pouvez utiliser le lien d'action pour la gestion des utilisateurs au lieu de
#
Vous aurez besoin d'ajouter des styles à elle pour le faire paraître comme vous le souhaitez. Comment bien savez-vous bootstrap, CSS etc... Il pourrait être intéressant de regarder pour certains bootstrap exemples. Comme nous ne savons pas exactement ce que vous essayez d'atteindre ses dur de répondre à des questions de style. Peut-être ajouter une capture d'écran de ce que vous obtenez et ce que vous voulez atteindre.
OriginalL'auteur Richard Seal