asp mvc .net6 上 左 下 结构 左上菜单

最新推荐文章于 2024-04-25 11:19:22 发布
最新推荐文章于 2024-04-25 11:19:22 发布
阅读量143 收藏
点赞数 2
文章标签： mvc .net
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_61642614/article/details/137336172
版权
本文介绍了使用Bootstrap框架构建的一个网站，包括头部导航栏、左侧菜单栏和主内容区域的设计，展示了如何使用HTML、CSS和ASP.NET实现动态内容的呈现和菜单的下拉功能。
摘要由CSDN通过智能技术生成 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"] - JJE</title>
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
    <link rel="stylesheet" href="~/WebApp.styles.css" asp-append-version="true" />
</head>
<body>
    <header>
        <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
            <div class="container-fluid">
                <a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">JJE</a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" aria-controls="navbarSupportedContent"
                        aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
                    <ul class="navbar-nav flex-grow-1">
                        <li class="nav-item">
                            <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Index">主页</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="DownloadFile">内容下载</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Privacy">版权声明</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>
    <div class="container-fluid">
        <div class="row">
          
            <!-- 左侧菜单栏 -->
            <nav class="col-md-2 d-md-block bg-light sidebar">
                <div class="list-group">
@*                  <a href="#" class="list-group-item list-group-item-action">A simple default list group item</a>
                    <a href="#" class="list-group-item list-group-item-action list-group-item-primary">A simple primary list group item</a>
                    <a href="#" class="list-group-item list-group-item-action list-group-item-secondary">A simple secondary list group item</a>
                    <a href="#" class="list-group-item list-group-item-action list-group-item-success">A simple success list group item</a>
                    <a href="#" class="list-group-item list-group-item-action list-group-item-danger">A simple danger list group item</a>
                    <a href="#" class="list-group-item list-group-item-action list-group-item-warning">A simple warning list group item</a>
                    <a href="#" class="list-group-item list-group-item-action list-group-item-info">A simple info list group item</a>
                    <a href="#" class="list-group-item list-group-item-action list-group-item-dark">A simple dark list group item</a> *@


                    <a  class="list-group-item list-group-item-action list-group-item-light" asp-area="" asp-controller="Home" asp-action="DownloadFile">内容下载</a>
                    <a class="list-group-item list-group-item-action list-group-item-light" asp-area="" asp-controller="Home" asp-action="DownloadFile">内容下载</a>
                    <a class="list-group-item list-group-item-action list-group-item-light" asp-area="" asp-controller="Home" asp-action="DownloadFile">内容下载</a>
                    <a class="list-group-item list-group-item-action list-group-item-light" asp-area="" asp-controller="Home" asp-action="DownloadFile">内容下载</a>
                    <a class="list-group-item list-group-item-action list-group-item-light" asp-area="" asp-controller="Home" asp-action="DownloadFile">内容下载</a>
                    <a class="list-group-item list-group-item-action list-group-item-light" asp-area="" asp-controller="Home" asp-action="DownloadFile">内容下载</a>

                    <button class="dropdown list-group-item list-group-item-action list-group-item-light" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                       button
                    </button>
                    <ul class="dropdown-menu">
                        <li><a class="dropdown-item" href="#">Action</a></li>
                        <li><a class="dropdown-item" href="#">Another action</a></li>
                        <li><a class="dropdown-item" href="#">Something else here</a></li>
                    </ul>

                    <button class="dropdown list-group-item list-group-item-action list-group-item-light" type="button" data-bs-toggle="dropdown" aria-expanded="false">
                        Dropdown
                    </button>
                    <ul class="dropdown-menu">
                        <li><a class="dropdown-item" href="#">Action1</a></li>
                        <li><a class="dropdown-item" href="#">Another action1</a></li>
                        <li><a class="dropdown-item" href="#">Something else here1</a></li>
                    </ul>


                </div>
            </nav>



            <!-- 主内容区域 -->
            <main role="main" class="col-md-10 ml-sm-auto col-lg-10 px-md-4">
                <div class="container">
                    @RenderBody()
                </div>
            </main>
        </div>
    </div>

    <footer class="border-top footer text-muted">
        <div class="container">
            &copy; 2024 - JJE - <a asp-area="" asp-controller="Home" asp-action="Privacy">版权声明</a>
        </div>
    </footer>
    <script src="~/lib/jquery/dist/jquery.min.js"></script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <script src="~/js/site.js" asp-append-version="true"></script>
    @await RenderSectionAsync("Scripts", required: false)
