如何在app内达到用户填写word内容的效果,最后生成word供用户分享,打开?
在项目中遇到了这个需求,记录下自己的处理方式:
在app内部实现编写word几乎是不可能的,一般都是在第三方软件(WPS)打开的。像有些app比如云合同,实现的在app内编写word的效果其实是网页富文本技术实现的,怎么把其转成相同样式的word文件暂时没有研究。
我的解决方案:
工作主要要后台进行,前端填写数据,后台生成word传给前端。
1.首先制作出word模版类似的界面,将要填的空用输入框代替。这个界面如果用原生的代码控件进行布局,适配什么很繁琐,再改动也很难,所以项目中加载的后台写的网页,前端只做显示,更加灵活。(缺点:一个萝卜一个坑,不能改不是输入框的内容);
2.用户填写网页里输入框的内容,或者利用JS与原生的交互(js oc交互:http://www.jianshu.com/p/a4f0749fd3ca),可以将程序内的一些数据填入网页中或者传给网页。
3.用户填了数据后,点击网页里<生成word>的按钮,后面就是后台的任务了,后台取得网页中输入框input的值,生成word,(后台技术实现方式:Freemarker :http://blog.csdn.net/hj7jay/article/details/51711254?locationNum=14&fps=1),按钮可以是原生界面的,这样的话,就是原生调用js里的生成word方法了;
4.用户点击<生成word>按钮,后台去生成word,开始生成和生成成功失败都要告诉移动端,所以代码里写了三个方法供网页调用;
//开始生成
-(void)startSave{
//弹框显示
}
//生成失败 弹框显示
-(void)saveFail{
//弹框显示
}
//生成成功
-(void)saveSuccess:(NSString *)wordUrl{
//弹框显示 后台调用这个方法传回word的url,然后去下载
}
5.使用后台传回来的url去下载word,以 文件名.doc 格式存在本地, 使用iOS原生UIDocumentInteractionController进行分享,如果有手机安装了微信 qq wps都能选择。
- (IBAction)share:(id)sender {
//创建实例
//获得临时文件
_documentController = [UIDocumentInteractionController interactionControllerWithURL:[NSURL fileURLWithPath:word_tmpPath]];
BOOL canOpen = [_documentController presentOpenInMenuFromRect:CGRectZero
inView:self.view
animated:YES];
if (!canOpen) {
NSLog(@"没有程序能打开要分享的文件");
}
}
遇到的坑
1.后台使用jquery,js方法写在$(function ()里,导致test()方法变成了一个匿名函数的局部变量,OC无法进行调用;
$(function (){
//页面DOM文档加载完成后加载执行
test();
});
2.后台使用FreeMaker生成的word文件表面是.doc文件,其实内部是xml格式的,所以手机上打不开,手机上用wps显示直接是xml,只有电脑word软件才能识别打开。需要将其格式再转成真正的.doc (https://www.zhihu.com/question/41442659)