asp.net mvc 后台首页框架布局

最新推荐文章于 2019-12-05 11:03:59 发布
最新推荐文章于 2019-12-05 11:03:59 发布
阅读量2.4k 收藏
点赞数
分类专栏： MVC

头部：top.cshtml

@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.js")" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#logout").click(function () {
                if (confirm("您确定要退出系统吗？")) {
                    window.parent.location.href = "/Account/LogOff";
                }
            });
        });
        function showsubmenu(sid) {
            var whichEl = eval("submenu" + sid);
            var menuTitle = eval("menuTitle" + sid);
            if (whichEl.style.display == "none") {
                eval("submenu" + sid + ".style.display=\"\";");
            } else {
                eval("submenu" + sid + ".style.display=\"none\";");
            }
        }

        function showsubmenu(sid) {
            var whichEl = eval("submenu" + sid);
            var menuTitle = eval("menuTitle" + sid);
            if (whichEl.style.display == "none") {
                eval("submenu" + sid + ".style.display=\"\";");
            } else {
                eval("submenu" + sid + ".style.display=\"none\";");
            }
        }
    </script>

    <base target="main" />
    <link href="@Url.Content("~/Content/images/skin.css")" rel="stylesheet" type="text/css" />
</head>
<body style="margin-top: 0; margin-left: 0;">
    <table width="100%" height="64" border="0" cellpadding="0" cellspacing="0" class="admin_topbg">
        <tr>
            <td align="right" valign="top">
                <a href="javascript:void(0)" id="logout">
                    <img src="../../Content/images/out.gif" alt="安全退出" width="46" height="20" border="0" />
                </a>
            </td>
        </tr>
    </table>
</body>
</html>
左边菜单：left.cshtml 

@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="@Url.Content("~/Scripts/prototype.lite.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/moo.fx.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/moo.fx.pack.js")" type="text/javascript"></script>
    <style type="text/css">
        body
        {
            font: 12px Arial, Helvetica, sans-serif;
            color: #000;
            background-color: #EEF2FB;
            margin: 0px;
        }
        #container
        {
            width: 182px;
        }
        H1
        {
            font-size: 12px;
            margin: 0px;
            width: 182px;
            cursor: pointer;
            height: 30px;
            line-height: 20px;
        }
        H1 a
        {
            display: block;
            width: 182px;
            color: #000;
            height: 30px;
            text-decoration: none;
            moz-outline-style: none;
            background-image: url(../../Content/images/menu_bgS.gif);
            background-repeat: no-repeat;
            line-height: 30px;
            text-align: center;
            margin: 0px;
            padding: 0px;
        }
        .content
        {
            width: 182px;
            height: 26px;
        }
        .MM ul
        {
            list-style-type: none;
            margin: 0px;
            padding: 0px;
            display: block;
        }
        .MM li
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            line-height: 26px;
            color: #333333;
            list-style-type: none;
            display: block;
            text-decoration: none;
            height: 26px;
            width: 182px;
            padding-left: 0px;
        }
        .MM
        {
            width: 182px;
            margin: 0px;
            padding: 0px;
            left: 0px;
            top: 0px;
            right: 0px;
            bottom: 0px;
            clip: rect(0px,0px,0px,0px);
        }
        .MM a:link
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            line-height: 26px;
            color: #333333;
            background-image: url(../../Content/images/menu_bg1.gif);
            background-repeat: no-repeat;
            height: 26px;
            width: 182px;
            display: block;
            text-align: center;
            margin: 0px;
            padding: 0px;
            overflow: hidden;
            text-decoration: none;
        }
        .MM a:visited
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            line-height: 26px;
            color: #333333;
            background-image: url(../../Content/images/menu_bg1.gif);
            background-repeat: no-repeat;
            display: block;
            text-align: center;
            margin: 0px;
            padding: 0px;
            height: 26px;
            width: 182px;
            text-decoration: none;
        }
        .MM a:active
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            line-height: 26px;
            color: #333333;
            background-image: url(../../Content/images/menu_bg1.gif);
            background-repeat: no-repeat;
            height: 26px;
            width: 182px;
            display: block;
            text-align: center;
            margin: 0px;
            padding: 0px;
            overflow: hidden;
            text-decoration: none;
        }
        .MM a:hover
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            line-height: 26px;
            font-weight: bold;
            color: #006600;
            background-image: url(../../Content/images/menu_bg2.gif);
            background-repeat: no-repeat;
            text-align: center;
            display: block;
            margin: 0px;
            padding: 0px;
            height: 26px;
            width: 182px;
            text-decoration: none;
        }
    </style>
