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"%>

<div class="row-fluid">
<%@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中，主要定义页面头部，功能是导航菜单(首页，个人事务，统计报表，系统管理(下拉菜单))，用户管理(用户密码修改、用户退出)和未读消息三块
<ul class="nav">
<li class="divider-vertical"></li>
<li class="currentHeader==′dashboard′?′active′:′′"><ahref="currentHeader==′dashboard′?′active′:″"><ahref="{scopePrefix}/dashboard/dashboard.do">首页</a></li>
<li class="currentHeader==′bpm−workspace′?′active′:′′"><ahref="currentHeader==′bpm−workspace′?′active′:″"><ahref="{scopePrefix}/bpm/workspace-home.do">个人事务</a></li>
<li class="currentHeader==′report′?′active′:′′"><ahref="currentHeader==′report′?′active′:″"><ahref="{scopePrefix}/report/chart-mostActiveProcess.do">统计报表</a></li>
<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
/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，如需转载请自行联系原作者

lemon oa前端页面——由user-base-list谈项目组织相关推荐

active server pages 错误 asp 0126_微信小程序全栈开发课程【视频版】2.1 小程序前端页面初始配置、ESlint格式错误...
点击观看视频 ↓↓↓ 小程序前端页面初始配置.ESlinthttps://www.zhihu.com/video/1195030595196223488 课程文字版 1.修改src/pages文件夹 ...
学成在线--2.CMS前端页面查询开发
文章目录 0.思路总结 1.创建CMS模块的目录架构 2.创建页面并配置路由 1)在page目录新建page_list.vue,扩展名为.vue. 2)在cms的router下配置路由. 3)在bas ...
特别编辑--windows+python+django实现前端页面上传到指定路径生成个性化二维码
等你点蓝字关注都等出蜘蛛网了坚持梦想就算所有人都不支持你.这条路会很曲折,你也会一度认为是不是自己选错了,但只要坚持,就算最后没有成功,但努力了就不会有遗憾. python-前端页面上传文件到指定 ...
html展示markdown文件,在前端页面展示Markdown文件
常我们都会在GitHub上浏览很多的readme文件,这些都是Markdown语法写成的Markdown文件,HTML中并没有用于展示Markdown文件的元素,那么为什么可以在前端展示呢? 有别于G ...
springboot向前端页面实时打印日志
springboot向前端页面实时打印日志加入logback-spring.xml日志配置 <?xml version="1.0" encoding="UTF-8 ...
喵喵电影-前端页面开发
喵喵电影-前端页面开发一.项目预览二.开发前准备 1.配置node环境:npm cnpm 2.安装Vue脚手架:vue-cli 3.创建项目 miaomiao 三.实战开发 1.改造项目文件创建框 ...
Lemon OA第1篇：简单介绍
官方网站:http://www.mossle.com/ 声明:我不是Lemon OA作者,只是分享好的资源.以下内容均代表个人见解~ 从官网说起知道Lemon OA,也是最近研究Activiti,看 ...
Django后台管理系统文章相片视频文件上传前端页面
Django后台管理系统文章相片文件上传如需安装运行环境或远程调试,见文章底部个人QQ名片,由专业技术人员远程协助! 前言这篇博客针对<<Django后台管理系统文章相片文件上传& ...
django改了html网页没有变化,Django template的html明明改了,前端页面居然没有对应变化?!---Django的小坑...
写django的时候,我有个模板的名字叫detail.html,被detail视图函数渲染因为那个detail写乱了,但是里面有东西要参考,我没删掉它,改名为detail_old.html,又在目录 ...

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

lemon oa前端页面——由user-base-list谈项目组织相关推荐

最新文章

热门文章