jeecms_6管理员后台菜单添加全过程
一.软件工具:
1. Jeecms_6的源码包
2. eclipse +Tomcat 7.0
此配置是根据当前系统,当前的版本,仅供参考,如果有什么其他的问题可以一起研究。
先看配置好的菜单效果图
1.找到项目文件messages_en_US.properties,和messages_zh_CN.properties文件,
他们的目录在jeecms_6\WebRoot\WEB-INF\languages\jeecms\admin下面,
结构图如下:
说明:这两个文件一个是中文,一个是英文的,所以要两个。
在messages_en_US.properties文件里添加
cms.function.question=question
在messages_zh_CN.properties 文件里添加
cms.function.question=问题
2.打开top.html文件,文件在jeecms6\WebRoot\WEB-INF\jeecms_sys下面
添加如下代码:
<@cms_perm url="/frame/question_main.do">
<li class="sep"></li>
<li class="normal" id="tb_18" onclick="HoverLi(18);"><a href="frame/question_main.do" target="mainFrame"><@s.m "cms.function.question"/></a></li>
</@cms_perm>
3.打开FrameAct.java文件,文件在jeecms6\src\com\jeecms\cms\action\admin下面
添加代码如下:
@RequiresPermissions("frame:question_main")
@RequestMapping("/frame/question_main.do")
public String questionMain(ModelMap model) {
return "frame/question_main";
}
@RequiresPermissions("frame:question_left")
@RequestMapping("/frame/question_left.do")
public String questionLeft(ModelMap model) {
return "frame/question_left";
}
@RequiresPermissions("frame:question_right")
@RequestMapping("/frame/question_right.do")
public String questionRight(ModelMap model) {
return "frame/question_right";
}
4.添加相应的页面(当点击这个菜单是展示的页面)
打开jeecms6\WebRoot\WEB-INF\jeecms_sys\frame目录,
分别添加
question_left.html
question_main.html
question_right.html
页面
注意:这个格式一定要正确,都是xxxxx_left.html
下面分别展示三个页面代码:
question_left.html页面:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>jeecms-left</title>
<#include "/jeecms_sys/head.html"/>
<script type="text/javascript">
$(function() {
$("div[id^='div_']").each(function(i){
$(this).next().hide();
if(i==0){
$(this).addClass("leftCurr");
}else{
$(this).addClass("leftNol");
}
$(this).click( function () {
$("div[id^='div_']").each(function(i){
if(i!=0){
$(this).next().hide();
}
$(this).removeClass();
$(this).addClass("leftNol");
});
$(this).removeClass();
$(this).addClass("leftCurr");
$(this).next().show();
});
});
});
</script>
</head>
<body class="lbody">
<div class="left">
<#include "/jeecms_sys/date.html"/>
<ul class="w-lful">
<@cms_perm url="/statistic/member/v_list.do">
<div id="div_0">
<li><a href="../statistic/member/v_list.do" target="rightFrame"><@s.m "statistic.function.member"/></a></li>
</div>
</@cms_perm>
<div id="div_1"><@s.m 'cms.function.contentstatic'/></div>
<div style="margin:0; padding:0;" >
<@cms_perm url="/statistic/content/v_list.do">
<div class="leftmenuBG"><a href="../statistic/content/v_list.do" target="rightFrame"><@s.m "statistic.function.content"/></a></div>
</@cms_perm>
<@cms_perm url="/workloadstatistic/v_list.do">
<div class="leftmenuBG"><a href="../workloadstatistic/v_list.do" target="rightFrame"><@s.m "cms.workload.statistic.function"/></a></div>
</@cms_perm>
</div>
<div id="div_2"><@s.m 'cms.function.interactive'/></div>
<div style="margin:0; padding:0;">
<@cms_perm url="/statistic/comment/v_list.do">
<div class="leftmenuBG" ><a href="../statistic/comment/v_list.do" target="rightFrame"><@s.m "statistic.function.comment"/></a></div>
</@cms_perm>
<@cms_perm url="/statistic/guestbook/v_list.do">
<div class="leftmenuBG"><a href="../statistic/guestbook/v_list.do" target="rightFrame"><@s.m "statistic.function.guestbook"/></a></div>
</@cms_perm>
</div>
<div id="div_3"><@s.m 'cms.function.flow'/></div>
<div style="margin:0; padding:0;">
<@cms_perm url="/statistic/channel/v_list.do">
<div class="leftmenuBG"><a href="../statistic/channel/v_list.do" target="rightFrame"><@s.m "statistic.function.channel"/></a></div>
</@cms_perm>
<@cms_perm url="/flow/pv/v_list.do">
<div class="leftmenuBG"><a href="../flow/pv/v_list.do" target="rightFrame"><@s.m "statistic.function.trend"/></a></div>
</@cms_perm>
<@cms_perm url="/flow/source/v_list.do">
<div class="leftmenuBG"><a href="../flow/source/v_list.do?type=source" target="rightFrame"><@s.m "statistic.function.source"/></a></div>
</@cms_perm>
<@cms_perm url="/flow/source/v_list.do">
<div class="leftmenuBG"><a href="../flow/source/v_list.do?type=engine" target="rightFrame"><@s.m "cmsAccess.engine"/></a></div>
</@cms_perm>
<@cms_perm url="/flow/source/v_list.do">
<div class="leftmenuBG"><a href="../flow/source/v_list.do?type=keyword" target="rightFrame"><@s.m "cmsAccess.keyword"/></a></div>
</@cms_perm>
<@cms_perm url="/flow/source/v_list.do">
<div class="leftmenuBG"><a href="../flow/source/v_list.do?type=link" target="rightFrame"><@s.m "cmsAccess.externallink"/></a></div>
</@cms_perm>
<@cms_perm url="/flow/area/v_list.do">
<div class="leftmenuBG"><a href="../flow/area/v_list.do" target="rightFrame"><@s.m "cmsAccess.area"/></a></div>
</@cms_perm>
<@cms_perm url="/flow/visitor/v_list.do">
<div class="leftmenuBG"><a href="../flow/visitor/v_list.do" target="rightFrame"><@s.m "cmsAccess.visitor"/></a></div>
</@cms_perm>
<@cms_perm url="/flow/pages/v_list.do">
<div class="leftmenuBG"><a href="../flow/pages/v_list.do" target="rightFrame"><@s.m "cmsAccess.pages"/></a></div>
</@cms_perm>
<@cms_perm url="/flow/enterpage/v_list.do">
<div class="leftmenuBG"><a href="../flow/enterpage/v_list.do" target="rightFrame"><@s.m "cmsAccess.enterpages"/></a></div>
</@cms_perm>
</div>
<div id="div_4"><@s.m 'cms.content.rank'/></div>
<div style="margin:0; padding:0;">
<#list 6..21 as i>
<@cms_perm url="/content/rank_list.do">
<div class="leftmenuBG"><a href="../content/rank_list.do?orderBy=${i}" target="rightFrame"><@s.m "content.orderBy.${i}"/></a></div>
</@cms_perm>
</#list>
</div>
</ul>
</div>
</body>
</html>
question_main.html 页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>jeecms-left</title>
<#include "/jeecms_sys/head.html"/>
<script type="text/javascript">
$(function(){
Cms.leftLi();
});
</script>
</head>
<frameset cols="210,*" frameborder="0" border="0" framespacing="0">
<frame src="question_left.do" name="leftFrame" noresize="noresize" id="leftFrame" />
<frame src="question_right.do" name="rightFrame" id="rightFrame" />
</frameset>
<noframes><body></body></noframes>
</html>
question_right.html页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>jeecms-left</title>
<#include "/jeecms_sys/head.html"/>
</head>
<body>
<div class="box-positon">
<div class="rpos"><@s.m "global.position"/>: <@s.m "global.admin.home"/> - <@s.m "global.admin.index"/></div>
<div class="clear"></div>
</div>
<div class="body-box">
<h1>这个是右边的内容</h1>
</div>
</body>
</html>
到此为止已经把这个菜单配置起来的.