lemon oa前端页面——由user-base-list谈项目组织-白红宇

content

user-base-list.jsp

中指定

<%pageContext.setAttribute("currentHeader", "user");%> // currentHeader值在/header/user.jsp中会被覆盖，在/header.jsp中起作用，

<%pageContext.setAttribute("currentMenu", "user");%> // 在/menu/user.jsp页面中会影响哪些accordion-body被收缩

主要布局是

<body>

<%@include file="/header/user.jsp"%>

<%@include file="/menu/user.jsp"%> // 2个栅格

<section id="m-main" class="span10"> // 10个栅格

</section>

</div>

</body>

--------------------------------------------------------------------------------------------

header

/header/user.jsp中

<%pageContext.setAttribute("currentHeader", "scope");%>

<%@include file="/header.jsp"%>

/header.jsp中，主要定义页面头部，功能是导航菜单(首页，个人事务，统计报表，系统管理(下拉菜单))，用户管理(用户密码修改、用户退出)和未读消息三块

<li class="dropdown {currentHeader == 'scope' ? 'active' : ''}"> <a data-toggle="dropdown" class="dropdown-toggle" href="#">系统管理 <b class="caret"></b></a> <ul class="dropdown-menu"> </ul> </li> </ul> 可以看到currentHeader是如何起作用的。未读消息就是一个跳转到<a href="{currentHeader == 'scope' ? 'active' : ''}"> <a data-toggle="dropdown" class="dropdown-toggle" href="#">系统管理 <b class="caret"></b></a> <ul class="dropdown-menu"> </ul> </li> </ul> 可以看到currentHeader是如何起作用的。未读消息就是一个跳转到<a href="{scopePrefix}/msg/msg-info-listReceived.do">的链接，

然后页面会定时刷新<i id="unreadMsg" class="badge"></i>，显示有几条未读消息(调用MsgResource类中的unreadCount()方法)

--------------------------------------------------------------------------------------------

/menu/user.jsp是用户管理的菜单，

是在页面的左侧边，<aside id="m-sidebar" class="accordion span2" data-spy="affix" data-offset-top="100">，span2说明占2个栅格的宽度

主要是一个<div class="accordion-group">，然后下面有一个<footer id="m-footer" class="text-center">

在<div class="accordion-group">中有<div id="collapse-user" class="accordion-body collapse ${currentMenu == 'user' ? 'in' : ''}">

然后在/lemon/webapp/s/bootstrap/3.2.0/css/bootstrap.css中有定义

.collapse {

display: none;

}

.collapse.in {

display: block;

}

本文转自二郎三郎博客园博客，原文链接：http://www.cnblogs.com/haore147/p/5213528.html，如需转载请自行联系原作者