总结内门户统计数据报表制作的过程

本文详细介绍了内门户统计数据报表的制作过程,包括点击顶部按钮时左侧导航栏的切换和右侧表格数据的动态加载。重点讲解了如何通过后台方法获取数据,并在前端使用JavaScript和AJAX实现页面交互。在初次加载时,模拟点击事件以加载默认数据,并通过布尔变量控制后续点击行为,确保数据更新仅发生在右侧表格。
摘要由CSDN通过智能技术生成

先上效果图:


实现的功能主要是点击顶部三个按钮时,左侧导航栏切换到各自按钮下的选项框且默认第一个被选中,与此同时右侧表格显示第一栏选中的学校数据。

首先,顶部的三个选项框是通过后台execute方法直接获取的

public void execute(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		//使用request方法,在页面加载前获取本科、高职、独立院校名称
		Map map = new HashMap();
		List<Map> results = gjbxtjDomain.getButton(map);
		request.setAttribute("map", results);
	}
其中,execute方法是website前端框架中的一个页面处理类,其功能是页面渲染,在需要渲染界面时,并且存在页面处理类,页面处理类必须定义一个public的execute方法,当请求页面时,会执行该页面处理类的execute方法。execute方法中可以做一些渲染页面所需的查询操作,用于向页面提供数据。页面处理类不是必须的,可以没有。

前台页面通过EL表达式获取数据:

<div class="query_btns&
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值