bootstrap侧面菜单栏

导入需要引用的css 和 js

<link rel="stylesheet" href="/static/css/bootstrap.min.css">
<link rel="stylesheet" href="/static/css/infodetail.css">
<link rel="stylesheet" href="/static/css/metisMenu.min.css">
<link rel="stylesheet" href="/static/css/sb-admin-2.css">
<link rel="stylesheet" href="/static/css/font-awesome.min.css">
<script src="/static/js/jquery.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script src="/static/js/metisMenu.min.js"></script>
<script src="/static/js/sb-admin-2.js"></script>

在controller中绑定

//登录@RequestMapping("login.xhtml")public String login(HttpServletRequest request){HttpSession session = request.getSession();session.setMaxInactiveInterval(1000 * 60 * 60 * 12);String uname=request.getParameter("uname");String upwd=request.getParameter("upwd");User user=new User();user.setUname(uname);user.setUpwd(upwd);if(userDao.login(user)!=null){StringBuffer sb = new StringBuffer();List<Ztree> ZtreeMaxs = ztreeDao.getMaxMuenu();for (Ztree ztree : ZtreeMaxs) {sb.append("<li>");if(ztree.getMenu_url()==null||"".equals(ztree.getMenu_url())){sb.append("<a href=\"javascript:void(0);\"><i class=\""+ztree.getMenu_css()+"\"></i>"+ztree.getMenu_name()+"<span class=\"fa arrow\"></span> </a>");sb.append("<ul class=\"nav nav-second-level\">");//判断父菜单是否为工作台List<Ztree> MinMuenus = ztreeDao.getMinMuenu(ztree);for (Ztree MinMuenu : MinMuenus) {sb.append("<li>");sb.append("<a href=\""+MinMuenu.getMenu_url()+"\">"+MinMuenu.getMenu_name()+"</a>");sb.append("</li>");}sb.append("</ul>");sb.append("</li>"); }else{sb.append("<a href='"+ztree.getMenu_url()+"'><i class=\""+ztree.getMenu_css()+"\"></i>"+ztree.getMenu_name()+"</a>");sb.append("</li>");}}session.setAttribute("MUENU", sb.toString());return "index";}return "login";}

bootstrap侧面菜单栏相关推荐

bootstrap框架菜单栏颜色设置_Bootstrap Icons - bootstrap专用的漂亮图标库，可以免费商用...
专门为著名的前端开发 UI 框架 Bootstrap 的组件和文档定制开发的图标库. 介绍 Bootstrap 图标库的设计初衷是与 Bootstrap 组件配合使用,从表单到导航组件等.Boots ...
PyQt5实现侧面菜单栏-仿QQ设置--以及透明选中按钮效果(详细讲解)
这是我们要仿制的样式,甚至你可以在这个界面中弄更漂亮的界面效果源码和UI文件都会开放的这是我们实现的效果,可以看到切换页面的同时按钮会有被选中的感觉,这是通过label去实现的下面开始教程 ...
bootstrap pagewrapper_Bootstrap Metronic完全响应式管理模板之菜单栏学习笔记
继续上一篇,针对Bootstrap Metronic菜单栏整理的笔记分享给大家,供大家参考,具体内容如下 1.简介1) .环境配置 2) .提取页面 3).动态生成菜单(无限级别树) 2.系统环境 ...
文章管理平台PC端（个人中心+侧面菜单）
在之前我们实现了注册登录功能,接下来就是管理平台侧面菜单栏以及平台首页的实现. 在实现功能之前,还是需要先整理一下实现的思路. 个人中心:目标(将用户信息存储到vuex中) 实现步骤:1.定义一个接口 ...
Grafana 的安装和配置
Grafana的使用 Grafana的安装 Grafana 的下载下载解压 init启动 systemd启动 init 和 systemd启动的区别配置端口包装细节 Grafana的升级更新 ...
ps和php,PS是什么
PS主要处理由像素所构成的数字图像,通过使用多种绘图工具来对图片进行编辑来创建出更加美观的效果对于PS大家都很熟悉,其实它全称为Adobe Photoshop,这是一个非常强大的设计软件,它主要,包 ...
Bootstrap 手风琴搭配导航条实现常用菜单栏
效果 HTML代码 <div class="sidebar"><div class="mc-search"><div class= ...
2018年最好用的20个Bootstrap网站模板
Bootstrap是目前最受欢迎也是最简洁的建站方式之一,尤其是伴随移动端的发展,响应式设计已经毫无疑问成为了网页设计的趋势,网站建设要求兼容手机端已经是一种刚需,也成为提升用户体验的一种必要方式.但 ...
bootstrap自动生成html,Bootstrap框架动态生成Web页面文章内目录的方法
引言在写博客的时候,为了条理性起见,经常会使用许多小标题,当文章长时,需要来回在不同的标题之间穿梭,如果手动添加目录,添加锚点,实在是麻烦,为此,可以动态生成一块目录区域,并使用Bootstrap提供 ...

bootstrap侧面菜单栏

bootstrap侧面菜单栏相关推荐

最新文章

热门文章