花千骨之校园千金生活:在MVC2.0使用Lodop为WEB打印提出完美解决方案

通过好友CallHot介绍Lodopweb打印控件。由于是国人开发的，故这两天认真了研究下，打算在未来的项目中使用。现将学习成果与园友分享。如果存在不足的地方，希望您指出。

具体的实现步骤如下：

     一、准备工作

        1.MVC2.0 + jQuery1.4.1 开发环境。

        2.Lodop web 打印控件，官方地址：http://mtsoftware.v053.gokao.net/download.html  (注：国人开发，免费软件)。

        3.StringTemplate，C#开源模板引擎。官方地址：http://www.stringtemplate.org。

     本文主要给出WEB下打印步骤实现方案，具体的技术实现细节，请查看官方API。lodop,stringtemplate 官方已给出了详尽的文档说明。

    二、MVC2.0使用StringTemplate构造打印模板

       StringTemplate 文中简称st。网络上有相关文档介绍st效率还不错。本文将st作为报表打印模板。在实际项目开发中将繁杂的报表打印工作内容，部分分配给美工来处理。而开发人员只需提供数据源接口。使用st可以减轻开发人员的工作量。并将报表开发任务分工更细致。给项目带来的好处就不多论了。具体实现如下：

      1.在MVC2.0项目中引用st核心dll：

      2.建立st的模板文件，template.st（st模板专用文件）：

也可以认为st文件就是一个普通的html文件。该部分主要由美工负责处理，比如CSS。

       3.在MVC2.0 controller 内建立提供数据源的 JsonResult：

1. public JsonResult Print() 
2. { 
3.     //构造打印数据 
4.     List list = new List(); 
5.     for (int i = 0; i < 100; i++) 
6.     { 
7.         list.Add(new CustomerTest { CustomerName = "candy" + i, CustomerAddress = "思明区" + i, CustomerPhone = "13148484855" + i }); 
8.         list.Add(new CustomerTest { CustomerName = "linda" + i, CustomerAddress = "湖里区" + i, CustomerPhone = "13847487545" + i }); 
9.         list.Add(new CustomerTest { CustomerName = "ellie" + i, CustomerAddress = "海昌区" + i, CustomerPhone = "1359984665" + i }); 
10.     } 
11.  
12.     //StringTemplate 打印模板文件，实际项目中为提高程序效率，应将打印模板文件缓存。 
13.     string serverPath = System.Web.HttpContext.Current.Server.MapPath("~"); 
14.     string path = Path.Combine(serverPath, @"PrintTemplate\"); 
15.  
16.     StringTemplateGroup group = new StringTemplateGroup("myGroup", path, typeof(TemplateLexer)); 
17.     StringTemplate st = group.GetInstanceOf("template"); 
18.     st.SetAttribute("customer", list); 
19.  
20.     //为打印提供html相关超文本内容。 
21.     StringBuilder sb = new StringBuilder(); 
22.     sb.Append(@""); 
23.     sb.Append(""); 
24.     sb.Append(@""); 
25.     sb.Append(@""); 
26.     string cssContent = System.IO.File.ReadAllText(Path.Combine(serverPath, @"Content\CSS\CSSForPrint.css")); 
27.     sb.Append(@""); 
28.     sb.Append(cssContent); 
29.     sb.Append(@""); 
30.     sb.Append(""); 
31.     sb.Append(""); 
32.     sb.Append(st.ToString()); 
33.     sb.Append(" "); 
34.     sb.Append(""); 
35.     sb.Append(""); 
36.  
37.     return Json(new { success = true, data = sb.ToString() }, JsonRequestBehavior.AllowGet); 
38. } 

其中CustomerTest是自定义数据类，已经给出详细的注释了。仔细阅读不难理解。

      4.MVC2.0 view html head 内加入js 代码:

1.  
2.      
3.     
4.         height="0"> 
5.      
6.      
7.    
8.         function prn1_preview(data) { 
9.             LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_打印表格"); 
10.             //报表标题 
11.             LODOP.ADD_PRINT_HTM(50, 300, 330, 300, 
12.                       "客户列表(制表人：张三)"); 
13.             //报表内容打印。 
14.             LODOP.ADD_PRINT_TABLE(100, 150, 760, 900, data); 
15.             LODOP.PREVIEW(); 
16.         }; 
17.    
18.         $(function () { 
19.             $("#btnPrint").click(function () { 
20.                 var url = '<%=Url.Action("Print","Home") %>'; 
21.                 $.ajax({ 
22.                     type: "POST", 
23.                     url: url, 
24.                     cache: false, 
25.                     dataType: 'json', 
26.                     success: function (result) { 
27.                         if (result.success) { 
28.                             prn1_preview(result.data); 
29.                         } 
30.                     } 
31.                 }); 
32.             }); 
33.         }) 
34.      
35.  

三、运行截图

最后一页打印预览：

打印机横向打印：

 四、注意事项
     本文给出的web打印方案需要读者对MVC2.0 、jQuery 、StringTemplate 有一定的了解。另外本例只是在IE下实现了WEB打印