</head>
<body>
    <table width="100%" height="280" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEF2FB">
        <tr>
            <td width="182" valign="top">
                <div id="container">
                    <h1 class="type">
                        <a href="javascript:void(0)">用户管理</a></h1>
                    <div class="content">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>
                                    <img src="../../Content/images/menu_topline.gif" width="182" height="5" />
                                </td>
                            </tr>
                        </table>
                        <ul class="MM">
                            <li><a href="@Url.Action("Create", "User")" target="main">添加用户</a></li>
                            <li><a href="@Url.Action("Index", "User")" target="main">用户列表</a></li>
                        </ul>
                    </div>
                    <h1 class="type">
                        <a href="javascript:void(0)">文字直播管理</a></h1>
                    <div class="content">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>
                                    <img src="../../Content/images/menu_topline.gif" width="182" height="5" />
                                </td>
                            </tr>
                        </table>
                        <ul class="MM">
                            <li><a href="@Url.Action("Index", "Category")" target="main">类别管理</a></li>
                            <li><a href="@Url.Action("Index", "Title")" target="main">标题管理</a></li>
                            <li><a href="@Url.Action("Create", "Text")" target="main">添加文字</a></li>
                            <li><a href="@Url.Action("Index", "Text")" target="main">文字列表</a></li>
                        </ul>
                    </div>
                    <script type="text/javascript">
                        var contents = document.getElementsByClassName('content');
                        var toggles = document.getElementsByClassName('type');

                        var myAccordion = new fx.Accordion(
			toggles, contents, { opacity: true, duration: 400 }
		);
                        myAccordion.showThisHideOpen(contents[1]);
                    </script>
            </td>
        </tr>
    </table>
</body>
</html>

首页：Index.cshtml 

@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <title>test</title>
</head>
<frameset rows="64,*" frameborder="NO" border="0" framespacing="0">
	<frame src="@Url.Action("Top")" noresize="noresize" frameborder="NO" name="topFrame" scrolling="no" marginwidth="0" marginheight="0" target="main" />
  <frameset cols="200,*"  rows="640,*" id="frame">
	<frame src="@Url.Action("Left")" name="leftFrame" noresize="noresize" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" target="main" />
	<frame src="" name="main" marginwidth="0" marginheight="0" frameborder="0" scrolling="auto" target="_self" />
  </frameset>
<noframes>
  <body></body>
    </noframes>
</html>

Controller: 

 public ActionResult Index()
        {
            return View();
        }


        public ActionResult Top()
        {
            return View();
        }

        public ActionResult left()
        {
            return View();
        }
效果如下：




