一起谈.NET技术,在MVC2.0使用Lodop为WEB打印提出完美解决方案

简介:   通过好友CallHot介绍Lodopweb打印控件。由于是国人开发的,故这两天认真了研究下,打算在未来的项目中使用。现将学习成果与园友分享。如果存在不足的地方,希望您指出。  具体的实现步骤如下:  一、准备工作   1.MVC2.0 + jQuery1.4.1 开发环境。

  通过好友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:

 
 
public JsonResult Print()
{
// 构造打印数据
List < CustomerTest > list = new List < CustomerTest > ();
for ( int i = 0 ; i < 100 ; i ++ )
{
list.Add(
new CustomerTest { CustomerName = " candy " + i, CustomerAddress = " 思明区 " + i, CustomerPhone = " 13148484855 " + i });
list.Add(
new CustomerTest { CustomerName = " linda " + i, CustomerAddress = " 湖里区 " + i, CustomerPhone = " 13847487545 " + i });
list.Add(
new CustomerTest { CustomerName = " ellie " + i, CustomerAddress = " 海昌区 " + i, CustomerPhone = " 1359984665 " + i });
}

// StringTemplate 打印模板文件,实际项目中为提高程序效率,应将打印模板文件缓存。
string serverPath = System.Web.HttpContext.Current.Server.MapPath( " ~ " );
string path = Path.Combine(serverPath, @" PrintTemplate\ " );

StringTemplateGroup group
= new StringTemplateGroup( " myGroup " , path, typeof (TemplateLexer));
StringTemplate st
= group.GetInstanceOf( " template " );
st.SetAttribute(
" customer " , list);

// 为打印提供html相关超文本内容。
StringBuilder sb = new StringBuilder();
sb.Append(
@" <html xmlns='http://www.w3.org/1999/xhtml' lang='zh-CN'> " );
sb.Append(
" <head> " );
sb.Append(
@" <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> " );
sb.Append(
@" <meta http-equiv='Content-Language' content='zh-CN' /> " );
string cssContent = System.IO.File.ReadAllText(Path.Combine(serverPath, @" Content\CSS\CSSForPrint.css " ));
sb.Append(
@" <style type='text/css'> " );
sb.Append(cssContent);
sb.Append(
@" </style> " );
sb.Append(
" </head> " );
sb.Append(
" <body> " );
sb.Append(st.ToString());
sb.Append(
" " );
sb.Append(
" </body> " );
sb.Append(
" </html> " );

return Json( new { success = true , data = sb.ToString() }, JsonRequestBehavior.AllowGet);
}

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

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

 
 
< asp:Content ID = " Content3 " ContentPlaceHolderID = " Head " runat = " server " >
< script language = " javascript " src = " CheckActivX.js " >< / script>
< object id = " LODOP " classid = " clsid:2105C259-1E0C-4534-8141-A753534CB4CA " width = " 0 "
height
= " 0 " >
< / object>
< script type = " text/javascript " >

function prn1_preview(data) {
LODOP.PRINT_INIT(
" 打印控件功能演示_Lodop功能_打印表格 " );
// 报表标题
LODOP.ADD_PRINT_HTM( 50 , 300 , 330 , 300 ,
" <font color ='black' size ='6'>客户列表</font><font color ='blue' size ='2'>(制表人:张三)</font> " );
// 报表内容打印。
LODOP.ADD_PRINT_TABLE( 100 , 150 , 760 , 900 , data);
LODOP.PREVIEW();
};

$(
function () {
$(
" #btnPrint " ).click( function () {
var url = ' <%=Url.Action("Print","Home") %> ' ;
$.ajax({
type:
" POST " ,
url: url,
cache:
false ,
dataType:
' json ' ,
success:
function (result) {
if (result.success) {
prn1_preview(result.data);
}
}
});
});
})
< / script>
< / asp:Content>

  三、运行截图

  最后一页打印预览:

  打印机横向打印:

  四、注意事项

   本文给出的web打印方案需要读者对MVC2.0 、jQuery 、StringTemplate 有一定的了解。另外本例只是在IE下实现了WEB打印,如果需要Firefox或其他浏览器下支持web打印请联系Lodop作者

  希望本篇文章可以给您带来帮助,如有不足之处欢迎指出,谢谢!

