JS-打印word的模板程序
我们在做项目中经常遇到“打印表格”的功能,在此介绍一下我所用过的打印方法。
一、比较简单的做法,word另存转化为html文件的方式。分析如下:
1、首先我们需要在office中用wrod画好文件的模板,然后将其另存为thm网页形式。
2、将其改为jsp页面,这样我们就可以文件中使用后来传过来的变量值。此时就是我们传统的jsp方式,后台定义参数,然后前台获取,将变量值写在我们需要显示的地方。
3、对于表格,我们可以用循环来控制。
4、这样做打比较简单,缺点word模板不能修改,一旦表格做个微小的变化,那我们的工作量也不小,因为word转化后的代码很难读懂,要在代码上控制其样式,是相当的困难,所以不推荐这种做法。
(注:1、 在做模板时,我们可以先在需要显示变量值的地方首先定义好值,然后在jsp中直接替换就行。
2、在jsp页面中,在首先加入“<%@ page contentType="application/msword;charset=UTF-8"%>”, 以标识此页面为word文件。
3、如果需要点击时直接打开word文件,而非弹出“保存、打开”对话框,则需要删除“xmlns:w="urn:schemas-microsoft-com:office:office"”代码即可。
下面我们介绍另一种更常用的方法,此方法的有点是:修改word模板文件,不会影响程序。
二、用JS控制的打印方式,具体如下:
1、首先画word模板,在需要动态显示内容的地方插入“标签”。方法如下:在word中,选中需要被替换的内容-->插入-->书签,为其定义好名字即可,其它类似。
2、将做好的模板文件另存为模板dot文件。
做到这基本就差不多了,接下来就是后台代码发挥的时候了。
3、在后台封装参数值。
4、调用JS函数打印。
为了更为直观的介绍,下面用一完整的例子介绍。
先把代码贴出来:
1、JS模板文件,适用范围:
a. 根据文档文件,所有要显示的内容都定义为书签。
b. 纯表格文件。如果为多个表格或表格中嵌套表格,则需要稍加修改。
c. 文档、表格混搭型。
代码如下:
/** * 得到 文件模板的目录 * @param {} fileName * @return {} */ function getFileTemplatePath(fileName){ var path = "/page/printTemplate/" + fileName + ".dot"; var url="http://"+window.location.hostname + ":" + window.location.port+ this.getContextPath() + path; return url; } /** * 调出word模板,并为标签赋值 * @param {} jsonObj json对象 * @param {} fileName 所要打开的word文件名 */ function printWord(jsonObj,fileName){ var word=new ActiveXObject("Word.Application"); word.Visible=true; var url= this.getFileTemplatePath(fileName); word.Documents.add(url) for(i=0;i<jsonObj.length;i++){ if ((jsonObj[i].text)!="list"){ range=word.ActiveDocument.Bookmarks(jsonObj[i].text).Range; range.text=jsonObj[i].value; }else{ var myTable=word.ActiveDocument.Tables(1); var rowsCount = myTable.Rows.Count; var iRow=2; for(j=0;j<jsonObj[i].value.length;j++){ if (iRow > rowsCount){ myTable.Rows.Add(); } var length = jsonObj[i].value[j].length; for(var k=0; k<length; k++){ myTable.Rows(iRow).Cells(k + 1).Range.Text=jsonObj[i].value[j][k].value; } iRow ++; } } } word.Visible=true; }
2、看到代码就会明白,这段代码需要一个JSON类型的参数。
下一步我们所做的工作就是要在JSON上做文章了。 附后台代码(封装JSON,java)
类:PrintJSONObjectSet
import org.json.JSONArray; import org.json.JSONObject; public class PrintJSONObjectSet { private JSONArray ja; public PrintJSONObjectSet(){ ja = new JSONArray(); } public JSONArray getJSONArray(){ return ja; } public JSONObject json(Object key, Object value) throws Exception{ JSONObject jo = new JSONObject(); value = "".equals(value) || value == null "" : value; jo.put("text", key); jo.put("value", value); return jo; } public void put(Object key, Object value) throws Exception{ ja.put(json(key,value)); } public void put(Object obj){ ja.put(obj); } }
打印封装的方法:
/** * 打印出国(境)证明 * @return * @throws Exception */ public String printChuGuoJingZhengMing() throws Exception{ JSONArray ja = new JSONArray(); GroupInfo group = this.getGroupInfo(); String[] countrys = this.getCountrys(); if(countrys != null){ for(int c=0; c<countrys.length; c++){ PrintJSONObjectSet js = new PrintJSONObjectSet(); SeedGroupRef seed = seedImpl.getCzcz(getGroupInfoId(),countrys[c]); js.put("year", seed.getFileYear()); js.put("fileNum", seed.getFileNum()); js.put("leader",group.getLeader()); js.put("groupCount", group.getGroupCount()); js.put("country",countrys[c]); js.put("dispCode",getDispCode()); js.put("printYear", DateFunc.getPrintYear()); js.put("printMonth", DateFunc.getPrintMonth()); js.put("printDay", DateFunc.getPrintDay()); PrintJSONObjectSet js2 = new PrintJSONObjectSet(); List<MemberInfo> memberList = this.getIsSefMembers(); MemberInfo member; for(int i=0; i<memberList.size(); i++){ PrintJSONObjectSet js3 = new PrintJSONObjectSet(); member = memberList.get(i); js3.put("name1",member.getName()); js3.put("passportNum1",member.getPassportNum()); if(++i < memberList.size()){ member = memberList.get(i); js3.put("name2",member.getName()); js3.put("passportNum2",member.getPassportNum()); } js2.put(js3.getJSONArray()); } js.put("list", js2.getJSONArray()); ja.put(js.getJSONArray()); } } PrintWriter out; System.out.println(ja.toString()); try{ out = response.getWriter(); out.print(ja.toString()); out.close(); }catch(Exception e){ e.printStackTrace(); } return null; }
对于JSON的说明:
1、最外层为一个JSONArray,这个JSON中包含多个JSONArra,其控制文档的数量。
2、在第二层JSONArray中,包含多个JSONObject。其中每个JSONObject包含一个JSONObject对象。
每个JSONObject对象以{"text":"name","value":"张三"}的形式存储。
3、遇到表格时,则在第二个JSONArray中,封装类型{"text":"list","value":[[{"text":"","value:""}]]}形式。
也就是说此时的JSONObject的值必须为list,只有这样,JS中才能将其作为表格来输入。
其中在名为 list 的JSONObject对象中,包含多个JSONArray,用来控制行数。
每个JSONArray中包含多个类型第2条中形式的JSONObject对象,用来控制列数。
调用方法:(采用aJax)
Ext.Ajax.request({ url : href, success : function(response, options) { var responseText = response.responseText; var jsonObj=eval('(' + responseText + ')'); for(var i=0; i<jsonObj.length; i++){ printWord(jsonObj[i],'chuGuoJingZhengMing'); } }, failure : function(response, options) { alert("fail!"); } });
例子中的word文件:
如果国家为多个时,则会打印出多个文件。
对于代码的说明:
在后台代码封装中,我们将 书签名 和 值 封装为一个JSON对象,这样JS处理中,我们就方便了,不用再逐个写出每个书签的`名字,供其查找、然后赋值。
在后台代码中,我这里在打印时需要根据国家来确定所要打印的文档数量,如果为多个国家则要打印出多个文档,所以在后台封装,最外层又加了一个JSONArray,JS中也多了一道循环,这个可以根据需要自己调整。
特殊情况下,需要我们单独处理,如多个表格的情况下,或者表格嵌套表格。
这里说一下表格嵌套的情况下,如果获得被嵌套的表格对象。
如:var myTable=word.ActiveDocument.Tables(1).Rows(1).Cells(1).Tables(1);
这里得到的是文档中第一个表格的第一行的每一列中的每一个表格对象,其它类似。
range=word.ActiveDocument.Bookmarks("name").Range 的意思是 得到文档中 书签名为“name”的对象。
range.text=“张三” 为其赋值为 张三。
这里采用的是dot文件,因为dot文件存在于服务器上,如果使用doc文件作为模板文件的话,在多人访问时,会出现线程锁死的情况,故采用dot文件。
附加一段生成好的JSON串:
[ [ {"text":"year","value":2011}, {"text":"fileNum","value":5}, {"text":"leader","value":"彭瓒"}, {"text":"groupCount","value":5}, {"text":"country","value":"俄罗斯"}, {"text":"dispCode","value":"dispCode"}, {"text":"printYear","value":"2011"}, {"text":"printMonth","value":"04"}, {"text":"printDay","value":"07"}, {"text":"list","value":[[ {"text":"name1","value":"彭瓒"}, {"text":"passportNum1","value":""}, {"text":"name2","value":"郭沁明"}, {"text":"passportNum2","value":""} ], [ {"text":"name1","value":"张三五"}, {"text":"passportNum1","value":""}, {"text":"name2","value":"彭瓒"}, {"text":"passportNum2","value":""} ], [ {"text":"name1","value":"郭沁明"}, {"text":"passportNum1","value":""}, {"text":"name2","value":"张三五"}, {"text":"passportNum2","value":""} ] ] } ], [ {"text":"year","value":2011}, {"text":"fileNum","value":7}, {"text":"leader","value":"彭瓒"}, {"text":"groupCount","value":5}, {"text":"country","value":"韩国"}, {"text":"dispCode","value":"dispCode"}, {"text":"printYear","value":"2011"}, {"text":"printMonth","value":"04"}, {"text":"printDay","value":"07"}, {"text":"list","value":[ [ {"text":"name1","value":"彭瓒"}, {"text":"passportNum1","value":""}, {"text":"name2","value":"郭沁明"}, {"text":"passportNum2","value":""} ], [ {"text":"name1","value":"张三五"}, {"text":"passportNum1","value":""}, {"text":"name2","value":"彭瓒"}, {"text":"passportNum2","value":""} ], [ {"text":"name1","value":"郭沁明"}, {"text":"passportNum1","value":""}, {"text":"name2","value":"张三五"}, {"text":"passportNum2","value":""} ] ] } ] ]
;㈡ 怎么使用ActiveX控件 实现用js获取本地电脑中某个文件夹中的所有TXT文件 并读取其中的数据
单击“开始”,指向“设置”,单击“控制面板”,双击“添加/删除程序”,然后单击“安装/卸载”选项卡。 2. 如果您要删除的 ActiveX 控件出现在安装的程序列表中,请单击该 ActiveX 控件,单击“添加/删除”,然后按照屏幕上的说明操作。如果该 ActiveX 控件没有出现在安装的程序列表中,则继续执行下一步。 3. 单击“开始”,单击“运行”,在“打开”框中键入下列行,然后单击“确定”: regsvr32 drive:\windows\occache\filename.ocx /u 注意:drive 是 Windows 文件夹所在的驱动器号,windows 是安装 Windows 的文件夹名,而 filename.ocx 是您想要删除的 ActiveX 控件。 注意:如果您不知道要删除的 ActiveX 控件 (.ocx) 的文件名,则可以通过查看安装或使用 ActiveX 控件的 Web 页的超文本标记语言 (HTML) 源文件来确定该文件名。若要查看一个 Web 页的 HTML 源文件,请右击该 Web 页的空白区域,然后单击“查看源文件”。 4. 在 Windows 资源管理器或 Windows NT 资源管理器中,单击 Windows\Occache 文件夹中的 .ocx 文件,然后单击“文件”菜单上的“删除”。 Occache 是在 Internet Explorer 3.x 的所有版本中安装有 ActiveX 控件的文件夹的名称。Regsvr32.exe 文件是由 Internet Explorer 安装的,并且可用于注册和删除 ActiveX 控件的注册表项。 Internet Explorer 4.x 或更高版本(所有平台) Internet Explorer 4.x 或更高版本,包括 Occache.dll 文件,该文件可用于使用“shell 文件夹”枚举、更新和安全地卸载 ActiveX 控件。 1. 单击“开始”,指向“设置”,单击“控制面板”,双击“添加/删除程序”,然后单击“安装/卸载”选项卡。 2. 如果您要删除的 ActiveX 控件出现在安装的程序列表中,请单击该 ActiveX 控件,单击“添加/删除”,然后按照屏幕上的说明操作。如果该 ActiveX 控件没有出现在安装的程序列表中,则继续执行下一步。 3. 在 Windows 资源管理器或 Windows NT 资源管理器中,双击 Windows\Downloaded Program Files 文件夹或 Winnt\Downloaded Program Files 文件夹,右击您想要删除的 ActiveX 控件,然后单击“删除”。 4. 在系统提示您是否删除该 ActiveX 控件后,单击“是”。 重要说明:如果您正运行 Internet Explorer 4.0,则不应删除以下 ActiveX 控件: ?? DirectAnimation Java Classes ?? Internet Explorer Classes for Java ?? Microsoft XML Parser for Java ?? Win32 Classes Internet Explorer 5.0 或更高版本不要求 Downloaded Program Files 文件中的这些组件。 删除 ActiveX 控件时出现的错误信息 在您尝试使用 Occache shell 文件夹删除一个 ActiveX 控件时,可能显示以下错误信息之一: ?? Share Violation These program files are currently being used by one or more programs.Please close some programs, and try again.You may need to restart Windows. ?? Component Removal About to remove a Windows system DLL:(<path\filename).Okay to delete?共享冲突:如果您正要删除的 ActiveX 控件当前在内存中由 Internet Explorer 或“活动桌面”组件加载,则显示此错误信息。 若要解决此错误信息,请按照下列步骤操作: 1. 关闭所有打开的 Internet Explorer 窗口。 2. 禁用“活动桌面”。为此,请右击桌面上的空白区域,指向 Active Desktop,然后单击“按 Web 页查看”以清除该复选标记。 3. 按照本文中前面部分的“Internet Explorer 4.0 或更高版本”部分中介绍的步骤,删除该 ActiveX 控件。 注意:您最好在删除 ActiveX 控件前重新启动 Windows。 组件删除:当您要删除的 ActiveX 控件向已注册的 Occache 文件夹以外的文件夹(例如,Windows\System 或 Winnt\System32)安装文件时,该信息只出现在 4.01 Service Pack 1 (SP1) 之前的 Internet Explorer 4 版本中。Occache 不是总能确定这些文件是否正由其程序共享。 如果您确定消息中显示的一个或多个文件未由 Windows 或其他程序使用,请单击“是”。否则,单击“否”。
㈢ firefox浏览器下用JS的方式导出excel
firefox浏览器下用JS的方式导出excel,可以依照以下方法:
1、没有具体的代码,但是可以为您提供一个实现思路。我们知道js导出文件实际就是输出二进制文件(前提是您的浏览器权限足以让您的js脚本访问本地文件),您只需要按照excel(组建单的是csv的格式)进行文件输出即可,但是对于功能较为复杂的excel文件(如包含有函数、单元格锁定等)则仅仅用js是无法实现的,推荐考虑使用jxls等专用服务器端组件。
2、用下面这个方法来来导出excel
function exp() {
try{
windows.clipboardData.setData("Text",document.all('table1').outerHTML);
var ExApp = new ActiveXObject("Excel.Application")
var ExBk = ExApp.workbooks.add()
var ExWSh = ExWBk.worksheets(1)
ExApp.DisplayAlerts = false
ExApp.visible = true
}catch(e){
top.Dialog.alert("xxxxxxxxxxxxxxxx")
return false
}
ExWBk.worksheets(1).Paste;
3、也可以这样:
<object style='display:none' classid="clsid:0002E559-0000-0000-C000-000000000046" id="EXPORT_OBJECT1"></object>
<script type="text/javascript">
EXPORT_OBJECT1. EXPORT_OBJECT1.Export([Filename],[Action],[Fromat]);
</script>
㈣ js怎么做本地的视频文件的预览
用这个方法:varWordApp=newActiveXObject("Word.Application");//注:IE的ActiveX安全性能放开才行WordApp.Application.visible=false;varDoc=WordApp.documents.open(path);//对word的操作见office的MSDNWordApp.quit();
㈤ 如何用JS 获取本地文件夹的文件列表
一、功能实现核心:FileSystemObject 对象
要在java-script中实现文件操作功能,主要就是依靠FileSystemobject对象。
二、FileSystemObject编程
使用FileSystemObject 对象进行编程很简单,一般要经过如下的步骤: 创建FileSystemObject对象、应用相关方法、访问对象相关属性 。
(一)创建FileSystemObject对象
创建FileSystemObject对象的
代码只要1行:
var fso = new ActiveXObject("Scripting.FileSystemObject");
上述代码执行后,fso就成为一个FileSystemObject对象实例。
(二)应用相关方法
创建对象实例后,就可以使用对象的相关方法了。比如,使用CreateTextFile方法创建一个文本文件:
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.createtextfile("c:\\myjstest.txt",true");
(三)访问对象相关属性
要访问对象的相关属性,首先要建立指向对象的句柄,这就要通过get系列方法实现:GetDrive负责获取驱动器信息,GetFolder负责获取文件夹信息,GetFile负责获取文件信息。比如,指向下面的代码后,f1就成为指向文件c:\test.txt的句柄:
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.GetFile("c:\\myjstest.txt");
然后,使用f1访问对象的相关属性。比如:
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.GetFile("c:\\myjstest.txt");
alert("File last modified: " + f1.DateLastModified);
执行上面最后一句后,将显示c:\myjstest.txt的最后修改日期属性值。
但有一点请注意:对于使用create方法建立的对象,就不必再使用get方法获取对象句柄了,这时直接使用create方法建立的句柄名称就可以:
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.createtextfile("c:\\myjstest.txt",true");
alert("File last modified: " + f1.DateLastModified);
三、操作驱动器(Drives)
使用FileSystemObject对象来编程操作驱动器(Drives)和文件夹(Folders)很容易,这就象在Windows文件浏览器中对文件进行交互操作一样,比如:拷贝、移动文件夹,获取文件夹的属性。
(一)Drives对象属性
Drive对象负责收集系统中的物理或逻辑驱动器资源内容,它具有如下属性:
l TotalSize:以字节(byte)为单位计算的驱动器大小。
l AvailableSpace或FreeSpace:以字节(byte)为单位计算的驱动器可用空间。
l DriveLetter:驱动器字母。
l DriveType:驱动器类型,取值为:removable(移动介质)、fixed(固定介质)、network(网络资源)、CD-ROM或者RAM盘。
l SerialNumber:驱动器的系列码。
l FileSystem:所在驱动器的文件系统类型,取值为FAT、FAT32和NTFS。
l IsReady:驱动器是否可用。
l ShareName:共享名称。
l VolumeName:卷标名称。
l Path和RootFolder:驱动器的路径或者根目录名称。
(二)Drive对象操作例程
下面的例程显示驱动器C的卷标、总容量和可用空间等信息:
var fso, drv, s ="";
fso = new ActiveXObject("Scripting.FileSystemObject");
drv = fso.GetDrive(fso.GetDriveName("c:\\"));
s += "Drive C:" + " - ";
s += drv.VolumeName + "\n";
s += "Total Space: " + drv.TotalSize / 1024;
s += " Kb" + "\n";
s += "Free Space: " + drv.FreeSpace / 1024;
s += " Kb" + "\n";
alert(s);
四、操作文件夹(Folders)
涉及到文件夹的操作包括创建、移动、删除以及获取相关属性。
Folder对象操作例程 :
下面的例程将练习获取父文件夹名称、创建文件夹、删除文件夹、判断是否为根目录等操作:
var fso, fldr, s = "";
// 创建FileSystemObject对象实例
fso = new ActiveXObject("Scripting.FileSystemObject");
// 获取Drive 对象
fldr = fso.GetFolder("c:\\");
// 显示父目录名称
alert("Parent folder name is: " + fldr + "\n");
// 显示所在drive名称
alert("Contained on drive " + fldr.Drive + "\n");
// 判断是否为根目录
if (fldr.IsRootFolder)
alert("This is the root folder.");
else
alert("This folder isn't a root folder.");
alert("\n\n");
// 创建新文件夹
fso.CreateFolder ("C:\\Bogus");
alert("Created folder C:\\Bogus" + "\n");
// 显示文件夹基础名称,不包含路径名
alert("Basename = " + fso.GetBaseName("c:\\bogus") + "\n");
// 删除创建的文件夹
fso.DeleteFolder ("C:\\Bogus");
alert("Deleted folder C:\\Bogus" + "\n");
五、操作文件(Files)
对文件进行的操作要比以上介绍的驱动器(Drive)和文件夹(Folder)操作复杂些,基本上分为以下两个类别:对文件的创建、拷贝、移动、删除操作和对文件内容的创建、添加、删除和读取操作。下面分别详细介绍。
(一)创建文件
一共有3种方法可用于创建一个空文本文件,这种文件有时候也叫做文本流(text stream)。
第一种是使用CreateTextFile方法。代码如下:
var fso, f1;
fso = new ActiveXObject("Scripting.FileSystemObject");
f1 = fso.CreateTextFile("c:\\testfile.txt", true);
第二种是使用OpenTextFile方法,并添加上ForWriting属性,ForWriting的值为2。代码如下:
var fso, ts;
var ForWriting= 2;
fso = new ActiveXObject("Scripting.FileSystemObject");
ts = fso.OpenTextFile("c:\\test.txt", ForWriting, true);
第三种是使用OpenAsTextStream方法,同样要设置好ForWriting属性。代码如下:
var fso, f1, ts;
var ForWriting = 2;
fso = new ActiveXObject("Scripting.FileSystemObject");
fso.CreateTextFile ("c:\\test1.txt");
f1 = fso.GetFile("c:\\test1.txt");
ts = f1.OpenAsTextStream(ForWriting, true);
(二)添加数据到文件
当文件被创建后,一般要按照“打开文件->填写数据->关闭文件”的步骤实现添加数据到文件的目的。
打开文件可使用FileSystemObject对象的OpenTextFile方法,或者使用File对象的OpenAsTextStream方法。
填写数据要使用到TextStream对象的Write、WriteLine或者WriteBlankLines方法。在同是实现写入数据的功能下,这3者的区别在于:Write方法不在写入数据末尾添加新换行符,WriteLine方法要在最后添加一个新换行符,而WriteBlankLines则增加一个或者多个空行。
关闭文件可使用TextStream对象的Close方法。
(三)创建文件及添加数据例程
下面的代码将创建文件、添加数据、关闭文件几个步骤结合起来进行应用:
var fso, tf;
fso = new ActiveXObject("Scripting.FileSystemObject");
// 创建新文件
tf = fso.CreateTextFile("c:\\testfile.txt", true);
// 填写数据,并增加换行符
tf.WriteLine("Testing 1, 2, 3.") ;
// 增加3个空行
tf.WriteBlankLines(3) ;
// 填写一行,不带换行符
tf.Write ("This is a test.");
// 关闭文件
tf.Close();
(四)读取文件内容
从文本文件中读取数据要使用TextStream对象的Read、ReadLine或ReadAll 方法。Read方法用于读取文件中指定数量的字符; ReadLine方法读取一整行,但不包括换行符;ReadAll方法则读取文本文件的整个内容。读取的内容存放于字符串变量中,用于显示、分析。
方法或者属性 描述
BuildPath()
生成一个文件路径
CopyFile() 复制文件
CopyFolder() 复制目录
CreateFolder() 创建新目录
CreateTextFile() 生成一个文件
DeleteFile() 删除一个文件
DeleteFolder() 删除一个目录
DriveExists() 检验盘符是否存在
Drives 返回盘符的集合
FileExists() 检验文件是否存在
FolderExists 检验一个目录是否存在
GetAbsolutePathName() 取得一个文件的绝对路径
GetBaseName() 取得文件名
GetDrive() 取得盘符名
GetDriveName() 取得盘符名
GetExtensionName() 取得文件的后缀
GetFile() 生成文件对象
GetFileName() 取得文件名
GetFolder() 取得目录对象
GetParentFolderName 取得文件或目录的父目录名
GetSpecialFolder() 取得特殊的目录名
GetTempName() 生成一个临时文件对象
MoveFile() 移动文件
MoveFolder() 移动目录
OpenTextFile() 打开一个文件流
f.Files //目录下所有文件集合
f.attributes //文件属性
Case 0 Str="普通文件。没有设置任何属性。 "
Case 1 Str="只读文件。可读写。 "
Case 2 Str="隐藏文件。可读写。 "
Case 4 Str="系统文件。可读写。 "
Case 16 Str="文件夹或目录。只读。 "
Case 32 Str="上次备份后已更改的文件。可读写。 "
Case 1024 Str="链接或快捷方式。只读。 "
Case 2048 Str=" 压缩文件。只读。"
f.Datecreated // 创建时间
f.DateLastAccessed //上次访问时间
f.DateLastModified // 上次修改时间
f.Path //文件路径
f.Name //文件名称
f.Type //文件类型
f.Size // 文件大小(单位:字节)
f.ParentFolder //父目录
f.RootFolder // 根目录
㈥ web如何实现客户端打印在线文件(pdf,word,excel等),同时可以控制打印设置
WEB软件打来印功能实现方式自:
1、浏览器本身的打印功能,效果最差。
2、在web服务器上产生好PDF或Excel文件,下载到本地打印。很多在服务器端运行的报表软件采用这样的方式。因为就是下载文件,所以各种浏览器都支持。缺点就用户操作麻烦,服务器附载大。
3、报表插件方式,可以做到与桌面软件一样的打印功能,这种方式实现的效果最好。缺点就是插件是针对特定浏览器的,不能做到支持各种浏览器,报表插件一般是支持IE浏览器。
综合考虑,看用哪种方式合适。
㈦ 什么代码可以用js或jquery生成本地txt文件
很难实现直接创建文件到本地,因为权限不允许。但可以弹出一个另存为对话框,让用户点一下确定就保存。所以代码可以用js或jquery生成本地txt文件。
㈧ 如何用js遍历本地文件
觉得你必须提供server,能够返回html路径列表,然后用js定时异步查询
㈨ nunjucks生成数据如何在js文件中打印
Nunjucks 是一个更复杂的 JavaScript 模板引擎,提供丰富的语言特性和块继承、自动转移、宏和异步控制等等。
之前项目一直使用的是art-template模板引擎, 今天在别人的项目中见到使用Nunjucks模板引擎,真的很强大,用过的人都说好!
我们的项目都是thinkjs做的,我这里也用的是thinkjs,引用的内容基本上都是thinks官网的配置方法
首先是样创建新的项目,创建项目就说了,详细见官网,创建好项目,
第一步是创建adapter里面创建两个文件base.js和nunjucks.js,nunjucks.js继承base.js
base.js程序如下:
'use strict';
import fs from 'fs';
/**
* template base class
* @type {Class}
*/
export default class extends think.adapter.base {
/**
* merge config
* @param {Object} defaultConf []
* @param {Object} extraConf []
* @return {} []
*/
parseConfig(defaultConf, extraConf){
let config = think.parseConfig(think.extend({}, defaultConf, think.config('view'), extraConf));
//compatibility with view.options
if(!think.isEmpty(config.options)){
think.log(`view.options is deprecated, use view.adapter.${config.type} instead`, 'WARNING');
config = think.extend(config, config.options);
}
return config;
}
/**
* pre render
* @param {Object} config []
* @param {...[type]} args []
* @return {} []
*/
prerender(config = {}, ...args){
if(think.isFunction(config.prerender)){
config.prerender(...args);
}
}
/**
* get template file content
* @return {} []
*/
async getContent(file){
let stat = await think.promisify(fs.stat, fs)(file);
let mTime = stat.mtime.getTime();
let fileCache = thinkCache(thinkCache.VIEW_CONTENT, file);
if(fileCache && fileCache[0] >= mTime){
return fileCache[1];
}
return think.await(`template_${file}`, () => {
let fn = think.promisify(fs.readFile, fs);
return fn(file, 'utf8');
}).then(content => {
//if content is empty, not cached
if(!content){
return content;
}
thinkCache(thinkCache.VIEW_CONTENT, file, [mTime, content]);
return content;
});
}
/**
* run
* @param {String} templateFile []
* @param {Object} tVar []
* @return {promise} []
*/
run(templateFile){
return this.getContent(templateFile);
}
}
nunjucks.js里面程序如下:
'use strict';
import path from 'path';
import Base from './base.js';
/**
* nunjucks template
* @type {Class}
*/
export default class extends Base {
/**
* run
* @param {String} templateFile []
* @param {Object} tVar []
* @return {Promise} []
*/
async run(templateFile, tVar, config){
let options = this.parseConfig({
autoescape: true,
watch: false,
noCache: false,
throwOnUndefined: false
}, config);
let nunjucks = await think.npm('nunjucks');
let env;
if(options.root_path){
//if templateFile not start with root_path, can not set root_path
if(path.isAbsolute(templateFile) && templateFile.indexOf(options.root_path) !== 0){
env = nunjucks.configure(options);
}else{
env = nunjucks.configure(options.root_path, options);
}
}else{
env = nunjucks.configure(options);
}
env.addGlobal('think', think);
env.addGlobal('JSON', JSON);
env.addGlobal('eval', eval);
this.prerender(options, nunjucks, env);
let fn = think.promisify(nunjucks.render);
return fn(templateFile, tVar);
}
}