设计水晶报表

开发工具与关键技术：MVC
作者：文泽钦
撰写时间：2019年6月5日

我们都知道开启表头工具兰可以打印水晶报表，表头工具打印有几个弊端，一、打印出的数据比较模糊；二、不支持多页面数据数据打印，只能打印单页面上显示出的数据；三、打印出的数据没有标题行。
先在表头工具栏给一个打印按钮和点击事件：

<button type="button" class="btn btn-sm btn-primary" onclick="printAchievement()">打印当前数据</button>

在打印前是先要对数据的查询，上次我们已经在导出Excel写了查询方法了，现在先把提示框的部分写了。

//打印水晶报表
function printAchievement(){
//输出提示内容
      layer.confirm("确定要打印当前表格中的数据吗？是请点击确定，否则请先筛选数据再进行打印！", { icon: 3, title: "提示" }, function () {});}

现在启动项目，点击打印当前数据，是否可以弹出提示框。

弹出提示框没问题，就回到控制器给这个水晶报表设置数据源以及画水晶报表的模板，那么水晶报表就会按照这个模型打印出来。
找到需要打印水晶报表员工信息区域，新增一个文件夹，改一下文件名，接下来我们要新增一个数据源，右键刚刚新建的文件夹，点击添加，点击新建项。

然后回弹出这个模态框，找到数据并点击，然后选择数据集，改一下名称，然后点击添加。

这时弹出一个界面，鼠标右键，会弹出一个提示框，选择添加，这里可以选择查询，通过链接数据库直接链接数据表查询数据源。但我们需要的那张数据表，数据库库里是没有的，所以我们选择DataTable新建一张数据表。

改一下表的名称,右键这张表添加列。

然后往列添加字段。

到这里还有一步很重要，选择一个字段右键点击属性，修改数据类型，id不是字符串，所以要改为int32类型，除了id要改类型，还有一些小数类型的也要改，否则查不出数据，数据类型与数据库的类型不一样，就会出错。

修改好了点击保存，现在添加新建项，点击Reporting,改一下名称。选择作为空白的报表，点击确定。这时弹出一个类似画板的界面，右击数据库专家，选择第一个项目数据，点击数据集，双击刚刚我们新建的那张表，这是这张表会出现在右边，表示选中这张表

点击确定，右击表格外空白处可以设计表格大小，拖动表行可以调整表行大小。主要编辑报表头，页尾，详细资料。点击报表头可以插入很多东西，我们先添加文本对象来设计表头，写完文本右键可以对文本字体大小，文本居中对齐等样式进行编辑，在添加一个文本对象写打印日期，然后插入一个特殊字段，把打印时间拉到对应的地方。

在左下角有一个主报表，一个主报表浏览，那么我们可以通过切换来边编辑，边预览，那么我们的报表头已经完成了；现在开始做表头（页眉）行，页尾行的数据要与详细资料传进来的数据相等，那么要怎么做呢，点击数据库字段打开刚刚添加的那张数据表，点击数据拖到详细资料与页眉的中间，再松开鼠标。

Id不用拖进来，其他字段都拖进来后，把页眉的对应的字段改成中文，ctr+鼠标选中所有页面字段，鼠标右键点击编辑设计多个对象格式，调整字体大小，文本居中。然后右键插入框，框住页眉行，右键框设计对象格式，点击颜色，选择背景颜色，填充颜色也要设计相同的颜色。

确定，ctrl+鼠标选则页眉行所有字段修改字体颜色。再在最外层插一个框，把页眉和详细资料行都包住，然后在每个字段再 插入一条线。点击主报表预览，看看效果

那么我们的水晶报表就设计完成了。