【第三方对接】使用永中Office 实现在线 Office 整合到 Spring 项目

骑猪看日落 2022-12-17 07:02 245阅读 0赞

### 文章目录 ###

*  1、永中 Office 实现在线 Office
 *   *   *  （1）永中 Office 介绍
         *  （2）项目需求对比
         *  （3）基本整合过程
         *  （4）调用逻辑图
         *  （5）实际使用案例
 *  微信公众号

# 1、永中 Office 实现在线 Office #

### （1）永中 Office 介绍 ###

[永中Office官网][Office]，相比于[PageOffice][]，个人觉得从使用方面来说，永中Office好用一点，永中Office对于开发者来说，有两个选择，一个是[在线版webOffice][webOffice]功能较少（对于我这种需求对文档内容细节把控的来说，不考虑了），另一个是NP插件版，这个版本是和永中技术支持的小姐姐对接的，也是我推荐使用的版本

从使用层面来说，永中NP插件只需要两个东西，一个是NP插件的js文件需要引入到项目中，其次是客户端需要安装永中Office软件，因为NP插件实际上是调用本地的永中Office软件，而且永中的授权模式是客户端软件授权，也就是说，每个客户端都需要安装，并且授权才能使用，这点和PageOffice不同，PageOffice是服务端授权

永中NP插件只能使用在360浏览器，因为我的项目需要支持在Linux系统上使用

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NzYyMjM3_size_16_color_FFFFFF_t_70_pic_center]  
NP插件是在浏览器上新开一个tab，并显示内容，个人觉得最好用的方式

### （2）项目需求对比 ###

接下来继续分析项目需求，首先看这个插件能否满足，我的项目中使用的所有功能都能满足

*  新建文件
 *  新建模板文件
 *  新建模板文件（带标签替换）
 *  编辑文件
 *  查询多个文章段落合并为一个文件（数据库多个段落存的是字符串）
 *  保存时设置其他参数值
 *  多个二进制文件合并未一个文件（多个文件合并）
 *  阅读文件（只读模式）
 *  下载文件
 *  通过代码构建整篇文章

上面的出了最后一点难度大，其他的都是常规操作，通过代码构建整篇文章意思是用代码拼接出一篇800字作文，这样好理解，包括文字段落、换行、加粗、样式、首航缩进等，一篇标准的文件，我的项目实际上是生成1:1的政府红头文件，对文字的要求更是严格

### （3）基本整合过程 ###

前面说过，NP插件只有一个js文件

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NzYyMjM3_size_16_color_FFFFFF_t_70_pic_center 1]  
在网页头部增加js文件就可以了

<%-- 永中office --%>
    <script type="text/javascript" src="<%=path%>/static/js/yozoOffice/yozoOffice.js"></script>

### （4）调用逻辑图 ###

### （5）实际使用案例 ###

相比PageOffice，永中NP插件简洁的多，PageOffice的代码都是写在java的，永中NP的代码都是写在js中的

下面以新建一个模板文件为例，然后保存到服务器，首先前端请求后台，新建文件

前端发起请求

var param = '?title=' + encodeURI(obj.field.title)
                        + '&issueNumber=' + obj.field.issueNumber
                        + '&userIds=' + userIds.join(',')
                        + '&inviteDate=' + encodeURI(obj.field.inviteDate)
                        + '&attachment=' + encodeURI(obj.field.attachment)
                        + '&attachmentName=' + encodeURI(obj.field.attachmentName)
                        + '&delayTimeLimit=' + encodeURI(obj.field.delayTimeLimit)
                        + '&missTimeLimit=' + encodeURI(obj.field.missTimeLimit)
                        + '&orgId=${sessionScope.userInfoSession.orgId}'
                        + '&createUser=${sessionScope.userInfoSession.id}';
                    window.open('<%=path%>/test/addInitStep.action' + param);

后台一样的返回一个页面

/** * 添加Word页面 * * @param entity * @param model * @return */
        @GetMapping("addInitStep")
        public String addInitStep(InvitedPaperVo entity, Model model) { 
    
            UserInfoSession ui = (UserInfoSession) SessionUtils.getSessionAttribute(SessionConst.PC_USER_SESSION);
            UserInfoVo userInfoVo = userInfoService.getUserInfoById(ui);
    
            Map<String, Object> map = new HashMap<>(16);
            map.put("inviteYear", entity.getInviteDate().substring(0, 5));
            map.put("inviteDate", DateUtils.dateClearZero(entity.getInviteDate()));
            map.put("issueNumber", String.valueOf(entity.getIssueNumber()));
            map.put("content", "");
            map.put("phone", userInfoVo.getOfficeTel() != null ? userInfoVo.getOfficeTel() : "");
            map.put("createUserName", userInfoVo.getName() != null ? userInfoVo.getName() : "");
            model.addAttribute("bookmarkJson", JSON.toJSON(map));
    
            return "admin/invited_paper_add_office";
        }

