pageoffice vue 使用_pageoffice在 vue中 使用 - CSDN
精华内容
参与话题
  • pageoffice小项目

    2020-07-30 23:32:03
    使用pageoffice插件实现在线对Word PDF文件的创建,保存,编辑
  • 1.因浏览器禁用插件无法使用内嵌在浏览器内部的...2.因pageoffice提供的示例全部是基于jsp的,所以无法放在vue使用,所以我只能在后端使用thymleaf模板去做这件事情。 首先可以去pageoffice的官网的下载中心下...

    1.因浏览器禁用插件无法使用内嵌在浏览器内部的pageoffice打开方式,需要使用4.0新增的POBrowser方式来在外部打开一个窗口去在线打开office
    故下面介绍的是基于4.0在线打开文档的一种方式

    2.因pageoffice提供的示例全部是基于jsp的,所以无法放在vue中使用,所以我只能在后端使用thymleaf模板去做这件事情。

    首先可以去pageoffice的官网的下载中心下载最新版的office示例:

    下载最新版即可

    打开示例中的一个jsp文件如下:
    在这里插入图片描述

    JSP中这么写但是我们肯定是用的html不能这么写 我们首先在springboot
    pom.xml中引入thymleaf模板,具体设置可以百度

    在上面jsp中有黄色的 <% %> 的代码块很容易能看出来是后端的代码,我们要做的就是把这一块移到后台,和前面的页面分开。

    我们首先在配置文件中加入几个配置,代码如下:

    #########################################
    ####pageoffice
    #########################################
    #磁盘目录用来存放PageOffice注册成功之后生成的license.lic文件
    posyspath: d:/lic
    #设置PageOffice自带印章管理程序的登录密码
    popassword: 123456
    

    然后在后端的controller层创建一个pageofficeController,代码如下:

    /**
     * @author wj
     * @version 1.0
     * @className pageofficeController
     * @description pageoffice测试
     * @date 2019/11/07 8:30
     */
    @Controller
    public class pageofficeController {
        @Value("${posyspath}")
        private String poSysPath;
        @Value("${popassword}")
        private String poPassWord;
    
    
        /**
         * 添加PageOffice的服务器端授权程序Servlet(必须)
         *
         * @return
         */
        @Bean
        public ServletRegistrationBean servletRegistrationBean() {
            com.zhuozhengsoft.pageoffice.poserver.Server poserver = new com.zhuozhengsoft.pageoffice.poserver.Server();
            //设置PageOffice注册成功后,license.lic文件存放的目录
            poserver.setSysPath(poSysPath);
            ServletRegistrationBean srb = new ServletRegistrationBean(poserver);
            srb.addUrlMappings("/poserver.zz");
            srb.addUrlMappings("/posetup.exe");
            srb.addUrlMappings("/pageoffice.js");
            srb.addUrlMappings("/sealsetup.exe");
            return srb;
        }
    
        /**
         * 添加印章管理程序Servlet(可选)
         *
         * @return
         */
        @Bean
        public ServletRegistrationBean servletRegistrationBean2() {
            com.zhuozhengsoft.pageoffice.poserver.AdminSeal adminSeal = new com.zhuozhengsoft.pageoffice.poserver.AdminSeal();
            adminSeal.setAdminPassword(poPassWord);//设置印章管理员admin的登录密码
            //设置印章数据库文件poseal.db存放目录,该文件在当前demo的“集成文件”夹中
            adminSeal.setSysPath(poSysPath);
    
            ServletRegistrationBean srb = new ServletRegistrationBean(adminSeal);
            srb.addUrlMappings("/adminseal.zz");
            srb.addUrlMappings("/sealimage.zz");
            srb.addUrlMappings("/loginseal.zz");
            return srb;
        }
    
        /**
         * 查看word
         *
         * @param request
         * @param map
         * @return
         */
        @RequestMapping(value = "/word", method = RequestMethod.GET)
        public String showWord(HttpServletRequest request, Map<String, Object> map) {
            //--- PageOffice的调用代码 开始 -----
            PageOfficeCtrl poCtrl = new PageOfficeCtrl(request);
            poCtrl.setServerPage("/poserver.zz");//设置授权程序servlet
            poCtrl.webOpen("d:\\test.doc", OpenModeType.docAdmin, "张三");
            map.put("pageoffice", poCtrl.getHtmlCode("PageOfficeCtrl1"));
            //--- PageOffice的调用代码 结束 -----
    //        ModelAndView mv = new ModelAndView("Word");
            return "readword/Word";
        }
    
        @RequestMapping("/newword")
        public String tonewword() {
            return "readword/jump";
        }
    

    前端2个HTML放在一个readword文件夹下

    jump.html如下

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script type="text/javascript"  src="./jquery.min.js"></script>
        <script type="text/javascript"  src="./pageoffice.js" id="po_js_main"></script>
    </head >
    <body >
    <!--<a href="javascript: ">123123</a>-->
    
    </body >
    <script type="text/javascript">
        setTimeout(load,500);
        function load() {
            // 最新的打开方式,width和height为打开的最外部边框大小
            POBrowser.openWindowModeless('/word','width=1440px;height=860px');
        }
    </script>
    </html>
    

    Word.html如下:

    <!DOCTYPE html>
    <html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script type="text/javascript"  src="./jquery.min.js"></script>
    </head>
    <body>
    <div style="width:auto;height:790px;margin: 0 auto;" th:utext="${pageoffice}">
    </div>
    </body>
    <script type="text/javascript">
    </script>
    </html>
    

    最后附上我的项目层次结构:
    在这里插入图片描述

    前端调用pageoffice只需要调用接口“/newword”即可。

    以上为具体示例,如果有问题可加qq:1016400304

    展开全文
  • office online的官方接口 这种方法可以应用在门户网站上,而且对查看次数没有限制,主要原理为,微软从你的服务器下载文件,然后转换为显示在页面中的office文档,格式、样式都能得到保留。api引用方法如下: ...

    一.用office online的官方接口

    这种方法可以应用在门户网站上,而且对查看次数没有限制,主要原理为,微软从你的服务器下载文件,然后转换为显示在页面中的office文档,格式、样式都能得到保留。api引用方法如下:

    <a href="#" id="download"></a>
    let doad=document.getElementById("download");
    doad.href=‘http://view.officeapps.live.com/op/view.aspx?src=’+"你的地址"
    注意,这个地址必须为域名,不可为ip,否则无法提取。

    https://blogs.office.com/en-us/2013/04/10/office-web-viewer-view-office-documents-in-a-browser/


    二、Office文档直接转换为SWF,通过网页加载Flash预览

    利用flashpaper直接转换为SWF文件(虚拟打印机),然后利用flexpaper预览Flash文件。
    flashpaper是Macromedia的一款产品,随着被Adobe公司收购,Macromedia对于这款软件早就放弃了,国内尚无人在程序中调试成功过。
    参考链接:
    http://www.dzwebs.net/1149.html 


    三、office转Html、pdf转图片在线预览文件Html文件

    利用DCOM配置直接操作Office文件,读取文件内容,导出Html文件
    优点:
    实践证明此方法不科学。
    缺点:
    1、服务器上必须安装Office软件。
    2、配置麻烦,正如微软所说,读取Office不是这么干的。
    3、转换的文件格式均丢失。
    4、仅限于IIS服务器,利用ASP.net(C#)。
    参考链接:
    http://www.cnblogs.com/tangbinblog/archive/2012/11/29/2794110.html 


    四、第三方ActiveX浏览器控件

    如科瀚的SOAOffice中间件、卓正软件的pageoffice控件、WebOffice控件、国外的Office Viewer ActiveX Control
    优点:
    可在线编辑等。
    缺点:
    1、客户端需安装控件。
    2、付费。
    3、在Html5、CSS3以及桌面向浏览器转换的大潮流下,控件已是昨日黄花。
    参考链接:
    http://www.kehansoft.com/soaoffice/index.htm 
    http://www.zhuozhengsoft.com/ 
    http://www.officectrl.com/ 
    http://www.anydraw.com/ 


    五、微软的Office365

    微软新出的在线文档,与Google文档抗衡,估计没谷歌文档,微软也懒得出这个
    优点:
    微软自家的东西原生态呈现。
    缺点:
    文件大小限制在10M以内,10M以外的无法预览
    加载文件较多,各种图片、文字、样式、JQuery等,页面臃肿,加载速度慢,耗费流量,不适合手机预览
    需要微软的批量许可(即授权),硬件投入方面:架设一台单独的服务器(可以是虚拟机),配置过低能安装,但无法运行,另外还需一台域服务器。而这两台机器上均不能安装其它程序,比如SQLServer,在Office365服务器上每次重启IIS会重置,也就是说你不能有任何其它网站。其主要是用来与SharePoint搭配使用。
    参考链接:
    http://technet.microsoft.com/zh-cn/library/jj219456(v=office.15).aspx 


    六、第三方成熟的服务

    如OfficeWeb365
    优点:
    1、OfficeWeb365采用适合中文排版的纯Html、CSS技术。
    2、接口简单,适合PHP、JSP、ASP.net等所有的对接,省心省力。
    3、费用低廉,节省投入。
    4、不用关心客户端是否安装了Office软件,不用在客户端部署。
    5、手机在线预览2页Word文档只有3K大小,且格式保留,领先全球的中文在线预览技术。
    6、支持国产的金山WPS,这在国内尚属首列。
    7、其解析速度(100ms)与高并发的支持远远把对手甩在了后面。
    缺点:
    1、OfficeWeb365只能查看不能编辑,目前在线编辑版的正在开发。
    参考链接:
    http://www.officeweb365.com 


    七、在浏览器中直接打开

    通过设置MiME类型,告诉浏览器这是Office文件,浏览器直接调用本地Office或PDF软件打开
    优点:
    1、不用编程,不用第三方服务,直截了当。
    2、很多用户安装了Adobe的PDF预览软件,同时在浏览器上也直接安装了插件,浏览器可直接查看PDF文件。
    缺点
    你永远不知道客户机器上是否安装了Office软件,虽然几乎都安装了,但直接调用Office软件,客户体验大大下降,更何况还有个讨厌的迅雷一直在监视你的浏览器,不给你打开的机会,当然这些都是你无法预知的。



    展开全文
  • vue项目如何集成金格WebOffice2015

    千次阅读 2019-03-15 19:02:22
    关于金格WebOffice2015是什么就不说了,可以自行百度下,最近在调研这个东西,所以下了试用版集成到vue项目使用。 金格的说明文档写的很模糊,看完还是不知其所以然。下面就具体说下WebOffice2015集成到vue项目的...

    关于金格WebOffice2015是什么就不说了,可以自行百度下,最近在调研这个东西,所以下了试用版集成到vue项目使用。

    金格的说明文档写的很模糊,看完还是不知其所以然。下面就具体说下WebOffice2015集成到vue项目的方式:

    1、随便下载一个试用版

    http://www.goldgrid.com/jinge_download/Index.aspx?num=5&firstid=11&flag=0&secondid=67

    解压后的文件,可以直接把这个文件当做一个插件放置到vue的某个目录下待后续使用,我放置到static中了。

    js文件中的iWebOffice2015.js主要是根据不同的浏览器环境来渲染<object>,并为<object>进行了适当的配置。

    WebOffice.js是WebOffice2015对象的一些方法。

    2、在index.html中引入WebOffice.js

    <script type="text/javascript" src="./static/plugins/html/js/WebOffice.js"></script>

    3、渲染<object>、创建WebOffice2015对象并进行适当的配置

    WebOffice2015通过<object>集成

    <object id="WebOffice" width="100%" height="100%" clsid="CLSID:D89F482C-5045-4DB5-8C53-D2C9EE71D025" type="application/kg-plugin" oncommand="OnCommand" onready="OnReady" onrightclickedwhenannotate="OnRightClickedWhenAnnotate" onsending="OnSending" onsendend="OnSendEnd" onrecvstart="OnRecvStart" onrecving="OnRecving" onrecvend="OnRecvEnd" onfullsizebefore="OnFullSizeBefore" onfullsizeafter="OnFullSizeAfter" copyright="金格科技iWebOffice2015智能文档中间件[演示版];V5.0S0xGAAEAAAAAAAAAEAAAAJ8BAACgAQAALAAAAON0a0XnoWy9199/PgGOF5bHSHgWwCmPIDXFpCaYPy/n+eYY4mp949JSoYm9Pis/EmcDDFIkrB02cRs3pkdz6jswKxa86guGnGbXcA2/k4LrrcLgpKk4up1JHNRnXFGpkI8rwMA1o+ZAsmdwGj6DFjGVDmUPUIEdJMqgXzNDxCls0MviLhzXoebbnt5R0/vPdqMk4zUJM4HtLm/bHmsLjaaKhBUnmcdTDXgjtJ8KpfLGROhfLXJlMOPUWwqm0JnaPYDDKLefel/CHfpzPQJnPm4xJlTwhrhN7oR32+IlHd8R8yCNFONvZKxKIGU710Ig0G4YKfd4eLmOz/RKZQmi42ANnT98pU3/GYu7shHI9uQU/MycJl39dILs6GQf+Mfm6q94VbXst1DWitZSIY7PogH3PWOJfG02TLovVpCvejFdijVylVWKl2cy2UN0oYzxpG1tsm+dMb0GMezZsBsncdNWS+yQC5WjBsvrtBpZfWS2I0ReW51flxKjkLXz5SwQhtyC2Sm3vz+KQfl0Um0Uv/OVS4lGtyw8QYBLYtzqCHIZbMNTJikFNTQxAWm5+J4yKA=="></object>

    这里我对iWebOffice2015.js稍微做了更改,第一点,绿圈处的闭合标签是后来加上去的,官方下载的文件绿圈处少一个闭合标签,导致页面无法正常渲染,第二点,将拼接好的<object>字符串暴露出来,并在vue文件中import通过创建vue实例手动挂载来渲染<object>。

    <template>
      <div class="word-wrap">
        <div id="office"></div>
      </div>
    </template>
    <script>
      import Vue from 'vue';
      import webOfficeTpl from '../../../../static/plugins/html/js/iWebOffice2015.js'
      export default {
        data() {
          return {
            webOffice: null,
            webOfficeObj: null
          };
        },
        methods:{
          renderWebOfficePage() {
            this.webOffice = new Vue({
              template: webOfficeTpl
            }).$mount('#office');
          },
          initWebOfficeObject() {
            this.webOfficeObj = new WebOffice2015();
            this.webOfficeObj.setObj(document.getElementById('WebOffice'));
            try
            {
              this.webOfficeObj.WebUrl = "http://www.kinggrid.com:8080/iWebOffice2015/OfficeServer";
              // this.webOfficeObj.RecordID = "1551950618511";  //RecordID:本文档记录编号
              this.webOfficeObj.UserName = "XXX";
              this.webOfficeObj.FileName = "Mytemplate.doc";
              this.webOfficeObj.FileType = ".doc"; //FileType:文档类型  .doc  .xls
              this.webOfficeObj.ShowWindow = false; //显示/隐藏进度条
              this.webOfficeObj.EditType = "1"; //设置加载文档类型 0 锁定文档,1无痕迹模式,2带痕迹模式
              this.webOfficeObj.ShowMenu = 1;
              this.webOfficeObj.ShowToolBar = 0;
              this.webOfficeObj.SetCaption(this.webOfficeObj.UserName + "正在编辑文档"); // 设置控件标题栏标题文本信息
              //参数顺序依次为:控件标题栏颜色、自定义菜单开始颜色、自定义工具栏按钮开始颜色、自定义工具栏按钮结束颜色、
              //自定义工具栏按钮边框颜色、自定义工具栏开始颜色、控件标题栏文本颜色(默认值为:0x000000)
              if (!this.webOfficeObj.WebSetSkin(0xdbdbdb, 0xeaeaea, 0xeaeaea, 0xdbdbdb, 0xdbdbdb, 0xdbdbdb, 0x000000)) {
                alert(this.webOfficeObj.Status);  
              }    //设置控件皮肤
              if(this.webOfficeObj.WebOpen()) {
                 // StatusMsg(WebOfficeObj.Status);
              }
              this.webOfficeObj.AppendMenu("1","打开本地文件(&L)");
              this.webOfficeObj.AppendMenu("2","保存本地文件(&S)");
              this.webOfficeObj.AppendMenu("3","-");
              this.webOfficeObj.AppendMenu("4","打印预览(&C)");
              this.webOfficeObj.AppendMenu("5","退出打印预览(&E)");
              this.webOfficeObj.AddCustomMenu();
              this.webOfficeObj.HookEnabled();
              // this.webOfficeObj.CreateFile() // 根据FileType设置的扩展名来创建对应的空白文档
            }
            catch(e){
              console.log(e.description);
            }
          }
        },
        mounted() {
          this.$nextTick(() => {
            this.renderWebOfficePage()
            this.initWebOfficeObject()
          })
        },
        beforeDestroy() {
          this.webOfficeObj.WebClose();
        }
      };
    </script>
    
    <style scoped lang="scss">
      .word-wrap {
        width: 100%;
        height: 100%;
      }
    </style>

    最后看下集成后打个本地word的效果

     

    展开全文
  • Oracle AutoVue 安装与配置说明

    千次阅读 2018-02-27 07:44:54
    1 AutoVue简介AutoVue根据客户应用情况的不同,提供Desktop及Client-Server两种解决方案。其中Destop Edition主要基于单机用户应用,Client-Server Edition采取集中式管理方式,客户端无需安装客户程序,只需有支持...

     1  AutoVue简介


    AutoVue根据客户应用情况的不同,提供Desktop及Client-Server两种解决方案。其中Destop Edition主要基于单机用户应用,Client-Server Edition采取集中式管理方式,客户端无需安装客户程序,只需有支持JAVA的浏览器,Client-Server可基于LAN/WAN,并可与各种PDM/PLM/DM/ERP进行完美集成。


    根据用户所需浏览的文件格式及操作功能不同,在上述两种方案的基础上AutoVue分为AutoVue Office、AutoVue、AutoVueSolidModel(EDA)三大类别。


    (1)AutoVue Office:主要支持矢量图格式、位图、数据库文件、常用Office。

    文档,压缩及传真格式。

    (2)AutoVue:在AutoVue Office的基础上增加对2D文件(包含drawing)的支持,包括AutoCAD/Microstation/HPGL等格式支持。

    (3)AutoVue Electro-Mechanical(EDA):在AutoVue的基础上,增加对3D/EDA文件的支持。包括AutoCAD/CATIA/UG/PRO/E/Mentor/Cadence /Zuken /Protel 等格式支持。


    综上所述,所有版本加上Professional即可进行红线标注,Client-Server还增加异地同时在线的协作功能

     

    2 AutoVue的安装及配置


    2.1 环境准备

    在安装AutoVue之前,必须先准备好环境,本次项目中采用的环境信息如下:

    1 .安装环境:redhat 5.4(安装在6版本会有问题)

    2. 安装介质:AutoVue 20.2.2

    3.  客户端要求:浏览器要支持Java Applet,同时要允许弹出框


    2.2 AutoVue安装

    下面详细描述如何安装Autovue。

     

    在安装前先安装几个系统包

    进入AutoVue安装目录,运行InstallClientServer_lin.bin,运行时可能会报Permissiondenied这个错,用chmod +x ./ InstallClientServer_lin.bin命令运行即可,

    注意,Oracle提供了以下安装介质,如果只需要浏览Oiffice办公文件,安装Oracle AutoVue Office 20.2.2即可,如果想要浏览3D文件,或者EDA文件,必须安装AutoVue Electro-Mechanical,笔者建议安装下图红框表示的Oracle AutoVueElectro-Mechanical-MechanicalProfesssional 20.2.2,详情见预期读者和阅读建议

     

    出现安装界面,点击下一步


     

    点击下一步


     

    选择安装路径,点击下一步


     

    选择自定义安装,点击下一步

     

    选择要安装的部分,这里全部勾选


     

    输入要安装AutoVue服务器的hostname或者IP,输入本机hostname,点击下一步

     

    输入端口号,默认端口为,这里保持默认,点击下一步


     

    选择ConfigureLater,点击下一步

     

    同样先不配置,点击下一步


     

    点击Install进行安装


     

    安装完毕后,为验证是否安装成功,运行<AutoVue Install Root>\bin\jvueserver脚本启动AutoVueServer,出现如下图界面说明启动成功

     

    同时启动AutoVue自带的Jetty服务器,运行<AutoVueInstall Root>\bin\jetty\bin\startjetty脚本,在安装的过程已经自动把AutoVue的Application Client部署到了jetty服务器中,此时客户端可通过http://IP:5098/AutoVue/AutoVue.html访问AutoVueServer

     

    注意:确保AutoVue Server上安装的中文字体,否则有中文的文档将会显示乱码。


    1.用root用户登录,找到/etc/sysconfig目录下的i18n文件


    2.编辑i18n文件,将文件内容改为 如下:

    LANG="zh_CN.UTF-8"

    SUPPORTED="zh_CN.UTF-8:zh_CN:zh:en_US.UTF-8:en_US:en"

    SYSFONT="latarcyrheb-sun16"

    LC_CTYPE="zh_CN.UTF-8"


    3.将window(C:\Windows\Fonts)操作系统的TrueType字体(这里的TrueType字体指的是以.ttf结尾的文件)或者是这个文档同目录的字体库文件夹中的字体复制到/usr/share/fonts/chinese/TrueType目录下,如图:


    4.修改<AutoVue>\bin下的allusers.ini文件


    将allusers.ini中的XFONTPATHS修改为XFONTPATHS=/usr/share/fonts/chinese/TrueType,这个变量的意思就是存放字体的路径

    5.重启AutoVue Server,字体就会生效

    2.3 UCM集成AutoVue配置



    AutoVue已经安装完毕,接下来进行跟UCM的整合,以管理员身份登录到UCM,打开管理页面安装AutoVue组件

     

    选中已下载好的组件包AutoVue.zip(这个包放在了该文档的同目录下),注意:AutoVue.zip中的AutoVue.zip\component\AutoVue\common目录下有三个jar包,需要用<AutoVue>\bin目录下的gluegen-rt.jar,jogl.jar,jvue.jar三个jar包替换掉,替换之后,将AutoVue.zip文件上传到UCUM,点击Install,安装完毕开启组件

     

    勾选Automaticallyassign a content  ID on check-in和EnableJava Server Page(JSP)


    添加MetadataField

    Markup BasedID, Field Type为Integer,勾选Enable on UI以及Enable on Search Index。

     

     

    类似的添加FieldMarkupCounter

    完成后,记得UpdateDatabase Design,最好再更新下索引(UCM Indexer)。

     

     

    添加Content Type

    添加Content Type :Markup,如下图所示

     

     

    修改AutoVueclient应用配置文件,打开Vuelink_war\vuelink\WEB-INF\lib\adapterconfig.xml,修改UCMServer的主机名和端口号 ,注意:4444是必须的

     

    打开相同目录下的log4j.properties,修改日志文件存放路径


    打开 Vuelink_war\vuelink\WEB-INF\web.xml,修改下面参数值

    打开${MW_HOME}/user_projects/domains/portal_domain/ucm/cs/config/config.cfg确保配置允许AutoVue Server访问连接UCM Server

    编辑${MW_HOME}/user_projects/domains/portal_domain/ucm/cs/custom/AutoVue/autovue_environment.cfg,配置以下参数,因为稍候要将vuelink部署到UCM Server

    <?cfgjcharset="Cp1252"?>

    VueLinkHostName=csdportal1.polycn.com

    VueLinkPort4HTTP=16200

    VueLinkPort4HTTPS=16201

    VueLinkContext=vuelink

    #toggleWorkflowReviewLaunch=1

    toggleFoldersReviewLaunch=1

     

    进入<AutoVueInstall Root>\bin目录,把以下几个jar

    包拷贝到${MW_HOME}/user_projects/domains/portal_domain/ucm/cs/custom/AutoVue/common目录下(配置了磁盘共享后的UCM Server,custom/AutoVue/common在共享文件夹下,找到该文件夹再把jar拷贝进去即可。)

     

    将<AutoVue Install Root>\bin \vueservlet.jar拷贝到Vuelink_war\vuelink\WEB-INF\lib下,以及将cis-client-8.jar拷贝到Vuelink_war\vuelink\WEB-INF\lib下

     

    将下载好的VL_For_UCM_201\VLForUCM\Vuelink_war\ESAPI_resources文件夹的两个配置文件拷贝的UCM Server的/home/admin/esapi目录下,esapi文件夹需要自己手动创建,在startWeblogic.sh最前面加上,默认是读取/home/admin/目录下的esapi
    JAVA_OPTIONS="${JAVA_OPTIONS} -Dorg.owasp.esapi.resources=/home/oracle/ESAPI_resources"
    export JAVA_OPTIONS

     

    重启AdminServer,UCM Server,AutoVue Server,让前面的配置生效了,重启服务器后,还有最重要的一步,那就是部署vuelink应用,部署之前将之前修改过的配置文件和其他文件打成war包,然后部署到UCM Server,部署完毕确保vuelink是活动状态。进入UCM,点击view in AutoVue用AutoVue打开UCM中的文档


    下面为打开的文档添加水印,编辑<AutoVue Install Root>\bin\alluser.ini,在后面添加

    [WATERMARK]

    TEXT=%X<CSI_UserName>_%D %W %H:%U:%S

    FONTNAME=Tahoma

    FONTSIZE=50

    XFACTOR=0.5

    YFACTOR=0.5

     

    客户化AutoVue浏览文档界面的菜单,用户admin用户登录,编辑${MW_HOME}/user_projects/domains/portal_domain/ucm/cs/custom/AutoVue/templates/view_in_autovue_page.htm


    jvapp += "\n<PARAM 

    NAME=\"GUIFILE\" VALUE=\"file://usr/local/odriver/autovue/bin/Profiles/poly.gui\">";
    创建poly.gui文件,放在<AutoVue Install Root>\bin\profiles下,ploly.gui里面可以是下面一段简单的只显示文档属性的菜单
    BEGIN UI VIEW
    MENUBAR BEGIN
    POPUP IDS_FILE BEGIN
    MENUITEM VueActionFileOpen, , PERM_READ
    MENUITEM VueActionFileProperties, , PERM_READ
    END
    END
    END
    重启服务器后用AutoVue打开一个文档可看到效果

     

    2.4 应用程序集成UCM

    2.4.1   方式一

    1.      在Jdevelope中新建项目应用

    2.     必须装有webcenten插件

    3.     建立UCM连接,右键Connections,选择ContentRepostory


    4.     按下图进行配置


    5.     配置完成点击Test Connection  按钮,测试成功

    6.     新建页面,配置页面控件的actionListener


    7.     后台编写goVuatoValueLink方法


     

    2.4.2   方式二

    应用程序直接用UCM返回的链接,链接示例:

    http://XX.XX.XX.XX:16200/cs/idcplg?IdcService=VIEW_IN_AUTOVUE&embedded=1&Format=application/msword&Extension=doc&dID=206&Markup_BasedID=119&&EditMode=1

    1  embedded表示是否在新窗体中打开AutoVue

    2  diD表示文件在UCM中的ID

    3  Markup_BasedID表示文件在UCM中标注的ID


     

    有兴趣的发送邮箱到bushibook@163.com,提供在线技术支持

    展开全文
  • PageOffice使用实例

    千次阅读 2018-01-27 09:48:18
    一、web.xml添加配置 poserver com.zhuozhengsoft.pageoffice.poserver.Server poserver /poserver.zz poserver /sealsetup.exe poserver /posetup.exe .../pageoffice.js poser
  • vue 牛人发布的优秀资源 vue资源大全

    千次阅读 2018-10-18 14:35:33
    Awesome Vue.js  A curated list of awesome things related to Vue.js Resources Official Resources External Resources Job Portal Community Conferences Podcasts Youtube Channels ...
  • pageoffice使用

    万次阅读 多人点赞 2016-09-26 17:44:44
    需要用到的jar包: pageoffice.jar 外部软件: office 2007 准备工作: 1.在xml下配置一个本地磁盘路径,作为保存新建的word保存的路径 D:\JAVA\kinggene\admin\workflow\wordTemp\form\doc\ //seq_word_path为配置...
  • office官方自带的链接后添加自己的文档链接,浏览器就可以自动解析预览 支持 word 、ppt、excel,不支持pdf格式文件 "https://view.officeapps.live.com/op/view.aspx?src=" + http://word; 我们引入vue-pdf来...
  • PageOffice集成说明

    千次阅读 2018-09-14 09:53:33
    运行PageOffice产品的演示程序: 访问PageOffice官网:http://www.zhuozhengsoft.com/ ,下载PageOffice产品开发包; 解压PageOffice开发包,双击运行Setup.exe安装服务器组件; 双击 Samples4 目录下...
  • 1.创建vue项目,不再详述 2.引入vant 之前用过很多插件做这个功能,但是效果都不尽人意,出现各种问题,直到遇到vant这个插件,完美的解决了这些小问题,如有问题,欢迎联系我 安装依赖 npm i vant -S 在main.js中...
  • pageoffice插件

    千次阅读 2018-02-09 11:53:28
    下载了最新版本的 pageoffice v4.3 运行demo 安装插件打开office 没错误把demo方法和jsp拷到项目里配置好环境后 一直不能用 一时认为这个插件需要和demo一样的文件格式才能用 放成那样的格式之后demo格式的网页果然...
  • vue清单列表

    千次阅读 2019-07-06 16:24:43
    Skip to content This repository Pull requests Issues Marketplace Explore Sign out Watch1,435 Star25,897 ......
  • vue项目前端预览pdf、doc、xls

    千次阅读 2020-04-24 14:42:49
    office online 微软office平台提供的文档预览服务 https://view.officeapps.live.com/op/view.aspx?src+文档地址 文档地址必须是域名80端口且公开访问 缺点由于不可抗力概率访问失败 私人文档预览云服务 XDOC(免费...
  • pageOffice实现word在线编辑保存功能

    千次阅读 2015-04-27 16:18:11
    其中一种想法是读取文档内容,以word数据的格式保存到数据库,取出数据通过pageoffice查看。另一种是直接保存成word本地文件,将地址存入数据库,查看是再取出。 下面一些代码是实现了word文件的读取编
  • 我下载的是PageOffice完整程序包(PageOffice 4.5 for JAVA ),打开以后有demo(Samples4文件夹),有jar包和web.xml的配置(集成文件),安装说明,开发文档。 其中,将Samples4放入Tomcat的webapps文件夹中,然....
  • vue插件集合

    千次阅读 2019-09-29 13:39:01
    https://github.com/vuejs/awesome-vue 从 Components & Libraries 开始都是插件了,先摘录,以后慢慢整理翻译和一些简单的说明 组件库 UI 组件 表格 ...vuetable-2 - 数据表简化 ...vue-datasource - vue服...
  • HTTPS页面里动态的引入HTTP资源,比如引入一个js文件,会被直接block掉的.在HTTPS页面里通过AJAX的方...
  • 修改系统默认 alert 弹框样式

    千次阅读 2018-07-23 19:57:16
    原文链接:https://blog.csdn.net/sun124608666/article/details/72866735 重写默认alert (1)封装重写alert的函数 function alert(e){ $(&amp;amp;quot;body&amp;amp;quot;).append('&...
  • Java调用PageOffice实现在线编辑保存Word文件(以jsp调用为例,支持SSM、SSH、SpringMVC等流行框架)1. 下载PageOffice开发包:http://www.zhuozhengsoft.com/dowm/ 下载PageOffice for JAVA2. 以Myeclipse为例,...
1 2 3 4 5 ... 17
收藏数 327
精华内容 130
关键字:

pageoffice vue 使用