关于spring Boot 和vue项目 前后端分离开发 实现附件预览(功能) openoffice实现

3 篇文章 0 订阅

功能背景 : 公司开发一个OA办公系统, 其中有一些小附件的功能, 需要实现一个预览的功能, 本来同事是用的 pageoffice 来实现这个功能, 但是因为某些客观因素, 这个方案被放弃了(具体原因就不细说了, 懂得都懂 ) , 随后经过各种曲折, 这个功能的实现 突然就落到了我的身上(人在锅中坐, 家从天上来 ) 嗯 就开始了我的百度之路, very nice !!!
然后就到了这里, 一开始是试着用一个 ntko(软航) 的 前端集成控件, 虽然我到现在都还没搞懂这个控件的思路以及具体实现, 但是毕竟也是实现了么,
然后拿去展示,

 ####    !!!   五分钟后,  小宁啊, 这个实现方式还是不理想, 有那么一丝丝的突兀,  你可不可以考虑考虑换一种实现方式啊? 

于是我又开始了漫漫百度之路, 终于, 在我逛 某弹幕网站(B) 的时候, 发现了一丝丝的曙光(这你敢信? 这个小破站真的是一个学习的地方啊) 于是 我就去看了看这个实现方式, 看了半天, 只需要将文中提起的 项目给 起起来就好了, (开源项目) ,
开源地址:

https://gitee.com/kekingcn/file-online-preview

这个项目也是用咱们常说的 实现转html的工具, openoffice, 就是安装起来还是比较麻烦的 , 需要jdk6以上的版本环境, 而且在linux上还需要检测jre环境才可以, 然后脚本的话需要至少 jdk8 的java环境才可以启动起来, 还真的是一步一个坑,一个坑一天 整了一天 终于是在单台 服务器, 服务器集群上都实现了

这个项目挺好的一点是, 我们不需要去集成什么项目, 可以直接拿源码, 或者发行版本(我个人比较懒, 所以拿了发行版本过来,省的自己整太浪费时间, )

需要使用的时候直接在 前端 后者web项目中指定路径和方法即可

window.open('http://127.0.0.1:8012/onlinePreview?url=' + encodeURIComponent(url));

这里的ip是要换到你需要去访问的ip, url则是后台返回的要访问的 附件的 url
这样就可以实现预览了

路上总有阴影, 但抬头总能看到阳光
我是小宁,写给以后的自己

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
使用Spring BootVue实现前后端分离,可以按照以下步骤进行: 1. 后端使用Spring Boot框架搭建RESTful API服务,提供数据接口; 2. 前端使用Vue框架编写页面,通过Ajax等方式请求后端提供的数据接口; 3. 前端页面和后端数据接口交互采用JSON格式数据,使得数据传输更加高效; 4. 前端代码和后端代码分别部署在不同的服务器上,通过跨域的方式实现数据交互。 具体实现步骤如下: 1. 后端使用Spring Boot框架搭建RESTful API服务 可以使用Spring Boot框架来搭建后端服务,使用Spring MVC来构建RESTful API。可以使用Spring Boot的starter包,来简化Spring MVC的配置。 2. 前端使用Vue框架编写页面 可以使用Vue框架编写前端页面。Vue提供了一套MVVM模式的数据绑定和组件化的开发方式,可以更加方便地编写前端页面。 3. 前端页面和后端数据接口交互采用JSON格式数据 前端页面通过Ajax等方式请求后端提供的数据接口,后端返回JSON格式的数据。这样可以使得数据传输更加高效。 4. 前端代码和后端代码分别部署在不同的服务器上 可以将前端代码和后端代码部署在不同的服务器上,通过跨域的方式实现数据交互。可以设置CORS(跨域资源共享)来实现跨域访问。 总的来说,使用Spring BootVue实现前后端分离,可以提高开发效率和系统性能,同时也可以更好地实现前后端分离

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值