基于ITextSharp插件在ASP.NET MVC中将图表导出为PDF
程序员文章站
2022-04-29 19:05:36
样本: 在这个示例中,我们使用的是微软给我们提供的数据库,也就是家喻户晓的Northwind数据库。要下载Microsoft的免费样本Northwind数据库,您需要访问以下URL。下载Northwind数据库在页面上,您将找到下载按钮,如以下屏幕截图所示。 第2步:安装Microsoft的免费样本 ......
样本:
在这个示例中,我们使用的是微软给我们提供的数据库,也就是家喻户晓的northwind数据库。要下载microsoft的免费样本northwind数据库,您需要访问以下url。下载northwind数据库在页面上,您将找到下载按钮,如以下屏幕截图所示。
第2步:安装microsoft的免费样本northwind数据库
一个安装程序文件(.msi)将被下载。您可以将其保存在桌面上,因为下载完成后您需要执行它。文件下载完成后,您可以通过双击安装文件或右键单击然后单击上下文菜单中的安装选项来开始安装。
安装完成后,您可以在以下位置检查已安装的数据库文件,您将在安装文件夹中找到northwind数据库。
步骤3:使用management studio将northwind mdf文件附加到sql server数据库
现在,你需要启动sql server management studio中,然后用鼠标右键单击数据库文件夹在对象资源管理器。在上下文菜单中,单击attach选项,如下所示
此选项将在sql server中打开文件浏览器,您需要导航并选择northwind.mdf文件并按ok按钮。
这就是你将看到数据库现在可以在sql server中与其他数据库一起使用。
如果因为数据库版本问题或其他原因,附加不上,那你就用那几个脚本文件。
安装图表:
这玩腻更新的还是比较快的,所以可用性还是比较大的。现在我们创建一个model(用于绑定图标值)
public class ordermodel { public string shipcity { get; set; } public int totalorders { get; set; } }
我们现在肯定是要去创建我们的控制器了,定义如下。
using system; using system.collections.generic; using system.linq; using system.web.mvc; using system.io; using itextsharp.text; using itextsharp.text.pdf; using webapplication1.models; using system.web.helpers; namespace webapplication1.controllers { public class pdfcontroller : controller { public static pdfcontext pdfcontextobj = new pdfcontext(); // get: pdf public actionresult index() { byte[] bytes = populatechart(); viewbag.chartimageurl = "data:image/png;base64," + convert.tobase64string(bytes, 0, bytes.length); return view(); } [httppost] public fileresult export() { byte[] bytes = populatechart(); viewbag.chartimageurl = "data:image/png;base64," + convert.tobase64string(bytes, 0, bytes.length); using (memorystream stream = new system.io.memorystream()) { //initialize the pdf document object. using (document pdfdoc = new document(pagesize.a4, 10f, 10f, 10f, 10f)) { pdfwriter writer = pdfwriter.getinstance(pdfdoc, stream); pdfdoc.open(); //add the image file to the pdf document object. itextsharp.text.image img = itextsharp.text.image.getinstance(bytes); pdfdoc.add(img); pdfdoc.close(); //download the pdf file. return file(stream.toarray(), "application/pdf", "chart.pdf"); } } } private static byte[] populatechart() { list<ordermodel> chartdata = new list<ordermodel>(); //根据id统计的脚本 var objlist = pdfcontextobj.orders.groupby(u => u.shipcity) .select(s => new { totalorders = s.key, count = s.count() }).tolist().take(5).tolist(); foreach (var item in objlist) { chartdata.add(new ordermodel() { totalorders = item.count, shipcity = item.totalorders }); } chart chart = new chart(width: 500, height: 500, theme: charttheme.blue); chart.addtitle("usa city distribution"); chart.addseries("default", charttype: "pie", xvalue: chartdata, xfield: "shipcity", yvalues: chartdata, yfields: "totalorders"); return chart.getbytes(format: "jpeg"); } } }
在view中定义如下:
@{ layout = null; } <!doctype html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>index</title> </head> <body> <img alt="chart" src="@viewbag.chartimageurl" style="height:300px; width:300px" /> <br /> @using (html.beginform("export", "pdf", formmethod.post)) { <input type="submit" id="btnsubmit" value="export" /> } </body> </html>
效果图: