前端本地开发

前端仓库为：https://github.com/wanglin2/lx-doc。

实现克隆本仓库，然后要开发哪个项目进入哪个目录即可。

通用项目

workbench、whiteboard、sheet、ppt、doc、markdown、bpmn、note项目的本地开发模式都是一致的。

1.安装依赖

进入对应项目目录下执行：

npm i

2.启动

npm run mockDev

接口请求都会走模拟数据，模拟数据可以在/src/api/mock.js文件中配置。

如果你先启动了后端项目，那么可以直接访问后端接口，此时启动命令为：

npm run dev

默认代理的地址为http://localhost:9222/，如果你部署的后端服务端口不是9222，那么可以自行修改各个项目下的配置文件。

访问的地址为/xxx/id，如果是用模拟数据，那么id可以随便填，否则请用你创建的文件的id。

3.打包

npm run build

打包生成的dist目录下的内容即是部署产物。

思维导图项目

mind-map目录。

1.安装依赖

进入项目目录下执行：

npm i

2.启动

npm run mockServe

接口请求都会走模拟数据，模拟数据可以在/src/api/mock.js文件中配置。

如果你先启动了后端项目，那么可以直接访问后端接口，此时启动命令为：

npm run serve

默认代理的地址为http://localhost:9222/，如果你部署的后端服务端口不是9222，那么可以自行修改各个项目下的配置文件。

访问的地址为/mind-map/id，如果是用模拟数据，那么id可以随便填，否则请用你创建的文件的id。

3.打包

npm run build

打包生成的dist目录下的内容即是部署产物。

流程图项目

flowchart项目。

这个项目是在drawio仓库的源码基础上修改的，由于drawio项目非常复杂，想要达到能修改和扩展的程度，需要花费大量时间，所以不建议修改该项目。

这个项目因为启动时间非常早，所以没有使用任何框架，也没有使用构建工具。

1.安装依赖

进入项目目录下执行：

npm i

2.启动

npm run dev

要使用模拟数据，需要手动修改/src/main/webapp/js/ui/api.js文件中的useMock变量为true。

访问的地址为http://localhost:9097/?id=123&dev=1，id可以随便写。

3.打包

npm run build

因为这个项目的打包是通过java来实现的，所以你还需要安装java的环境。可以参考网上的一些教程，比如

DrawIO 二开。

生成环境访问不需要带dev参数。

打包完了需要把整个webapp目录下的文件都上传到服务器。