🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 一、设计概述 >[info] 这里是面向技术人员,从零开始了解并设计报表; ### 1、通用操作 报表的元素设计,都是点击元素后,在properties页中能找到对应的设计栏目并做相应设置即可。 ### 2、元素布局 ![](https://box.kancloud.cn/a9dc1c519f89b520af2c2ddfcecb67f8_475x265.png) ### 3、 Band设置 每种band对应了不同的打印效果,可以通过拖拉各种band的高度,调整每页的打印效果。 ### 4、设计元素 分为基本元素和组合元素两种。 ![](https://box.kancloud.cn/abf64f28d158a023047f1b1b1977d67c_554x206.png) 每一个元素都必须在一个band内部,如果一个元素跨了一个以上的band,那么在编译的时候将会抛出元素位置错误的异常。 ### 5、设计标签 设计标签页分为三类,一类是是任何控件都包含的固定标签,一类是与控件有关的标签,另外一类就是直接的控件标签。 固定的设计标签包括以下几个:外观、边框、继承及高级特性,其中继承标签只读,不需要设计。 根据控件的不同,会有额外的一些标签,比如TextField就会有一个TextField标签,以及可以做超级链接的控件会有一个超级链接标签。 ## 二、元素布局 元素宽度一致,将两个元素的大小进行处理 ![](https://box.kancloud.cn/77f0e1b7f55e2262b93c57adea9becf8_437x169.png) ![](https://box.kancloud.cn/07d6bb96eb96f68121f64ce8426efac6_477x174.png) ## 三、报表结构 报表包括以下结构 (Title、Page Header、Column Header、Detail 、Column Footer、 Page Footer 和Summary) 除了这些之外,每当我们添加一个group时就会有两个新的band添加到报表当中:group footer bands和group header bands。 ![](https://box.kancloud.cn/84b42a3e3e4ae4032a6778c3fa86d1b0_554x317.png) 报表被垂直分成若干个部分,每一个部分我们叫它“band”。每一个band都有自己的特性,在报表生成的时候有些会打印一次,有些会打印多次。 ### 1、Title Band title段只在整个报表的第一页的最上面部分显示,除了第一页,不管报表中有多少个页面也不会再出现Title band中的内容。就是报表的标题。 ### 2、pageHeader Band pageHeader段中的内容将会在整个报表中的每一个页面中都会出现,显示的位置在页面的上部。如果是报表的第一页,pageHeader中的内容将显示在Title Band 下面,除了第一页以外的其他所有页面中,pageHeader 中的内容将显示在页面的最上端,即页眉。 ### 3、pageFooter Band 显示在所在页面的最下端,即页脚。 ### 4、Detail Band 报表内容段,在这个Band中设计报表中需要重复出现的内容,Detail 段中的内容每页都会出现。 ### 5、columnHeader Band 针对Detail Band的表头段,一般情况下在这个段中画报表的表头。 ### 6、columnFooter Band 针对Detail Band的表尾段。 ### 7、Summary Band 表格的合计段,出现在整个报表的最后一页中的Detail band的后面,一般用来统计报表中某一个或某几个字段的合计值。 ### 8、lastPageFooter 内容将会出现在报表的最后一页的最后部分。只在最后页打印一次。 ### 9、Group header 一个报表能容纳零个到多个group bands,它允许收藏详细的记录在不同的groups。有group header ,自然要有group footer(他们能能独立的展现和取消)。不同的属性被联合在一个group。它可能影响一个新的页的group header或者一个newcolumn,打印这个band在整个页的下面,如果这个bands超出了一个单独的页(以一个组的级别作为一个page header)。它 可能去修改被请求的高度并打印它:如果它超过其他的高度,这个group将被打印在一个新的page(特别要注意它的值由于太长,在打印时会无限的循环)。 ### 10、Group footer 这个band表示一个group的结束。通常它包含的区域显示小计或者分开图解元素,作为一条线,等等。 ### 11、Background 能够创建水印和similar effects而引入 (整个页面的结构). 它可以具有最大的高度以至于和页面高度一样。 ## 四、页面设置 点击报表的 Properties---Report---Edit Page Format,可以更改报表的高宽等,还可以选择报表每页分多少列,页面版式等等 ![](https://box.kancloud.cn/65daffa2c79513117709177a74a77d15_458x216.png) ![](https://box.kancloud.cn/90ce0f8ff780ed16950152b7ea7cb543_418x231.png) ## 五、固定标签 ## 六、基本控件 ## 七、组合控件