编写返回的页面，用来承载插件显示的内容

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <%String path = request.getContextPath();%>
    <!DOCTYPE html>
    <html>
    <head>
        <title>新建模板文件</title>
        <%@ include file="./common/head.jsp" %>
    </head>
    <body>
    
    <div style="width: 230px; float: left; padding: 10px;">
        <button type="button" class="layui-btn layui-btn-blue" lay-submit lay-filter="submitBtn">保存文档</button>
    </div>
    <div style="width: calc(100% - 250px); float: left;">
        <div id="yozo"></div>
    </div>
    
    <%@ include file="./common/js.jsp" %>
    <script type="text/javascript"> /** --------------------------------------- 初始化永中 start */ // 初始化插件 var Application; Application = init("yozo", "100%", $(window).height()); Application.ActionEnabledWithYozoID(4, false); Application.openDocumentRemote(serverBaseUrl + "/office-templates/invited_paper.doc", false); // 处理标签替换 var bookmarkJson = JSON.parse('${bookmarkJson}'); var bookmarks = Application.ActiveDocument.Bookmarks; replaceBookmarks(bookmarkJson, bookmarks); /** --------------------------------------- 初始化永中 end */ layui.config({ base: '<%=path%>/static/layuiadmin/' }).extend({ popup: 'modules/popup' }).use(['layer', 'form'], function () { var form = layui.form; // 提交数据 form.on('submit(submitBtn)', function (obj) { layer.confirm('保存文档', { icon: 0, title: '提示'}, function () { var param = '?' + getParamByJson(getQueryString()); if (Application.saveURL(serverBaseUrl + '/invitedPaper/save.action' + param)) { alert('保存成功'); history.go(-1); window.close(); } else { alert('保存失败：请检查网络连接') } }); return false; }); }); </script>
    </body>
    </html>

保存到服务器，这里使用了一个工具类，我是自己编写的工具类

/** * 保存基本信息 * * @param invitedPaperVo * @return */
        @RequestMapping("save")
        @ResponseBody
        public void save(InvitedPaperVo invitedPaperVo, HttpServletRequest request) { 
            invitedPaperVo.setContent(YoZoUtils.getFileByte(request));
            invitedPaperService.saveInvitedPaper(invitedPaperVo);
        }

`YoZoUtils.getFileByte(request)`工具类的内容是，从当前request中读取到文件，并转为二进制，我的服务器是保存的二进制文件

import javax.servlet.http.HttpServletRequest;
    import java.io.*;
    
    /** * 永中插件 工具类 * * @author Tellsea * @date 2020/09/22 */
    public class YoZoUtils { 
    
        /** * 将前端请求的文件，转为byte[]类型，兼容老插件PageOffice * * @param request * @return */
        public static byte[] getFileByte(HttpServletRequest request) { 
            try { 
                if (request.getContentLength() > 0) { 
                    String localFileName = System.currentTimeMillis() + ".doc";
                    String realFileName = request.getSession().getServletContext().getRealPath("/office-templates/temp/") + localFileName;
                    InputStream in = request.getInputStream();
                    File file = new File(realFileName);
                    if (!file.getParentFile().exists()) { 
                        try { 
                            file.getParentFile().mkdirs();
                            file.createNewFile();
                        } catch (IOException e) { 
                            e.printStackTrace();
                        }
                    }
                    FileOutputStream o = new FileOutputStream(file);
                    byte b[] = new byte[1024];
                    int n;
                    while ((n = in.read(b)) != -1) { 
                        o.write(b, 0, n);
                    }
                    o.close();
                    in.close();
                    byte[] bytes = fileConvertToByteArray(file);
                    deleteFile(realFileName);
                    return bytes;
                } else { 
                    System.out.println("保存的文件不能为空");
                }
            } catch (IOException e) { 
                System.out.println("处理文件错误");
                e.printStackTrace();
            }
            return null;
        }
    
        /** * 把一个文件转化为byte字节数组。 * * @return */
        public static byte[] fileConvertToByteArray(File file) { 
            byte[] data = null;
            try { 
                FileInputStream fis = new FileInputStream(file);
                ByteArrayOutputStream baos = new ByteArrayOutputStream();
                int len;
                byte[] buffer = new byte[1024];
                while ((len = fis.read(buffer)) != -1) { 
                    baos.write(buffer, 0, len);
                }
                data = baos.toByteArray();
                fis.close();
                baos.close();
            } catch (Exception e) { 
                e.printStackTrace();
            }
            return data;
        }
    
        /** * 删除单个文件 * * @param fileName 要删除的文件的文件名 * @return 单个文件删除成功返回true，否则返回false */
        public static boolean deleteFile(String fileName) { 
            File file = new File(fileName);
            // 如果文件路径所对应的文件存在，并且是一个文件，则直接删除
            if (file.exists() && file.isFile()) { 
                if (file.delete()) { 
                    return true;
                } else { 
                    return false;
                }
            } else { 
                return false;
            }
        }
    
    
        /** * 强制删除 * * @param fileName * @return */
        public static boolean forceDelete(String fileName) { 
            File f = new File(fileName);
            boolean result = false;
            int tryCount = 0;
            while (!result && tryCount++ < 10) { 
                System.gc();
                result = f.delete();
            }
            return result;
        }
    }

上面是保存二进制的方法，建议保存文件到服务器，然后将访问路径保存到数据库，具体的可以和技术客服详细对接

# 微信公众号 #

![每天Get一个小技巧][Get]

[Office]: https://www.yozosoft.com/
[PageOffice]: https://blog.csdn.net/qq_38762237/article/details/109216758
[webOffice]: https://www.yozodcs.com/page/webOffice.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NzYyMjM3_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/b401a0ec35cf41d38362ba055e8465a4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4NzYyMjM3_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/78d66e0d66f145b69e3db678a0bc12be.png
[Get]: /images/20221123/c6430082a2584243b6eb36a5e2efe031.png