Estoy usando twitter bootstrap paquete en mi aplicación para mi diseño de la aplicación.
Yo sobre todo el uso _BootstrapLayout.basic.cshtml como mi diseño predeterminado.

@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>&copy; Sorama @System.DateTime.Now.ToString("yyyy")</p>
</footer> 
</div>
@Scripts.Render("~/js")
@RenderSection("Scripts", required: false)
</body>
</html>

esto me da una página con la barra de navegación
MVC Mostrar el nombre del usuario que ha iniciado sesión en la barra de navegación

¿Cómo puedo mostrar el mensaje de Bienvenida para el Usuario que ha iniciado sesión en la esquina derecha de la barra de navegación? Algo así como la Bienvenida a ABC! y algunas de registro de opción en la cara?
Lo único que sé es que puedo obtener el nombre de usuario actual de User.Identity.Name pero no sé cómo hacer que aparezca en la barra de menú.
No he podido encontrar algo que me pudiera ayudar lo que he pensado que puede ser que podría conseguir aquí.

Editar: Después de @User.Identity.Name ser agregado a la vista
He añadido arriba mencionado código después de <ul> etiqueta con @html.navigation
y esto es lo que me sale
MVC Mostrar el nombre del usuario que ha iniciado sesión en la barra de navegación

Tengo la Bienvenida Demo en la barra de menú(junto a perfil, difícil de ver), pero no es nada como yo esperaba.
Podría ser algo hecho en DefaultRouteConfig proporcionada por 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())
;
}
}
  • ¿Qué has intentado hasta ahora? Usted es más probable obtener una respuesta a una pregunta específica, en lugar de pedir «muéstrame cómo hacer X».
  • Sé que puedo obtener el nombre de usuario actual de User.Identity.Name pero no sé cómo se mostrará en la barra de menú en el lado derecho. Mi mente está en blanco estado para esta aplicación.
  • Cuánto conocimiento de twitter bootstrap tiene usted? Tener una mirada en el interior de la @Html.Navegación de afeitar de extensión.
  • umm no mucho en realidad.
  • ¿Qué paquete de arranque hizo instalar? Hay algunos que ofrecen maquinilla de Afeitar de ayudantes y tal, pero ninguno de ellos debe haber hecho nada con las rutas.
  • su llamado Twitter Bootstrap for Asp.Net MVC4 sample es la versión extendida de Bootstrap for MVC 4 que funciona en vacío de la aplicación y agrega un poco de frío y controlador de ExampleLayoutRouteConfig como lo he mencionado en mi pregunta

InformationsquelleAutor Cybercop | 2013-06-20

1 Comentario

  1. 6

    Después de que el elemento div que contiene el nav, sólo tiene que añadir otro elemento div y poner el nombre de usuario en allí.

    Algo como:

    <div>@User.Identity.Name</div>

    ul etiqueta es de estilo para el Bootstrap de navegación para la creación de un

    <li> <a href="#"> @User.Identity.Name</a></li> 

    debe parecer bien, y usted puede utilizar el enlace de acción para la gestión de usuario en lugar de #

    • He hecho lo que he mencionado. He publicado el resultado en forma de editar. Funciona, pero no como se esperaba. Se ve divertido ahora mismo 🙂
    • Usted necesitará agregar los estilos para hacer que se vea como quiera. Cómo bien sabes bootstrap CSS, etc… Que podría ser digno de mirar para algunos ejemplos de bootstrap. Como no sabemos exactamente lo que usted está tratando de lograr su duro estilo de respuesta a las preguntas. Tal vez agregar una captura de pantalla de lo que está recibiendo y lo que desea lograr.

Dejar respuesta

Please enter your comment!
Please enter your name here