学业绩效成绩表的设计

登录

本帖最后由 KearneyKang 于 2022-8-18 15:26 编辑

今天给大家来点干货分享，如何使用前端报表控件ARJS通过拖拉拽实现大学成绩绩效表的设计。

1、首先我们来解析下这张报表

该表主要分为三个部分:

表头：也是就是学生基础信息，包括学习：姓名、学院、专业、学号、班级、学历、毕业证号

明细部分：显示大学四年的考试绩效成绩，包含学期、课程名称、学分、成绩

明细部分你自己看发现其实是三个相同的模块

表尾部分：表尾部分主要是学分的统计、平均成绩、平均绩点

2、拆分完这张表之后，那么就可以根据实际需求进行报表的设计

首先给报表添加页眉和页脚，页眉中通过文本框来设置表头需要显示的信息表头和页脚通过文本框来进行表尾的显示设计

中间内容区域，首先使用表格控件，然后利用表格控件的分组，分组条件根据绑定数据的中的数据字段学年和学期进行分组，

明细内容是三个相同的模块，也就是在一个内容区域显三个相同区域。那么这可以使用报表字段的分栏属性来设置，

3、最终设计好的报表设计样式

4、最终预览结果：

5、报表模板

dongguac10 · dongguac10

学习了，很详细。

Bella.Yuan · Bella.Yuan

dongguac10 发表于 2022-8-18 22:22
学习了，很详细。

		自动登录	找回密码
密码			立即注册

2 个回复