Bootstrap是目前全球最流行、最火爆的Web前端开发框架之一。它的强大之处在于它将常见的CSS布局小组件和JavaScript插件进行了完整并完善的封装,能大大提高开发效率。此外,它还能在某种程度上规范前端团队编写CSS和JavaScript的规范。对Bootstrap架构思想的阐述、实现原理的分析、扩展和插件的二次开发能让他们自如解决开发中遇到的各种疑难问题。
基本结构:Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。 CSS:Bootstrap 自带以下特性:全局的 CSS 设置、定义基本的 HTML 元素样式、可扩展的 class,以及一个先进的网格系统。这将在 Bootstrap CSS 部分详细讲解。 组件:Bootstrap 包含了十几个可重用的组件,用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在 布局组件 部分详细讲解。 JavaScript 插件:Bootstrap 包含了十几个自定义的 jQuery 插件。您可以直接包含所有的插件,也可以逐个包含这些插件
基于mybatis框架的基础上模仿来了物流入库的小dome
注入相关jar包
在左侧出现一个菜单栏
//登录
@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";
}
点击树所要出现的是bookstrap所自带的样式,导入相关css,js都是可以出来的
<div id="wrapper">
<!-- Navigation -->
<jsp:include page="/WEB-INF/jsp/base/sidebar_base.jsp"></jsp:include>
<!-- /Navigation -->
<!-- content -->
<div id="page-wrapper">
<!--我的视图-->
<div class="row">
<div class="col-lg-12 page-header form-group">
<label class="inline text-primary">
<h4