目录
相关文章
|
9月前
|
安全 Java API
Java Web 在线商城项目最新技术实操指南帮助开发者高效完成商城项目开发
本项目基于Spring Boot 3.2与Vue 3构建现代化在线商城,涵盖技术选型、核心功能实现、安全控制与容器化部署,助开发者掌握最新Java Web全栈开发实践。
805 1
|
9月前
|
运维 监控 安全
EventLog Analyzer:高效的Web服务器日志监控与审计解决方案
ManageEngine EventLog Analyzer是一款企业级Web服务器日志监控与审计工具,支持Apache、IIS、Nginx等主流服务器,实现日志集中管理、实时威胁检测、合规报表生成及可视化分析,助力企业应对安全攻击与合规挑战,提升运维效率。
458 1
|
9月前
|
前端开发 Java 开发者
MVC 架构模式技术详解与实践
本文档旨在全面解析软件工程中经典且至关重要的 MVC(Model-View-Controller) 架构模式。内容将深入探讨 MVC 的核心思想、三大组件的职责与交互关系、其优势与劣势,并重点分析其在现代 Web 开发中的具体实现,特别是以 Spring MVC 框架为例,详解其请求处理流程、核心组件及基本开发实践。通过本文档,读者将能够深刻理解 MVC 的设计哲学,并掌握基于该模式进行 Web 应用开发的能力。
1840 1
|
缓存 前端开发 应用服务中间件
Web端实时通信技术SSE在携程机票业务中的实践应用
本文介绍了携程机票前端基于Server-Sent Events(SSE)实现服务端推送的企业级全链路通用技术解决方案。文章深入探讨了 SSE 技术在应用过程中包括方案对比、技术选型、链路层优化以及实际效果等多维度的技术细节,为类似使用场景提供普适性参考和借鉴。该方案设计目标是实现通用性,适用于各种网络架构和业务场景。
415 1
|
缓存 前端开发 应用服务中间件
Web端实时通信技术SSE在携程机票业务中的实践应用
本文介绍了携程机票前端基于Server-Sent Events(SSE)实现服务端推送的企业级全链路通用技术解决方案。文章深入探讨了 SSE 技术在应用过程中包括方案对比、技术选型、链路层优化以及实际效果等多维度的技术细节,为类似使用场景提供普适性参考和借鉴。
511 7
|
人工智能 搜索推荐 IDE
突破网页数据集获取难题:Web Unlocker API 助力 AI 训练与微调数据集全方位解决方案
本文介绍了Web Unlocker API、Web-Scraper和SERP API三大工具,助力解决AI训练与微调数据集获取难题。Web Unlocker API通过智能代理和CAPTCHA绕过技术,高效解锁高防护网站数据;Web-Scraper支持动态内容加载,精准抓取复杂网页信息;SERP API专注搜索引擎结果页数据抓取,适用于SEO分析与市场研究。这些工具大幅降低数据获取成本,提供合规保障,特别适合中小企业使用。粉丝专属体验入口提供2刀额度,助您轻松上手!
891 2
|
网络协议 Java Shell
java spring 项目若依框架启动失败,启动不了服务提示端口8080占用escription: Web server failed to start. Port 8080 was already in use. Action: Identify and stop the process that’s listening on port 8080 or configure this application to listen on another port-优雅草卓伊凡解决方案
java spring 项目若依框架启动失败,启动不了服务提示端口8080占用escription: Web server failed to start. Port 8080 was already in use. Action: Identify and stop the process that’s listening on port 8080 or configure this application to listen on another port-优雅草卓伊凡解决方案
1111 7
|
前端开发 JavaScript 搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制,两者不仅提升了代码复用率和可维护性,还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战,文章提出了相应的解决策略,强调了持续创新的重要性,旨在构建高效、灵活的Web应用。
461 6
|
开发框架 .NET PHP
ASP.NET Web Pages - 添加 Razor 代码
ASP.NET Web Pages 使用 Razor 标记添加服务器端代码,支持 C# 和 Visual Basic。Razor 语法简洁易学,类似于 ASP 和 PHP。例如,在网页中加入 `@DateTime.Now` 可以实时显示当前时间。
|
8月前
|
算法 Java Go
【GoGin】(1)上手Go Gin 基于Go语言开发的Web框架,本文介绍了各种路由的配置信息;包含各场景下请求参数的基本传入接收
gin 框架中采用的路优酷是基于httprouter做的是一个高性能的 HTTP 请求路由器,适用于 Go 语言。它的设计目标是提供高效的路由匹配和低内存占用,特别适合需要高性能和简单路由的应用场景。
625 4