赣南虎
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ASP.NET MVC+JQuery+漂亮后台UI+快速开发框架形成之旅
力软敏捷开发框架
08-21 5988
一转眼码农6年了，呆过大公司也去过小作坊，码农的人生除了抠腚还是抠腚。在所有呆过的公司里，感觉项目没有不延期的，真的是因为自己不够努力吗？也没有呀！上班不怎么聊QQ和微信回家也很少看动作片，还搞过几次通宵撸码。 以前总感觉是项目经理把工时估少了，后来自己也做过项目管理，按照以往的经历估工时，做到最后还是会有些延期，不要就是加班拼命赶。我发现在项目中总是会遇到一些这样那样的问题，比如客户需求...
.net(EF+MVC+Bootchart)通用后台管理系统框架源码带数据库十分强大界面漂亮可用作商城等项目
08-17
本后台管理系统源码可适用于学习参考,资深人士也可在此基础上进行开发学习等
ASP.NET MVC动态企业后台管理.zip
02-23
用layui,bootstarp框架做的一哥后台管理模板
mvc asp.net 后台模版
10-11
收藏版mvc asp.net 后台模版，你总会用到的，赶紧收藏起来把
.NET MVC inspinia后台管理模板
03-30
.NET MVC inspinia后台管理模板,基于bootstrap，后台管理系统
ASP.Net MVC 布局页、模板页使用方法详细介绍
10-19
主要介绍了ASP.Net MVC 布局页、模板页使用方法详细介绍,需要的朋友可以参考下
ASP.NET MVC搭建项目后台UI框架—1、后台主框架
邹玉杰（邹琼俊）的专栏
05-16 132
目录 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搭建项目后台UI框架—...
Asp.net Core + EF Core + Bootstrap搭建的MVC后台通用管理系统模板(跨平台版本)
JuCheap
07-22 4万+
6月随着.NET CORE PREVIEW2的发布，JUCHEAP 的CORE版本也由之前的JuCheap Core 1.0升级到了JuCheap Core 2.0，并且已经在将core版本应用到了生产环境中，现在支持的数据库库有SQL SERVER 2008以上，以及SQLITE; 项目源代码地址，在文末. 部署到ubuntu16.04下的效果如下： 源码下载地址：h...
FineAdmin.Mvc 使用ok-admin+ASP.NET MVC搭建的通用权限后台管理系统
LiuCabbage
12-05 1935
FineAdmin.Mvc 介绍 使用ok-admin+ASP.NET MVC搭建的通用权限后台管理系统 RightControl后台layui模板不太好看，换成ok-admin v2.0重写一遍。 项目地址：http://fineadmin.baocaige.top 技术选型 MVC5 Mysql Dapper DapperExtensions Autofac 软件架构 菜...
一款MVC5+EF+Bootstrap搭建的后台通用管理系统模板
热门推荐
JuCheap
10-15 5万+
最近闲来无事，就用MVC5+EF+Bootstrap搭建了一个通用的后台管理系统的模板，里面使用到的技术包括： MVC,EF,T4模板批量生成 Jquery,jqGrid Bootstrap DDD AutoMapper等 开发工具：VS2015+SQL2012 项目框架如下图： 项目的效果图如下： JuCheap V2.0源代码 http://......
基于asp.net mvc5及bootstrap的管理后台
03-09
基于asp.net mvc5，采用bootstrap模板开发的管理后台，包括用户管理，权限管理，登录，日志这几个模块，可以节省一部分时间。支持mssql和mysql，使用时web2017项目引用的类库切换一下即可。创建数据库的脚本在 create_db.sql 文件中。
适合asp.net开发的后台框架模板
03-18
适合asp.net开发的后台框架模板 EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html
ASP.NET 后台模板
09-06
网上收集的几套后台模板，里面有源码，值得研究一下。
基于asp.net的后台管理系统（Bootstrap）(源码+数据库).zip
05-04
8. 完全响应式布局（支持电脑、平板、手机等所有主流设备） 9. 内置多数据源支持，配置简单立即生效无需重启 10. 内置数据内存缓存机制，页面快速响应 11. 内置数据 **操作日志** 与用户 **登录日志** 数据库支持...
ASP.NET MVC5考试_管理系统源码
09-23
1、项目基于 ASP.NET MVC开发，采用三层架构设计：表现层（UI）、业务逻辑层（BLL）、数据访问层（DAL）。 2、使用Css+HTML+JavaScript+jQuery等前端技术进行前端页面开发。 3、搭配EasyUi前端框架布局 4、后台与...
ASP.NET MVC+EF6+Bootstrap开发C#源代码
01-13
一套基于ASP.NET MVC+EF6+Bootstrap开发出来的框架源代码！ 采用主流框架，容易上手，简单易学，学习成本低。可完全实现二次开发、基本满足80%项目需求。 可以帮助解决.NET项目70%的重复工作，让开发更多关注业务...
ASP.NET MVC 3高级编程
08-02
《asp.net mvc 3高级编程》 第1章 入门 1 1.1 asp.net mvc简介 1 1.1.1 asp.net mvc如何适应asp.net 1 1.1.2 mvc模式简介 2 1.1.3 mvc在web框架中的应用 2 1.1.4 asp.net mvc 3的发展历程 3 1.1.5 razor视图...
ASP.NET MVC通用角色权限管理系统源码-.net
06-26
asp.net mvc 通用权限管理系统(响应布局)源码是基于asp.net(C#)MVC+前端bootstrap+ztree+lodash+jquery技术，采用bootstrap为前台开发展示UI，Web Api主要负责前端的逻辑交互，再结合jQuery Ajax+Web Api进行提交...
asp.net mvc 后台管理系统
最新发布
08-03
在ASP.NET MVC中，可以通过使用session来实现后台管理系统。但是在ASP.NET Core MVC中，需要进行一些配置才能使用session。 首先，你需要安装以下两个包引用：Microsoft.AspNetCore.Mvc和Microsoft.AspNetCore.Http。你可以通过nuget来安装这两个包。 然后，你需要在Startup.cs文件中进行配置。在ConfigureServices方法中，添加以下代码来启用session： services.AddSession(); 在Configure方法中，添加以下代码来配置session： app.UseSession(); 现在，你就可以在ASP.NET Core MVC中使用session来实现后台管理系统了。你可以在控制器中使用HttpContext.Session来访问和操作session的数据。 引用[1]提供了关于在ASP.NET Core MVC中配置session的步骤和引用包的信息。引用[2]提供了关于使用ASP.NET Core框架搭建后台管理系统的文章。引用[3]提供了一系列关于ASP.NET Core框架搭建的文章，其中包括搭建MVC后台管理系统的内容。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值