</body>
</html>

青峰键侠
关注
Web-拾贝
oscar999的专栏
03-10 1万+
JavaScript MVC框架PK：Angular、Backbone、CanJS与Emberhttp://www.csdn.net/article/2013-04-25/2815032-A-Comparison-of-Angular-Backbone-CanJS-and-Ember一个好的js method 方法查询的网站， 有browser兼容的介绍http://help.dottoro.co...
razor页面跳转_如何在Blazor中使用Razor页面创建单页应用程序
cumi6497的博客
07-23 2883
razor页面跳转In this article, we are going to create a Single Page Application (SPA) using Razor pages in Blazor, with the help of the Entity Framework Core database first approach. 在本文中，我们将借助Entity Frame...
asp.net mvc项目导航页
11-22
asp.net mvc 项目 首页的布局 导航菜单的实现 一级二级导航菜单，还有jquery控件datatables的使用
ASP.NET CORE MVC动态生成左侧菜单栏
mwcxz的博客
11-17 2047
因为自己的一个小项目中需要动态的去构建任务栏，上网查询得到了以下的处理方式：
ASP。NET MVC用户角色基础菜单管理使用WEB API和AngularJS
DiyAbc
08-13 325
下载shanuMVCUserRolesV1.0.zip - 2.4 MB 介绍 在开始这篇文章之前，请浏览我的前一篇文章。NET MVC 5的安全性和用户角色的创建。详细说明了asp.net MVC 5的安全性和用户角色的创建。NET标识和创建用户角色 在本文中，我们将看到如何使用ASP创建和管理基于用户角色的菜单。NET MVC, WEB API和AngularJS。 在这里我们将看到如何， 通过管理员管理菜单(只有管理员用户可以查看所有/创建/删除和编辑菜单)。创建菜单,用户角色(管理员可以创建菜单,
ASP.NET MVC动态生成网站菜单及子菜单
weixin_33716941的博客
04-21 628
在开发ASP.NET MVC网站时，Insus.NET想实现动态产生网站的主菜单及子菜单。 你需要在网站管理后台管理此2张表(Menu,SubMenu)的信息，添加，删除，编辑，更新等。   Sequence字段是序号。主菜单按此序号排序。IsMenu字段，添加上来的，不一定是菜单字段。下面Insus.NET有此表添加的内容如下: 以上上主菜单，下面再来看来看看子菜单，结构与数据： 在子...
Visual Studio新建Asp.NET MVC框架项目
weixin_44543312的博客
06-17 918
开发工具与关键技术：VS C# 作者： 梁茵茵 撰写时间：2019年6月17日 每次请求都是先定位控制器，然后再根据路由规则找到对应的方法，但是在路由表里，我们只写了Home，但是MVC框架约定，控制器都是以Controller结尾，并继承了基类Controller，在这里Index方法返回值类型是ActionResult，方法名和路由注册的方法一致，在Index方法内，调用了View方法并且...
如何使用Google Authenticator在ASP.NET Core中设置两因素身份验证
cumi7754的博客
07-23 1242
介绍 (Introduction) In this article, we are going to learn how to perform two-factor authentication in an ASP.NET Core application using the Google Authenticator app. 在本文中，我们将学习如何使用Google Authenticator...
Linux搭建aspx教程,10分钟学会在Windows/Linux下设置ASP.Net Core开发环境并部署应用
weixin_36424625的博客
05-03 1247
创建和开发ASP.NET Core应用可以有二种方式：最简单的方式是通过Visual Studio 2017 来创建，其优点是简单方便，但需要安装最新版本Visual Studio 2017 preview 15.3 。另一种方式是使用Visual Studio Code来创建，Visual Studio Code 则是一款轻量级的编辑器 ，可在多种操作系统中运行，如果情况允许，笔者更建议使用Vi...
ASP.Net MVC 布局页、模板页使用方法详细介绍
10-19
主要介绍了ASP.Net MVC 布局页、模板页使用方法详细介绍,需要的朋友可以参考下
mvc 框架 模板功能 点击并锁定左侧功能菜单项
ln_qiqi的博客
12-17 599
模板页的设置如下 // 点击并锁定左侧功能菜单项 //每一个子页面都需要添加以下内容 @section AddToExecuteOnLoaded {     var mainmenu="SysUser";     if(mainmenu!="")     {         $('#menu_' + mainmenu).addClass("nav-active");
asp.net core mvc之 布局
Java_c#
11-13 472
布局是把每个页面的公共部分，提取成一个布局页面（头、导航、页脚）。
Asp.net core mvc 6.0+DevExpress+连接SqlServer数据库编写TreeView生成左侧菜单栏【使用Entity Framework Core (EF Core)】
最新发布
weixin_52625246的博客
04-25 1278
2.安装所需的包，因为很小白所以能用的包都安装上了，在未启动项目时右键依赖项，点击管理NuGet程序包进行安装，图片中的包可以按需添加，红色箭头指向的几个是必须添加。由于这里使用的是asp.net 6.0的所以安装微软的包也是安装最高为6.0中的最高版本，例如截至目前为止版本为（6.0.29）。前端小白学习asp.net的一些碎碎念和记录，使用的开发软件是vs2022，框架：asp.net core mvc 6.0，前端控件：DevExpress，数据库：sqlserver 2008 R2。
MVC4做网站后台:栏目管理3、删除栏目与左侧列表菜单
weixin_33675507的博客
12-06 132
一、左侧列表菜单 打开视图Menu.cshtml，增加部分见红框 在category中添加脚本 //栏目菜单加载完毕函数 function CategoryMenu_Ready() { $('#categoryTreeView').tree({ url: $('#categoryTreeView').attr('data-url'), li...
在ASP.NET MVC下实现树形导航菜单
weixin_34179762的博客
01-08 1574
在需要处理很多分类以及导航的时候，树形导航菜单就比较适合。例如在汽车之家上：   页面主要分两部分，左边是导航菜单，右边显示对应的内容。现在，我们就在ASP.NET MVC 4 下临摹一个，如下：   实现的效果包括：1、点击导航菜单上的品牌，左侧显示该品牌下的所有车型。2、点击导航菜单上的车系，左侧显示该车系下的所有车型。3、点击左侧上方的字母导航，锚点跳到导航菜单的对应部分。4、页面加载完...
asp.net mvc简单分页实例
angzhuo9931的博客
08-18 83
@{ ViewBag.Title = "Index"; } @{ int pageIndex = (int)ViewBag.CurrentPage; int pageCount = (int)ViewBag.Pages; } <h2>Index</h2> <table> <tr&gt...
ASP.NET MVC实战：网站开发权限落地系统
08-19
ASP.NET MVC具体用法，在开发过程中的一些常见问题的解决方案，如何把前端JS框架和ASP.NET MVC整合起来，框架分层架构整合MVC，第三方框架IOC基础的集成使用；在ASP.NET MVC开发中，常见的一些功能案例。
ASP.NET MVC搭建项目后台UI框架—3、面板折叠和展开
weixin_33971130的博客
05-17 180
目录 ASP.NET MVC搭建项目后台UI框架—1、后台主框架 ASP.NET MVC搭建项目后台UI框架—2、菜单特效 ASP.NET MVC搭建项目后台UI框架—3、面板折叠和展开 ASP.NET MVC搭建项目后台UI框架—4、tab多页签支持 ASP.NET MVC搭建项目后台UI框架—5、Demo演示Controller和View的交互 ASP.NET MVC搭建项目后...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值