ireport数据表格报表的简单使用

如果出现ireport打不开的问题正常都是因为JDK版本太高了,百度下如何简单,很容易的
首先:文件->new,选择Blank A4,Open this template

2、取个名字,选择下保存的位置,点击完成
3、此时新模板已经打开,下面我们开始介绍下模板的各部分是什么

4、设置连接驱动

第一步:选择new
第二部:选的Datebase JDBC Connection
第三步:

好了就点击save,会自动选中你刚建的数据源,下面编写SQL语句获取数据库的数据
5、编写sql语句

6、报表页面

7.如何画一个报表模板
这里介绍下画表格需要用到的组件

Rectangle是给表格画边框的,不使用这个那么表格就是无内外边框;
Static Text是静态文本,写什么就显示什么
Text Field可以理解为动态的文本框,可以指定显示数据库表中某一列的所有值
下面,就让我们动手画一个把。
1、选中Static Text组件,拖到模板的title部分,拖动组件的边框,使其与title一样大,如图,

在其中写入“用户信息”,如图,

这时候字体小而且靠左,所以找到右边-用户信息-属性这一栏,如图

找到下图这一栏,将size设置成适合的的大小,H开头的(水平位置)和V开头的(垂直位置)设置成center和middle,效果如下图


然后拖动Rectangle放到模板得到Column Headere部分,选中复制两份,让这三个平均分Page Headere部分,可以拖动Page Header下方的线,使其高度变小,如图


再拖动Static Text到刚刚的三个框上面,大小跟每个框一样大,填入内容,字体大小和位置跟上面一样设置,效果如图

点击模板上面一点点位置的Preview,预览一下现在报表表格的样子,如图

目前,表格还没有数据下面我给表格加数据(从数据库获取),首先,先如下图给表格主体部分加上内外边框,再拖动下图标记的线使其去表格的边框高度一致,如图

再找到组件面板的Text Field,拖到对应的边框上,大小与边框大小一致,效果如下图


下面给每个Text Field动态的设置值,选中用户id下面的Text Field,右边属性栏,找到下图的属性,点击三个小点打开,

效果如图:

然后先将其输入框里面的表达式删掉,用户ID这一列,我们就用数字,值就是当前这一行是第几行这样子,选择如下图红框所示的两个,代表统计行数,点击确定,如图

后面两个Text Filed跟上面相似,只是,后面两个分别对应数据库中的用户名和密码,所以我们选中Fields,分别选择name跟password,如下图
用户名这一列:

用户密码这一列

至此,我们的表格就画好了,大家可以预览一下了,不过在预览之前,还有个东西需要注意一下,在模板里面,我们预览的时候汉字是显示的,我们没有设置过,不过如果不设置,在真正生成pdf或者其他格式的文档的时候汉字会不现实,所以我们需要在模板 里面修改下字体格式,首先选中所有汉字的框(按住ALT左键点击),

找到我下图标记的两个属性,修改成图中的属性值:宋体,简体中文

好了,这回大家可以预览了,高清无码无水印的表格,如图

这只是简单使用,更复杂的功能,大家有兴趣自己百度把!!!!!

到此这篇关于ireport数据表格的简单使用报表的文章就介绍到这了,更多相关ireport报表使用内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

(0)

