java--css+js做的树形菜单(完整版)
jsp页面：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<html>
<link rel="stylesheet" type="text/css" href="<%=basePath%>css/menu.css">
<head>
<title>树形菜单</title>
</head>
<body class="panel" topmargin="0" leftmargin="0">
<div id="body" style="width: 186px">
<!-- 树形结构菜单 -->
<ul id="menu">
<!-- levelOne 一 -->
<li class="L1">
<a href="javascript:c(OneLevelOne01);" id="OneLevelOne01">
<span><img src="<%=basePath%>images/jia.png" id="OneLevelOne01Image" align="absMiddle"/> 客户关系管理系统</span>
</a>
</li>
<ul id="OneLevelOne01d" style="display: none;" class="U1">
<!-- levelTwo -->
<li class="L21">
<a href="javascript:c(OneLevelTwo01);" id="OneLevelTwo01">
<span><img src="<%=basePath%>images/jia.png" align="absMiddle" id="OneLevelTwo01Image"/> 文件管理</span>
</a>
</li>
<ul id="OneLevelTwo01d" style="display: none;">
<!-- levelThree -->
<li class="L3"><a href="fileList.action" target="mainRight">
<span><img src="<%=basePath%>images/jian.png" align="absMiddle"/> 文件列表</span>
</a>
</li>
<!-- levelThree -->
<li class="L3"><a href="toUploadJsp.action" target="mainRight">
<span><img src="<%=basePath%>images/jian.png" align="absMiddle" /> 文件上传</span>
</a>
</li>
</ul>
<!-- levelTwo -->
<li class="L21">
<a href="javascript:c(OneLevelTwo02);" id="OneLevelTwo02">
<span><img src="<%=basePath%>images/jia.png" align="absMiddle" id="OneLevelTwo02Image" /> 111111</span>
</a>
</li>
<ul id="OneLevelTwo02d" style="display: none;">
<!-- levelThree -->
<li class="L3"><a href="" target="mainRight">
<span><img src="<%=basePath%>images/jian.png" align="absMiddle" /> 000001</span>
</a>
</li>
<!-- levelThree -->
<li class="L3"><a href="" target="mainRight">
<span><img src="<%=basePath%>images/jian.png" align="absMiddle" /> 000002</span>
</a>
</li>
<!-- levelThree -->
<li class="L3"><a href="" target="mainRight">
<span><img src="<%=basePath%>images/jian.png" align="absMiddle" /> 000003</span>
</a>
</li>
<!-- levelThree -->
<li class="L3"><a href="" target="mainRight">
<span><img src="<%=basePath%>images/jian.png" align="absMiddle" /> 000004</span>
</a>
</li>
<!-- levelThree -->
<li class="L3"><a href="" target="mainRight">
<span><img src="<%=basePath%>images/jian.png" align="absMiddle" /> 000005</span>
</a>
</li>
</ul>
</ul>
<!-- levelOne：账号管理 -->
<li class="L1">
<a href="javascript:c(TwoLevelOne02);" id="TwoLevelOne02">
<span><img src="<%=basePath%>images/jia.png" id="TwoLevelOne02Image" align="absMiddle"/> 账号管理</span>
</a>
</li>
<ul id="TwoLevelOne02d" style="display: none;" class="U1">
<!-- levelTwo： -->
<li class="L21">
<a href="#" target="right">
<span><img src="<%=basePath%>images/jian.png" align="absMiddle" />改动password</span>
</a>
</li>
<%if(session.getAttribute("user.type").toString().equals("1")){%>
<!-- levelTwo -->
<li class="L21">
<a href="toAdminMain" target="right">
<span><img src="<%=basePath%>images/jian.png" align="absMiddle" />用户管理</span>
</a>
</li>
<%}%>
<!-- levelTwo -->
<li class="L21">
<a href="#" onclick=top.location.replace("Quit")>
<span><img src="<%=basePath%>images/jian.png" align="absMiddle" />退出系统</span>
</a>
</li>
</ul>
</ul>
</div>
<div id="bottom"></div>
<script type="text/javascript" src="<%=basePath%>js/menu.js"></script>
</body>
</html>
css文件：/css/menu.css
{
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
HTML {
OVERFLOW-Y: scroll
}
A:link {
COLOR: #000000; TEXT-DECORATION: none
}
A:visited {
COLOR: #000000; TEXT-DECORATION: none
}
A:active {
COLOR: #3333ff; TEXT-DECORATION: none
}
A:hover {
COLOR: #ff0000; TEXT-DECORATION: none
}
.panel {
BACKGROUND: #d6e4ef; COLOR: #000000
}
#expand_link {
FONT-SIZE: 9pt; LEFT: 140px; POSITION: absolute; TOP: 11px; TEXT-DECORATION: underline
}
UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; list-style-type:none; url("../images/toright.png");
}
IMG {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; WIDTH: 16px; BORDER-BOTTOM: 0px; HEIGHT: 16px;
}
#body {
BORDER-RIGHT: #ffffff 0px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; BORDER-LEFT: #ffffff 0px solid; WIDTH: 100%; PADDING-TOP: 25px
}
#menu {
BORDER-RIGHT: #246191 0px solid; BORDER-TOP: #246191 0px solid; BACKGROUND: #ffffff; BORDER-LEFT: #246191 0px solid; BORDER-BOTTOM: medium none
}
.U1 {
BACKGROUND: #ffffff; BORDER-BOTTOM: #ffffff 1px solid
}
.L1 A:link {
DISPLAY: block; FONT-SIZE: 9pt; BACKGROUND: url(../images/img/menu1_bg.png); COLOR: #476074; HEIGHT: 24px; TEXT-DECORATION: none
}
.L1 A:visited {
DISPLAY: block; FONT-SIZE: 9pt; BACKGROUND: url(../images/img/menu1_bg.png); COLOR: #476074; HEIGHT: 24px; TEXT-DECORATION: none
}
.L1 A:link SPAN {
PADDING-RIGHT: 0px; PADDING-LEFT: 16px; BACKGROUND: url(../images/ico/ar1.png) no-repeat left 50%; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; WIDTH: 100%; CURSOR: hand; PADDING-TOP: 7px; HEIGHT: 24px
}
.L1 A:visited SPAN {
PADDING-RIGHT: 0px; PADDING-LEFT: 16px; BACKGROUND: url(../images/ico/ar1.png) no-repeat left 50%; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; WIDTH: 100%; CURSOR: hand; PADDING-TOP: 7px; HEIGHT: 24px
}
.L1 A:hover {
FONT-WEIGHT: bold; BACKGROUND: url(../images/img/menu1_bg.png) 0px -24px; COLOR: #000000
}
.L1 A.active:link {
BACKGROUND: url(../images/img/menu1_bg.png) 0px -24px
}
.L1 A.active:hover {
BACKGROUND: url(../images/img/menu1_bg.png) 0px -24px
}
.L1 A.active:active {
BACKGROUND: url(../images/img/menu1_bg.png) 0px -24px
}
.L1 A.active:visited {
BACKGROUND: url(../images/img/menu1_bg.png) 0px -24px
}
.L1 A.active:link SPAN {
FONT-WEIGHT: bold; BACKGROUND: url(../images/ico/ad1.png) no-repeat left 50%; COLOR: #000000
}
.L1 A.active:hover SPAN {
FONT-WEIGHT: bold; BACKGROUND: url(../images/ico/ad1.png) no-repeat left 50%; COLOR: #000000
}
.L1 A.active:active SPAN {
FONT-WEIGHT: bold; BACKGROUND: url(../images/ico/ad1.png) no-repeat left 50%; COLOR: #000000
}
.L1 A.active:visited SPAN {
FONT-WEIGHT: bold; BACKGROUND: url(../images/ico/ad1.png) no-repeat left 50%; COLOR: #000000
}
.L21 A:link {
DISPLAY: block; PADDING-LEFT: 13px; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #444659; HEIGHT: 24px; TEXT-DECORATION: none
}
.L21 A:visited {
DISPLAY: block; PADDING-LEFT: 13px; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #444659; HEIGHT: 24px; TEXT-DECORATION: none
}
.L22 A:link {
DISPLAY: block; PADDING-LEFT: 13px; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #444659; HEIGHT: 24px; TEXT-DECORATION: none
}
.L22 A:visited {
DISPLAY: block; PADDING-LEFT: 13px; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #444659; HEIGHT: 24px; TEXT-DECORATION: none
}
.L3 A:link {
DISPLAY: block; PADDING-LEFT: 13px; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #444659; HEIGHT: 24px; TEXT-DECORATION: none
}
.L3 A:visited {
DISPLAY: block; PADDING-LEFT: 13px; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #444659; HEIGHT: 24px; TEXT-DECORATION: none
}
.L21 A:link SPAN {
PADDING-RIGHT: 0px; PADDING-LEFT: 16px; BACKGROUND: url(../images/ico/ar.png) no-repeat left center; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; WIDTH: 100%; CURSOR: hand; PADDING-TOP: 7px
}
.L21 A:visited SPAN {
PADDING-RIGHT: 0px; PADDING-LEFT: 16px; BACKGROUND: url(../images/ico/ar.png) no-repeat left center; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; WIDTH: 100%; CURSOR: hand; PADDING-TOP: 7px
}
.L22 A:link SPAN {
PADDING-RIGHT: 0px; PADDING-LEFT: 16px; BACKGROUND: url(../images/ico/ar.png) no-repeat left center; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; WIDTH: 100%; CURSOR: hand; PADDING-TOP: 7px
}
.L22 A:visited SPAN {
PADDING-RIGHT: 0px; PADDING-LEFT: 16px; BACKGROUND: url(../images/ico/ar.png) no-repeat left center; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; WIDTH: 100%; CURSOR: hand; PADDING-TOP: 7px
}
.L3 A:link SPAN {
PADDING-RIGHT: 0px; PADDING-LEFT: 16px; BACKGROUND: url(../images/ico/ar.png) no-repeat left center; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; WIDTH: 100%; CURSOR: hand; PADDING-TOP: 7px
}
.L3 A:visited SPAN {
PADDING-RIGHT: 0px; PADDING-LEFT: 16px; BACKGROUND: url(../images/ico/ar.png) no-repeat left center; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; WIDTH: 100%; CURSOR: hand; PADDING-TOP: 7px
}
.L22 A:link SPAN {
BACKGROUND: none transparent scroll repeat 0% 0%
}
.L22 A:visited SPAN {
BACKGROUND: none transparent scroll repeat 0% 0%
}
.L3 A:link SPAN {
BACKGROUND: none transparent scroll repeat 0% 0%
}
.L3 A:visited SPAN {
BACKGROUND: none transparent scroll repeat 0% 0%
}
.L21 A:hover {
FONT-WEIGHT: bold; BACKGROUND: url(../images/btn/menu2_bg.png) no-repeat left top
}
.L22 A:hover {
FONT-WEIGHT: bold; BACKGROUND: url(../images/btn/menu2_bg.png) no-repeat left top
}
.L3 A:hover {
FONT-WEIGHT: bold; BACKGROUND: url(../images/btn/menu2_bg.png) no-repeat left top
}
.L3 A:link SPAN {
PADDING-RIGHT: 0px; PADDING-LEFT: 25px; PADDING-BOTTOM: 3px; PADDING-TOP: 12px
}
.L3 A:visited SPAN {
PADDING-RIGHT: 0px; PADDING-LEFT: 25px; PADDING-BOTTOM: 3px; PADDING-TOP: 12px
}
.L21 A.active:link {
BACKGROUND: none transparent scroll repeat 0% 0%
}
.L21 A.active:hover {
BACKGROUND: none transparent scroll repeat 0% 0%
}
.L21 A.active:active {
BACKGROUND: none transparent scroll repeat 0% 0%
}
.L21 A.active:visited {
BACKGROUND: none transparent scroll repeat 0% 0%
}
.L21 A.active:link SPAN {
FONT-WEIGHT: bold; BACKGROUND: url(../images/ico/ad.png) no-repeat left center; COLOR: #000000
}
.L21 A.active:hover SPAN {
FONT-WEIGHT: bold; BACKGROUND: url(../images/ico/ad.png) no-repeat left center; COLOR: #000000
}
.L21 A.active:active SPAN {
FONT-WEIGHT: bold; BACKGROUND: url(../images/ico/ad.png) no-repeat left center; COLOR: #000000
}
.L21 A.active:visited SPAN {
FONT-WEIGHT: bold; BACKGROUND: url(../images/ico/ad.png) no-repeat left center; COLOR: #000000
}
.L22 A.active:link {
BACKGROUND: url(../images/btn/menu2_bg.png) no-repeat 0px -24px
}
.L22 A.active:hover {
BACKGROUND: url(../images/btn/menu2_bg.png) no-repeat 0px -24px
}
.L22 A.active:active {
BACKGROUND: url(../images/btn/menu2_bg.png) no-repeat 0px -24px
}
.L22 A.active:visited {
BACKGROUND: url(../images/btn/menu2_bg.png) no-repeat 0px -24px
}
.L3 A.active:link {
BACKGROUND: url(../images/btn/menu2_bg.png) no-repeat 0px -24px
}
.L3 A.active:hover {
BACKGROUND: url(../images/btn/menu2_bg.png) no-repeat 0px -24px
}
.L3 A.active:active {
BACKGROUND: url(../images/btn/menu2_bg.png) no-repeat 0px -24px
}
.L3 A.active:visited {
BACKGROUND: url(../images/btn/menu2_bg.png) no-repeat 0px -24px
}
.L22 A.active:link SPAN {
FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff
}
.L22 A.active:hover SPAN {
FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff
}
.L22 A.active:active SPAN {
FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff
}
.L22 A.active:visited SPAN {
FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff
}
.L3 A.active:link SPAN {
FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff
}
.L3 A.active:hover SPAN {
FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff
}
.L3 A.active:active SPAN {
FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff
}
.L3 A.active:visited SPAN {
FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ffffff
}
.Ls A:link {
PADDING-RIGHT: 4px; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-TOP: 4px; HEIGHT: 20px; TEXT-ALIGN: right; TEXT-DECORATION: underline
}
.Ls A:visited {
PADDING-RIGHT: 4px; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-TOP: 4px; HEIGHT: 20px; TEXT-ALIGN: right; TEXT-DECORATION: underline
}
.Ls A:hover {
PADDING-RIGHT: 4px; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-TOP: 4px; HEIGHT: 20px; TEXT-ALIGN: right; TEXT-DECORATION: underline
}
.Ls A:active {
PADDING-RIGHT: 4px; FONT-SIZE: 9pt; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-TOP: 4px; HEIGHT: 20px; TEXT-ALIGN: right; TEXT-DECORATION: underline
}
#bottom {
BACKGROUND: url(../images/img/menu_bottom_bg.gif) no-repeat; HEIGHT: 80px
}
js文件：/js/menu.js
var cur_id = "";
var flag = 0, sflag = 0; //-------- 菜单点击事件 -------
function c(srcelement) {
var targetid, srcelement, targetelement;
var strbuf;
//-------- 假设点击了展开或收缩button---------
targetid = srcelement.id + "d";
targetelement = document.getElementById(targetid);
if (targetelement.style.display == "none") {
//展开
srcelement.className = "active";
targetelement.style.display = '';
menu_flag = 0; var imgElt = document.getElementById(srcelement.id+"Image");
imgElt.src = "../images/jian.png"; } else {
//收缩
srcelement.className = "";
targetelement.style.display = "none";//收缩
menu_flag = 1; var imgElt = document.getElementById(srcelement.id+"Image");
imgElt.src = "../images/jia.png"; }
} //-------- 菜单所有展开/收缩 -------
var menu_flag = 1;
function menu_expand() {
if (menu_flag == 1)
expand_text.innerHTML = "收缩";
else
expand_text.innerHTML = "展开";
menu_flag = 1 - menu_flag;
// var links = document.getElementsByTagName("A");
// for (i = 0; i < links.length; i++) {
// srcelement = links[i];
// if (srcelement.parentNode.className.toUpperCase() == "L1"
// || srcelement.parentNode.className.toUpperCase() == "L21") {
// targetelement = document.getElementById(srcelement.id + "d");
// if (menu_flag == 0) {
// targetelement.style.display = '';
// srcelement.className = "active";
// } else {
// targetelement.style.display = "none";
// srcelement.className = "";
// }
// }
// } } function set_current(id) {
cur_link = document.getElementById("f" + cur_id)
if (cur_link)
cur_link.className = "";
cur_link = document.getElementById("f" + id);
if (cur_link)
cur_link.className = "active";
cur_id = id;
} //-------- 打开网址 -------
function a(URL, id) {
set_current(id);
// if (URL.substr(0, 7) != "http://" && URL.substr(0, 6) != "ftp://")
// URL = "/general/" + URL;
parent.openURL(URL, 0);
} function b(URL, id) {
set_current(id);
// URL = "/app/" + URL;
parent.openURL(URL, 0);
} //add by YZQ 2008-03-05 begin
function bindFunc() {
var args = [];
for ( var i = 0, cnt = arguments.length; i < cnt; i++) {
args[i] = arguments[i];
}
var __method = args.shift();
var object = args.shift();
return (function() {
var argsInner = [];
for ( var i = 0, cnt = arguments.length; i < cnt; i++) {
argsInner[i] = arguments[i];
}
return __method.apply(object, args.concat(argsInner));
});
}
var timerId = null;
var firstTime = true;
//add by YZQ 2008-03-05 end function d(URL, id) {
//add by YZQ 2008-03-05 begin
var winMgr = parent.parent.table_index.main.winManager;
if (!winMgr) {
if (firstTime) {
parent.openURL("/fis/common/frame.jsp", 0);
firstTime = false;
}
timerId = setTimeout(bindFunc(d, window, URL, id), 100);
return;
}
firstTime = true;
if (timerId) {
clearTimeout(timerId);
}
if (winMgr) {
winMgr.openActionPort("/fis/" + URL,
document.getElementById("f" + id).innerText);
return;
}
//add by YZQ 2008-03-05 end
set_current(id);
URL = "/fis/" + URL;
parent.openURL(URL, 0);
} //-------- 打开windows程序 -------
function winexe(NAME, PROG) {
URL = "/general/winexe? PROG=" + PROG + "&NAME=" + NAME;
window
.open(
URL,
"winexe",
"height=100,width=350,status=0,toolbar=no,menubar=no,location=no,scrollbars=yes,top=0,left=0,resizable=no");
}
图片资源：/images/jia.png，jian.png
java--css+js做的树形菜单(完整版)的更多相关文章
- 下拉的DIV+CSS+JS二级树型菜单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- java 传入list集合 返回树形菜单，for循环遍历
public List<SysPermissionVO> getTreeMenu(List<SysPermissionVO> list,SysPermissionVO sysP ...
- CSS+JS相应式导航菜单
响应式导航菜单 响应式导航菜单就是当网页在其他不同视口的样式,不同的设备需要不同的样式 需要掌握的知识 - 掌握媒体查询,如果你不是很懂那就看我写的CSS响应式布局 掌握CSS重的display:no ...
- 用html+css+js做打地鼠小游戏
html 代码 first.html <!DOCTYPE html> <html lang="en"> <head> <meta char ...
- Java从数据库读取页面树形菜单
从数据库加载菜单及子菜单主要使用递归的方法,具体实现可看代码 首先封装一个菜单pojo public class Menu { // 菜单id private String id; // 菜单名称 p ...
- js后台常用树形菜单
来源:http://www.sucaihuo.com/js/1093.html demo: http://www.sucaihuo.com/jquery/10/1093/demo/
- js实现树级递归，通过js生成tree树形菜单(递归算法)
方法封装: /** * 数据转换为树形(递归),示例:toTreeByRecursion(source, 'id', 'parentId', null, 'children') * @param {A ...
- Java递归应用：输出树形菜单
转自:https://blog.csdn.net/zhangzeyuaaa/article/details/24574769
- 学习Java的知识体系路线（详细完整版，附图加目录）
将网上的Java学习路线图进行归纳囊括,方便以后学习时弥补自身所欠缺的知识点,也算是给自己一个明确的学习方向.至于第一阶段,即JavaSE的基础,这里不给出. 第二阶段 技术名称 技术内容 数据库技术 ...
随机推荐
- input表单验证（全面）
1.英文字母 1 <script type="text/javascript"> 2 //验证只能是字母 3 function checkZm(zm){ 4 var z ...
- 学习easyui疑问（三）
今天我学习easyui中碰到的还有一问题是:怎样创建一个表格? 首先,在easyui中文官网上提供的这样一种定义方式: <!--table--> <table id="tt ...
- Windows Forms 对话框篇
1,标准对话框 Windows内置的对话框,又叫公用对话框,它们作为组件提供的,并且存在于System.Windows.Forms命名空间中. 手工方式: private void button1_C ...
- tomcat的classloader机制
本系列博客打算分析一下tomcat7.x的源码,其中可能会穿插一些java基础知识的介绍 读tomcat的源码的时候,我建议和官方的User Guide一起阅读,明白tomcat做某件事情的目的之后 ...
- JS实现按下按键触发点击事件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- Day2：数据类型
一.数字 1.整型(int),无长整型.python3.x,不论多大的数都是int #!/usr/bin/env python # -*- coding:utf-8 -*- # Author:Hiuh ...
- 判断Bigdecimal类型是否等于0的方法
1.我之前用来判断Bigdecimal类型是否等于0的方法 b.equals(BigDecimal.ZERO); 用equals方法和BigDecimal.ZERO进行比较. 2.上面方法存在的问题 ...
- 关于mybatis中，批量增删改查以及參数传递的问题
1.參数传递的问题 大多数情况下,我们都是利用map作为參数,而且大部分情况下都是仅仅有一个參数. 可是,我们也能够利用@param注解,来传入多个參数,此时,mybatis会自己主动将參数封装成ma ...
- jqgrid 实现行编辑，表单编辑的列联动
这个问题的场景相信大家都遇到过,比方有A,B,C三列,B,C列均为下拉框.可是C列的值是由B列的值来决定的.即C列中的值是动态变化的,变化的根据就是B列中你选择的值. 本文给出的是一个有用,简易快捷的 ...
- 去哪网实习总结：用到的easyui组件总结（JavaWeb）
本来是以做数据挖掘的目的进去哪网的,结构却成了系统开发... 只是还是比較认真的做了三个月,老师非常认同我的工作态度和成果.. . 实习立即就要结束了,总结一下几点之前没有注意过的变成习惯和问题,分享 ...