MVC应用程序实现文件库(FlexPaper)

很久之前Insus.NET在实现了《FlexPaper实现文档在线浏览》http://www.cnblogs.com/insus/archive/2011/07/21/2112369.html。 当时也只是实现了显示而已，也没有实现在线转换功能。
现在，Insus.NET已经从asp.net转向了asp.net MVC应用程序开发了。因此再想以MVC应用程序来实现文档库的功能。由于新版本的FlexPaper无法屏蔽打印的功能，因此还是用回来原来的FlexPaper组件，也意味使用前一篇的一些类库与文件。不过下载下来之后，不能直接使用，需要修改一些路径与参数。

在MVC应用程序中，不能跟asp.net一样，使用Literal控件来传递参数了，需要考虑到传递参数给js类，为了不直接传递真正的文件名给js，还得需要做另外处理。这样做是为了让用户看到指向地址，使用地址来下载文档 。

 

OK，开始吧，不过还得准备准备。

不管是用户上传的PDF文件是存储在数据库中，还是应用程序中的某一个文件夹中，我们是先得到找到它的 ID，此ID既可以是整数，也可以是字符串，只是是唯唯一性即可。

从前一篇下载到的源程序，把它放在MVC应用程序中，如：

 

为了屏蔽打印功能，请建议使用上图中高亮这个文件。如果你不想屏蔽的话，建议直接是官网下载最新版本。另外InsusDocumentVieewer.swf这个外框显示格式文件，也移至js这个目录中来，方便软件维护与管理，区别于前一篇是放在swf目录下。还要打开它，修改一下里面的参数路径：

另外，pdf2swf.exe文件，放在Bin目录之下：

这个pdf2swf.exe你可以使用最新版本的。旧的肯定没有问题。它是从SWFTools网站下载。下载之下，它是无法在windows 8和windows 2008 R2的64位下安装。但你可以在一台客户端xp或是windows7下安装，然去安装目录，把pdf2swf.exe拷贝出来。

还有一个要准备的，是在MVC应用程序下，创建一个Temp目录。此目录是存储临时转换的swf文件，或是你的pdf是二进制数据流的，生成pdf时，也是在此temp临时目录进行。

准备好了，此次演示，Insus.NET是以PDF文件存储在某一个文件夹，但它的一些基本信息是存在数据库表中。
先创建一个model:

这个model有两个属性，一个是ID，一个是swfFile。前者是用户在地址栏看到的ID，根据这个ID可以在表中找到PDF的路径或是存储在数据库的二进制流数据。后者是将是转换为swf文格格式的文件名。

在Entities目录下，创建一个实体：

 

 此实体，即是把PDF文件或是二进制数据库转换为swf文档格式的功能。



上图中#14和#15行代码，你看得懂。
#16行是一空行，如果你的pdf文件是二进制数据流的话，就应该先在这里把二进制数据流转为pdf文档，存进Temp目录中。不懂怎样转，可以参考这篇《数据流创建文件》http://www.cnblogs.com/insus/archive/2011/04/11/2012733.html

#17行，是随机产生一个文件名，没有后缀。
此次演示中，Insus.NET已经把一个pdf文档拷贝至temp目录中，如果你的pdf文档是入在另一个目录的，你是指向它。
#18和#19行是，是找到pdf文档与swf文件(此时还没有真正产生)
#21至#36是转换swf文档。更多参数设置，可以参考官网帮助。

#38至#40是获得转换后的swf文件名，添加至List中去。将来MVC的控制器用到它。

接下来在Controllers下的HomeController创建一个ActionResult和一个JsonResult方法。

在Views\Home目录下，创建一个视图，视图名称，即是在控制器中的ActionResult方法名：

下面是这个视图代码：

#1部分是样式代码，在前一篇中，它是一个样式文件，现在直接搬至视图中来。
#2部分，是引用jQuery库，注意到否，可以用到最新版本的jQuery库。
#3部分，是引用相关的js库。
#5部分，是完全照搬旧的，没有丝毫改变。
#4部分：



在Success方法，有两个地方，是把javascript加入head中去。先要把swf文件赋值给swfFile变量中，第二是把InsusDocumentView.js类库加入至head中。

完成了。看看运行时的效果：