相关推荐

  • 解析spring boot与ireport 整合问题

    pom 文件依赖 <dependency> <groupId>net.sf.jasperreports</groupId> <artifactId>jasperreports</artifactId> <version>6.10.0</version> </dependency> <dependency> <groupId>org.codehaus.groovy</groupId&

  • iReport使用教程(示例教程)

    在使用ireport的过程中,因为各种功能都要百度,但是大家使用的例子又千差万别让人很苦恼,所以用一个简单例子贯穿的展示一下ireport的常见功能. iReport简介 说到iReport不得不先介绍Jasperreport,Jasperreport是一个报表制作程序,用户需要按照它制定的规则编写 一个XML文件,然后得到用户需要输出的格式文件.它支持输出的文件格式包括PDF,HTML,XML,XLS,CVS等等.而iReport就是一个制 作Jasperreport的XML文件的可视化开发工

  • 关于解决iReport4.1.1无法正常启动或者闪退或者JDK8不兼容的问题

    公司里面再用iReport的时候,我也安装使用了. 但是面临一个问题 我的iReport始终不能打开,困绕了老半天  但是是软件问题不方便问大佬自己研究了老大一会儿 加载之后就闪退了!!! 最后还是老大还是跟我说了需要JDK1.7才可以,我的电脑安装了两个jdk 一个是1.7的一个是1.8的   平时用的1.8  所以我开发的时候一直都是1.8  突然换成1.7的很麻烦 所以经过这两天的研究 我更改了配置文件,使得它单独强制的去使用jdk1.7来启动 1.我们打开\iReport-4.1.1\e

  • ireport数据表格报表的简单使用

    如果出现ireport打不开的问题正常都是因为JDK版本太高了,百度下如何简单,很容易的 首先:文件->new,选择Blank A4,Open this template 2.取个名字,选择下保存的位置,点击完成 3.此时新模板已经打开,下面我们开始介绍下模板的各部分是什么 4.设置连接驱动 第一步:选择new 第二部:选的Datebase JDBC Connection 第三步: 好了就点击save,会自动选中你刚建的数据源,下面编写SQL语句获取数据库的数据 5.编写sql语句 6.报表页面

  • asp.net下用Aspose.Words for .NET动态生成word文档中的数据表格的方法

    1.概述 最近项目中有一个这样的需求:导出word 文档,要求这个文档的格式不是固定的,用户可以随便的调整,导出内容中的数据表格列是动态的,例如要求导出姓名和性别,你就要导出这两列的数据,而且这个文档不是导出来之后再调整而是导出来后已经是调整过了的.看到这里,您也许马上想到用模板导出!而且.NET中自带有这个组件:Microsoft.Office.Interop.Word,暂且可以满足需求吧.但这个组件也是有局限性的,例如客户端必须装 office组件,而且编码复杂度高.最麻烦的需求是后面那个-

  • Layui给数据表格动态添加一行并跳转到添加行所在页的方法

    Layui是一个前端 UI 框架,该框架风格优雅,但由于发布时间较短,很多功能并没有提供实现. 笔者在使用Layui的数据表格的时候,需求是这样的:当点击添加按钮的时候,就在数据表格最后动态添加一行.上述功能官方并没有给出实现,需要自己手动解决. 解决思路及方案 简单分析:根据需求--动态添加一行,首先想到的是利用JS/jQuery操作DOM对象实现在数据表格table中手动添加一个tr,但由于数据表格的每一行的每一个单元格都有其样式,因此,要想动态添加的一行与Layui数据表格渲染出来的每一行

  • React 全自动数据表格组件——BodeGrid的实现思路

    表格是在后台管理系统中用的最频繁的组件之一,相关的功能有数据的新增和编辑.查询.排序.分页.自定义显示以及一些操作按钮.我们逐一深入进行探讨以及介绍我的设计思路: 表格是在后台管理系统中用的最频繁的组件之一,相关的功能有数据的新增和编辑.查询.排序.分页.自定义显示以及一些操作按钮.我们逐一深入进行探讨以及介绍我的设计思路: 新增和编辑 想想我们最开始写新增编辑页面是怎么做的,是不是一个页面一个页面的写,然后要么表单提交要么Ajax提交.后台有无数个新增和编辑的视图页,现在想想真是恐怖啊,看着都

  • layUI使用layer.open,在content打开数据表格,获取值并返回的方法

    在layUI编写的页面中,遇到这么一种情况,从一个页面中使用layer.open打开一个新窗口,新窗口中是一个数据表格,现在需要选中数据表格中的一列并获取它的值,以便下面这个选择按钮可以使用这个值进行后一步的操作. 如简单的选中之后显示选中数据的id. 首先在当前原始页面上,定义一个工具条 <button class="layui-btn" data-type="simulatePack">模拟</button> 在实现这个工具条的点击操作-

  • layui数据表格 table.render 报错的解决方法

    一.报错信息 Whitelabel Error Page This application has no explicit mapping for /error, so you are seeing this as a fallback. Wed Jan 23 15:20:18 CST 2019 There was an unexpected error (type=Internal Server Error, status=500). An error happened during temp

  • jQuery EasyUI API 中文文档 - DataGrid数据表格

    扩展自 $.fn.panel.defaults ,用 $.fn.datagrid.defaults 重写了 defaults . 依赖 panel resizable linkbutton pagination 用法 复制代码 代码如下: <table id="tt"></table> 复制代码 代码如下: $('#tt').datagrid({ url:'datagrid_data.json', columns:[[ {field:'code',title:'

  • Angualrjs和bootstrap相结合实现数据表格table

    AngularJS的数据表格 需要使用angualarjs.bootstrap.dirPagination.js 效果图: 1.html部分 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" data-ng-app="app"> <head> <meta http-equiv="Content-Type" content="te

  • BootStrap数据表格实例代码

    首先初始化页面 $(function(){ $('#archives-table').bootstrapTable({ url: "/coinSend/list",//数据源 dataField: "rows",//服务端返回数据键值 就是说记录放的键值是rows,分页时使用总记录数的键值为total search: true,//是否搜索 cache: false, striped: true, pagination: true,//是否分页 sortable:

  • Yii框架批量插入数据扩展类的简单实现方法

    本文实例讲述了Yii框架批量插入数据扩展类的简单实现方法.分享给大家供大家参考,具体如下: MySQL INSERT语句允许插入多行数据,如下所示: INSERT INTO tbl_name (a,b,c) VALUES(1,2,3),(4,5,6),(7,8,9); 那么要实现批量插入,主要的任务就是按照列顺序,把数据组装成上述格式即可,可以使用sprintf和vsprintf函数来实现. 下面是一个实现批量插入的Yii扩展类的简单示例(支持VARCHAR类型数据): <?php /** *

随机推荐