# zapi-onlyoffice-demo

**Repository Path**: lrguo/zapi-onlyoffice-demo

## Basic Information

- **Project Name**: zapi-onlyoffice-demo
- **Description**: onlyoffice在线编辑，本地vue3+springboot实现本地路径在线编辑。
- **Primary Language**: Java
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 4
- **Created**: 2026-03-17
- **Last Updated**: 2026-03-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

该项目为集成onlyoffice，做文件在线编辑示例。
提供了简单的文件上传，文件列表，文件列表中在线编辑文件，外置保存按钮功能

完整版演示地址：[知录Admin：http://www.zhilu.online/](http://www.zhilu.online/)


前端 vue3

后端 java  springboot+mybatisplus

数据库：mysql8

onlyoffice： onlyoffice_7.3.3

onlyoffice是在docker上进行部署的，这里就忽略

给出简单的启动命令：

> sudo docker run -i -t -d -p 7086:80 --restart=always --name=onlyoffice_7.3.3 -e JWT_ENABLED=false onlyoffice/documentserver:7.3.3


JWT_ENABLED=false  标识不验证

启动成功后：`http://localhost:7086` 访问

![输入图片说明](image/a1.png)

获取onlyoffice的秘钥命令：

获取默认密钥 (在 OnlyOffice 服务器上执行):

> sudo docker exec 3ae2920e4524 /var/www/onlyoffice/documentserver/npm/json -f /etc/onlyoffice/documentserver/local.json 'services.CoAuthoring.secret.session.string'

3ae2920e4524是你当前容器的编码


到这里准备工作做好了，

开始进行项目启动：

前端：zapi-allin-onlyoffice-web

npm i 编译

npm run dev 启动

其中我的node版本比较高在22左右，这个自行准备，里面没有什么过多兼容问题

后端：zapi-allin-sys

![输入图片说明](image/b1.png)

用的jdk1.8  maven编译，springboot项目启动

yml的配置里面都有详细的说明。自行修改

![输入图片说明](image/b3.png)


以下是简单的示例图：

首页启动，上传文件

![输入图片说明](image/1.png)

编辑文件，就会进入onlyoffice在线编辑页面了

![输入图片说明](image/2.png)
![输入图片说明](image/3.png)