设计水晶报表

太过爱你忘了你带给我的痛 2022-01-21 03:51 322阅读 0赞

开发工具与关键技术：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 () {});}

现在启动项目，点击打印当前数据，是否可以弹出提示框。  
![在这里插入图片描述][20190608013003800.png]  
弹出提示框没问题，就回到控制器给这个水晶报表设置数据源以及画水晶报表的模板，那么水晶报表就会按照这个模型打印出来。  
找到需要打印水晶报表员工信息区域，新增一个文件夹，改一下文件名，接下来我们要新增一个数据源，右键刚刚新建的文件夹，点击添加，点击新建项。  
![在这里插入图片描述][20190608013021213.png]  
然后回弹出这个模态框，找到数据并点击，然后选择数据集，改一下名称，然后点击添加。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MDI1MQ_size_16_color_FFFFFF_t_70]  
这时弹出一个界面，鼠标右键，会弹出一个提示框，选择添加，这里可以选择查询，通过链接数据库直接链接数据表查询数据源。但我们需要的那张数据表，数据库库里是没有的，所以我们选择DataTable新建一张数据表。  
![在这里插入图片描述][20190608013110426.png]  
改一下表的名称,右键这张表添加列。  
![在这里插入图片描述][20190608013134896.png]  
然后往列添加字段。  
![在这里插入图片描述][20190608013157328.png]  
到这里还有一步很重要，选择一个字段右键点击属性，修改数据类型，id不是字符串，所以要改为int32类型，除了id要改类型，还有一些小数类型的也要改，否则查不出数据，数据类型与数据库的类型不一样，就会出错。  
![在这里插入图片描述][20190608013227459.png]  
修改好了点击保存，现在添加新建项，点击Reporting,改一下名称。选择作为空白的报表，点击确定。这时弹出一个类似画板的界面，右击数据库专家，选择第一个项目数据，点击数据集，双击刚刚我们新建的那张表，这是这张表会出现在右边，表示选中这张表  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MDI1MQ_size_16_color_FFFFFF_t_70 1]  
点击确定，右击表格外空白处可以设计表格大小，拖动表行可以调整表行大小。主要编辑报表头，页尾，详细资料。点击报表头可以插入很多东西，我们先添加文本对象来设计表头，写完文本右键可以对文本字体大小，文本居中对齐等样式进行编辑，在添加一个文本对象写打印日期，然后插入一个特殊字段，把打印时间拉到对应的地方。  
![在这里插入图片描述][20190608013316872.png]  
在左下角有一个主报表，一个主报表浏览，那么我们可以通过切换来边编辑，边预览，那么我们的报表头已经完成了；现在开始做表头（页眉）行，页尾行的数据要与详细资料传进来的数据相等，那么要怎么做呢，点击数据库字段打开刚刚添加的那张数据表，点击数据拖到详细资料与页眉的中间，再松开鼠标。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MDI1MQ_size_16_color_FFFFFF_t_70 2]  
Id不用拖进来，其他字段都拖进来后，把页眉的对应的字段改成中文，ctr+鼠标选中所有页面字段，鼠标右键点击编辑设计多个对象格式，调整字体大小，文本居中。然后右键插入框，框住页眉行，右键框设计对象格式，点击颜色，选择背景颜色，填充颜色也要设计相同的颜色。  
![在这里插入图片描述][201906080134064.png]  
确定，ctrl+鼠标选则页眉行所有字段修改字体颜色。再在最外层插一个框，把页眉和详细资料行都包住，然后在每个字段再 插入一条线。点击主报表预览，看看效果  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MDI1MQ_size_16_color_FFFFFF_t_70 3]  
那么我们的水晶报表就设计完成了。

[20190608013003800.png]: /images/20220121/68105907dfbf4bec8db3b22d93a8e16f.png
[20190608013021213.png]: /images/20220121/8a0588d12ab6403c9f9edde147dfcd40.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MDI1MQ_size_16_color_FFFFFF_t_70]: /images/20220121/48f1e6bb82ab4ecd8608821165286d50.png
[20190608013110426.png]: /images/20220121/7432047d8043415fabd3820fa5546362.png
[20190608013134896.png]: /images/20220121/867ccd08fe314b1ab6f747493d452377.png
[20190608013157328.png]: /images/20220121/b72f88a8421d4f7ab95bc86df7611a46.png
[20190608013227459.png]: /images/20220121/a680c54cc81e4a4d983abbbea366f25d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MDI1MQ_size_16_color_FFFFFF_t_70 1]: /images/20220121/98657b63c146449a99bd639742e13d56.png
[20190608013316872.png]: /images/20220121/ed9c8e7b6964458491d162d39c7fb864.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MDI1MQ_size_16_color_FFFFFF_t_70 2]: /images/20220121/f505f11a72684905857fe2641a24109d.png
[201906080134064.png]: /images/20220121/f5f2828622844f54b238df192939ae7d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MDI1MQ_size_16_color_FFFFFF_t_70 3]: /images/20220121/98c6515ac3994e2bbdd6f01898a9e8d6.png