easyui(tree后台工作)

上一节讲的tree前端,下面咱就讲讲tree的后台,既然是后台工作,那就少不了三层架构,在升级一下就是mvc(模型层----视图层----控制机器)版项目,前台和后台联动实现功能效果。

首先就是搭好底层代码也就是三层架构

数据库辅助类

《代码演示》

private static String URL = "jdbc:oracle:thin:@localhost:1521:orcl";
	private static String CNAME ="oracle.jdbc.driver.OracleDriver";
	
	/**
	 * 加载驱动
	 */
	static {
		try {
			Class.forName(CNAME);
		} catch (Exception e) {
			e.printStackTrace();
		}
	}

	/**
	 * 创建链接
	 * @return 链接
	 */
	public static Connection getCon() {
		Connection con = null;
		try {
			con = DriverManager.getConnection(URL, "scott", "tiger");
		} catch (Exception e) {
			e.printStackTrace();
		}
		return con;
	}
	
	/**
	 * 关闭资源
	 * @param con 
	 * @param ps
	 * @param rs
	 */
	public static void myclos(Connection con,PreparedStatement ps,ResultSet rs) {
		try {
			if(rs!=null) {
				rs.close();
			}
			if(ps!=null) {
				ps.close();
			}
			if(con!=null&&!con.isClosed()) {
				con.close();
			}
		} catch (Exception e) {
			e.printStackTrace();
		}
	}

实体类

数据库访问层

 图片为一个父接口

以下代码需继承以及实现该接口的方法

private Connection con = null;
	private PreparedStatement ps = null;
	private ResultSet rs = null;
	
	@Override
	public List<Module> getAllByPid(int pid) {
		List<Module> ls = new ArrayList<Module>();
		try {
			//获得连接
			con = DBHelper.getCon();
			//定义sql语句
			String sql = "select * from tb_module where pid=? order by sort";
			//获得执行对象
			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.myclos(con, ps, rs);
		}
		return ls;
	}

业务逻辑层

和数据访问层相似,先定义一个父接口后需实现该接口的方法,不同点在于,业务逻辑层秩序要实例化数据访问层调用里面的方法就可以。提示:实例化需用里氏替换原则)

《如图所示----仅供参考》

其次,搭好底层代码后,先着手搭前台界面

 

再者,写逻辑代码页面,也就是servlet 

在前台界面获取到逻辑界面的地址

最后需要将数据绑到前台界面,在逻辑界面调用数据访问层的方法,连接到数据库

阅读终点,创作起航,您可以撰写心得或摘录文章要点写篇博文。去创作
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
easyui是一个基于jQuery的UI框架,提供了丰富的界面组件和交互效果,方便开发人员快速构建Web页面。而treeeasyui中的一个树状组件,用于展示层级关系的数据。 在使用easyui tree进行java开发时,我们首先需要引入easyui的相关依赖包,并在页面中引入相应的脚本和样式文件。然后,我们可以通过在页面中定义一个div容器,将tree组件渲染在页面上。 在java后台代码中,我们需要提供数据给tree组件进行展示。一般来说,我们可以通过数据库查询、接口调用等方式获取数据,并将数据转换为json格式。然后,将json数据返回给前端页面,供tree组件使用。 接下来,我们需要在前端页面中初始化并配置tree组件。通过调用easyui提供的API,我们可以设置tree的数据源、展开图标、折叠图标、节点点击事件等。可以根据具体需求对tree进行自定义配置,以满足我们的业务需求。 在页面渲染完成后,easyui tree组件会自动将数据渲染为树状结构,并提供相应的交互功能,比如展开收起节点、选中节点等。我们可以通过对tree组件的事件进行监听,实现特定操作,比如点击节点后加载子节点、在节点上右键弹出菜单等。 总之,通过使用easyui tree组件,结合java后台开发,我们可以方便地实现树形结构的展示和交互操作,提升用户体验,简化开发流程。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

呼啦啦dxy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值