ASP.NET MVC+EntityFramework快速搭建后台管理系统

xinZhu8

已于 2024-10-31 17:05:22 修改

阅读量1k

点赞数 11

于 2023-12-04 14:30:50 首次发布

本文链接：https://blog.csdn.net/totos11111/article/details/134782033

版权

Asp.Net 同时被 2 个专栏收录

7 篇文章 2 订阅

订阅专栏

Asp.net Mvc +EntityFramework

6 篇文章 1 订阅

订阅专栏

1，分享一个最近新学习的项目，个人感觉是比较能够快速搭建后台管理系统，唯一的缺点就是界面的美观上差点意思，废话不多说给大家分享一下；登录界面和后台主界面一起展示，项目使用的clearmin框架，后面会把框架源码上传有兴趣的可以下载使用。

2，使用clearmin-框架整个框架的目录如下图所示

3，教大家如何搭建后台母版页

首先把上图目录assets文件夹复制到项目中，然后把文件夹中的Js,css引用到如下图所示

把框架index.html复制到_Layout.cshtml布局页中源码展示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="/assets/css/bootstrap-clearmin.min.css">
    <link rel="stylesheet" type="text/css" href="/assets/css/roboto.css">
    <link rel="stylesheet" type="text/css" href="/assets/css/material-design.css">
    <link rel="stylesheet" type="text/css" href="/assets/css/small-n-flat.css">
    <link rel="stylesheet" type="text/css" href="/assets/css/font-awesome.min.css">
    <title>财务信息管后台理系统</title>
</head>
<body class="cm-no-transition cm-1-navbar">
    <div id="cm-menu">
        <nav class="cm-navbar cm-navbar-primary">
            <div class="cm-flex">
                <h1>财务信息管后台理系统</h1>
            </div>
            <div class="btn btn-primary md-menu-white" data-toggle="cm-menu"></div>
        </nav>
        @*左侧菜单区*@
        <div id="cm-menu-content">
            <div id="cm-menu-items-wrapper">
                <div id="cm-menu-scroller">
                    <ul class="cm-menu-items">
                        <li class="active"><a href="" class="sf-house">首页</a></li>
                        <li class="cm-submenu">
                            <a class="sf-user-male">用户管理 <span class="caret"></span></a>
                            <ul>
                                <li><a href="/Section/Index">部门管理</a></li>
                                <li><a href="/Admin/Index">用户管理</a></li>
                            </ul>
                        </li>
                        <li class="cm-submenu">
                                <a class="sf-cat">财务信息管理 <span class="caret"></span></a>
                                <ul>
                                    <li><a href="/Add/Create">信息申请</a></li>
                                    <li><a href="/Add/Index">信息管理列表</a></li>

                                </ul>
                        </li>            
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <header id="cm-header">
        <nav class="cm-navbar cm-navbar-primary">
            <div class="btn btn-primary md-menu-white hidden-md hidden-lg" data-toggle="cm-menu"></div>
            <div class="cm-flex">
            </div>

            @*用户信息*@
            <div class="dropdown pull-right">
                <button class="btn btn-primary md-account-circle-white" data-toggle="dropdown"></button>
                <ul class="dropdown-menu">
                    <li class="disabled text-center">
                        <a style="cursor:default;"><strong>@(Session["username"] !=null? Session["username"].ToString():"")</strong></a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="#"><i class="fa fa-fw fa-user"></i> 修改密码</a>
                    </li>

                    <li>
                        <a href="/Login/Loginout"><i class="fa fa-fw fa-sign-out"></i> 退出系统</a>
                    </li>
                </ul>
            </div>
        </nav>
    </header>


    @*主题区域替换*@
    <div id="global">
        <div class="container-fluid" style="background:#fff">
            <div class="row cm-fix-height">
                @RenderBody()
            </div>
        </div>
    </div>


    <script src="/assets/js/lib/jquery.min.js"></script>
    <script src="/assets/js/jquery.mousewheel.min.js"></script>
    <script src="/assets/js/jquery.cookie.min.js"></script>
    <script src="/assets/js/fastclick.min.js"></script>
    <script src="/assets/js/bootstrap.min.js"></script>
    <script src="/assets/js/clearmin.min.js"></script>
    <script src="/assets/js/demo/home.js"></script>
</body>
</html>

以上布局搭建完成之后接下来展示菜单页面如何制作，接下来就是快速搭建网页的在此开始之前先使用EntityFramework 建立数据库上下文，先搭建好数据库，数据库搭建好之后接下来在项目根目录Models文件夹创建，右键添加新建项弹出下面的界面。