esayUi的后台工作

接下来我们要实现的是esayui的后台接收数据库的连接

我们要实现的功能是根据数据库提示的图牌改变其所对应的图片

如图所示的小图标

我们需要写一个dao方法调用实现方法dao方法代码如下

@Override
	public List<Module> getAllByPid(int pid) {
		List<Module> ls =new ArrayList<Module>();
		try {
			con =DBHelper.getCon();//获得连接
			String sql ="select * from  tb_module where pid=? order by sort";//定义sql语句
			ps =con.prepareStatement(sql);//获得执行对象
			//给占位符赋值
			ps.setInt(1, pid);
			//获得结果集
			rs =ps.executeQuery();
			//遍历结果集
			while(rs.next()) {
				//实例化
				Module m =new Module();
				//给对象赋值
				m.setId(rs.getInt(1));
				m.setPid(rs.getInt(2));
				m.setText(rs.getString(3));
				m.setIconCls(rs.getString(4));
				m.setUrl(rs.getString(5));
				m.setSort(rs.getInt(6));
				//加到集合中
				ls.add(m);
			}
		} catch (Exception e) {
			e.printStackTrace();
		}finally {
			DBHelper.myClose(con, ps, rs);
		}
		return ls;
	}

我们需要实现这个功能还需要使用iframe内嵌框架使用这个我们还需要导包使用

在主页面调用到方法代码如下

$(function() {
		//加载树的数据  ajax
		$('#myTree').tree({
			url : ctx + '/module.do',//请求地址servlet   
			animate : true,//让节点显示动画效果
			onDblClick : function(node) {//节点=对象
				//alert(node.text); // 在用户点击双击的时候提示
				//alert(node.iconCls);
				//alert(node.url);
				//判断是否是子节点
				var nodes = $('#myTree').tree('getChildren',node.target);
				//alert(nodes.length);
				if(nodes.length==0){//说明没有子节点
					//判断选项卡是否存在
					var f = $('#myTab').tabs('exists',node.text);
					if(!f){//说明不存在
						//不存在就新增加一个选项卡
						$('#myTab').tabs('add',{//iconCls:'icon-mini-refresh'    
						    title:node.text,//标题    
						    content:'<iframe width="100%" height="100%" scrolling="no" frameborder="0" src="'+node.url+'" ></iframe>',//内容    
						    closable:true,//是否可以关闭   
						    iconCls:node.iconCls//图标   
						   
						});  
					}
					else{//存在就让其对应选中
					 $('#myTab').tabs('select',node.text);
					}
				}
				
				//iframe内嵌框架
			}

		});
	})