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

ironhide1994

于 2018-01-30 10:02:12 发布

阅读量1k

点赞数 1

分类专栏： KnockOut JS

本文链接：https://blog.csdn.net/ironhide1994/article/details/79196283

版权

本文详细介绍了内门户统计数据报表的制作过程，包括点击顶部按钮时左侧导航栏的切换和右侧表格数据的动态加载。重点讲解了如何通过后台方法获取数据，并在前端使用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表达式获取数据：