C# 创建MVC项目+Layui框架

目录

1、创建MVC

2、下载Layui

3、修改模板页

3.1  修改_Layout.cshtml页面 

3.2创建侧边导航-BaseController控制器

3.3将控制器原本引用的 Controller改为BaseController


1、创建MVC

C# 创建MVC项目+Layui框架_第1张图片

C# 创建MVC项目+Layui框架_第2张图片 2、下载Layui

地址:Layui - 极简模块化前端 UI 组件库(官方文档)

 将文件放在根目录

C# 创建MVC项目+Layui框架_第3张图片

3、修改模板页

C# 创建MVC项目+Layui框架_第4张图片

3.1  修改_Layout.cshtml页面 

 


   
   
    后台管理系统 - My ASP.NET Application
   
   
   
   


   


       

           

               
               

                       

  •                         登陆人: @Session["username"]
                           

                               
    Your Profile

                               
    重置密码

                               
    退出

                           

                       

  •                

           

       

       

           

               

                        @Html.Raw(ViewBag.MenuItems)
                   

           

       

       

           

                @RenderBody()
                @RenderSection("content", false)
           

       

   

   

3.2创建侧边导航-BaseController控制器


    public class BaseController : Controller
    {
        protected override void Initialize(System.Web.Routing.RequestContext requestContext)
        {
            base.Initialize(requestContext);
            SetMenu();
        }
        private void SetMenu()
        {
            StringBuilder sb = new StringBuilder();

            sb.AppendFormat("

  • ", "aaaa");
                sb.AppendFormat("    {2}", "layui-icon-menu-fill", "/Home/Index", "首页");//设置好路由,方便跳转页面
                sb.AppendFormat("
  • ");

                sb.AppendFormat("

  • ", " ");
                sb.AppendFormat("    {2}", "layui-icon-set", "/Home/About", "学生管理");
                sb.AppendFormat("
  • ");

                sb.AppendFormat("

  • ", " ");
                sb.AppendFormat("    {2}", "layui-icon-user", "/Home/Contact", "学生管理");
                sb.AppendFormat("
  • ");
                ViewBag.MenuItems = sb.ToString();
            }
        }

    3.3将控制器原本引用的 Controller改为BaseController

    你可能感兴趣的:(C#,layui,前端,javascript,c#,mvc)