为MVC应用程序创建导航条

今晚写点什么呢？
对于以前的练习，看来看去，好象还差一个菜单导航条。在练习的站点中，有创建了三个控制器，我们就用它们来创建一个导航条吧。想实现这导航条，刚开始还是有点难，还是想起以前ASP.NET的Menu控件，现在MVC已经没有那控件了。因此还是使用div+ ul + li来实现，不过还得写css style才能看到其效果。

在应用程序下的Content目录下创建一个样式MenuNavigationBar.css：

然后，打开Views/Shared/_Layout.cshtml添加菜单导航条：

添加与修改高亮部分代码。
OK了，看看实时操作效果：

看完上面实现的过程与最后的实时操作演示，超简单的菜单导航条，还是很容易与简单的。

为MVC应用程序创建导航条

时间： 2024-10-06 05:58:09

为MVC应用程序创建导航条的相关文章

[渣译文] 使用 MVC 5 的 EF6 Code First 入门系列：为ASP.NET MVC应用程序创建更复杂的数据模型

这是微软官方教程Getting Started with Entity Framework 6 Code First using MVC 5 系列的翻译,这里是第六篇:为ASP.NET MVC应用程序创建更复杂的数据模型原文:Creating a More Complex Data Model for an ASP.NET MVC Application 译文版权所有,谢绝全文转载--但您可以在您的网站上添加到该教程的链接. 在之前的教程中您已经创建了由三个实体组成的简单的数据模型.在本教程中

第6章对列表应用样式和创建导航条

1 垂直列表 1 <style type="text/css"> 2 ul.nav { 3 margin: 0; 4 padding: 0; 5 width: 8em; 6 list-style-type: none; 7 background-color: #8BD400; 8 border: 1px solid #486B02; 9 } 10 11 ul.nav a {display: block; 12 color: #2B3f00; 13 text-decorati

Contoso 大学 - 1 - 为 ASP.NET MVC 应用程序创建 EF 数据模型

原文地址:Creating an Entity Framework Data Model for an ASP.NET MVC Application (1 of 10) Contoso 大学 Web 示例应用演示了如何使用 EF 技术创建 ASP.NET MVC 应用.示例中的 Contoso 大学是虚构的.应用包括了类似学生注册.课程创建以及教师分配等功能. 这个系列教程展示了创建 Contoso 大学应用的步骤.你可以下载完整的程序,或者按照教程一步一步创建它,这个教程中使用 C# 进

初入码田--ASP.NET MVC4 Web应用之创建一个空白的MVC应用程序

初入码田--ASP.NET MVC4 Web应用开发之一实现简单的登录初入码田--ASP.NET MVC4 Web应用开发之二实现简单的增删改查 2016-07-29 再次之前,需要一台电脑(-￣▽￣)-,以及Visual Studio 2013或者更高版本,SQL Sever数据库(暂时不用) 新建项目下面会出现选择模板选项(我们选择的是MVC模板) 其中,在创建MVC模板时会有身份验证选项.可选择添加的文件夹和核心引用(Web Form和Web API)以及单元测试选项身份验证分

创建ASP.NET Core MVC应用程序(3)-基于Entity Framework Core(Code First)创建MySQL数据库表

创建ASP.NET Core MVC应用程序(3)-基于Entity Framework Core(Code First)创建MySQL数据库表创建数据模型类(POCO类) 在Models文件夹下添加一个User类: namespace MyFirstApp.Models { public class User { public int ID { get; set; } public string Name { get; set; } public string Email { get; se

【细解】如何基于bootstrap创建一个响应式的导航条

本地下载最终实现效果如下: 首先你得引入bootstrap与jquery 推荐一个CDN:http://cdn.gbtags.com/index.html 然后就是开始编写HTML代码.如果你不想更改显示效果的话实际上CSS都免去写了2333 因为HTML代码比较多这里分为三个部分然后最后再上一份整体HTML代码首先如上图所示的,实现这个效果需要了解bootstrap的以下几个组件导航条按钮表单下拉菜单实际上以上几个组件的样式有很多.我们只需要了解一部分即可如需了解更多的请转

创建第一个MVC应用程序

整个国庆期假,Insus.NET没有出门,在家静心修炼MVC.这意味着Insus.NET将来的日子里会以MVC为学习,开发,应用作为重点,不过现在才开始踏出第一步...... 路慢慢...... 下载了并安装Visual Studio Ultimate 2013 RC 和 MS SQL Server 2014.使用最新版本,可以了解和学习到最新技术. 去微软官方网站,学习MVC相关的教程:http://www.asp.net/mvc 去听微软官方网站推荐的MVC视频,虽然是英语授课,看操作即可.

android开发（1）：底部导航条的实现 | navigation tab | activity的创建

底部导航条,在iOS中叫tabbar,在android中叫bottombar或bottom navigation,是一个常用的切换页面的导航条. 同样,如果有良好的第三方库,我们应该优先考虑,能用好别人的东西,已经很厉害. github上的roughike/BottomBar,曾经是热度较高的库,但是已经过时了,没有再维护,加到项目也会遇到编译的问题,所以这里不使用,这里使用的是PagerBottomTabStrip,地址是:https://github.com/tyzlmjj/PagerBot

MVC系列-10.用户验证-导航条改造

1.实现Form认证打开 Web.config文件,在System.Web部分,找到Authentication的子标签.如果不存在此标签,就在文件中添加Authentication标签. 设置Authentication的Mode为Forms,loginUrl设置为”Login”方法的URL <authentication mode="Forms"> <forms loginUrl="~/Account/Login"></forms