网站系统解决方案,网页设计与制作用什么软件,h5转wordpress,做得不好的知名企业网站目录
一 说明
二 源码地址以及下载
三 开发环境搭建
1. 前端工程地址
2. 配置开发环境
#xff08;1#xff09;安装 node.js
#xff08;2#xff09;安装 serve 服务器
3. 运行
四 最后 一 说明 应公司项目要求#xff0c;需要对drawio进行二次开发…目录
一 说明
二 源码地址以及下载
三 开发环境搭建
1. 前端工程地址
2. 配置开发环境
1安装 node.js
2安装 serve 服务器
3. 运行
四 最后 一 说明 应公司项目要求需要对drawio进行二次开发并将html界面通过iframe 嵌入到本公司产品中使用但是由于功能限制做到最后还是放弃了使用drawio。但是之前的研究内容可不能浪费。便准备写个专栏进行记录希望能够帮到需要将drawio进行二次开发的朋友其中有涉及到不正确的地方还请大家多包涵 二 源码地址以及下载 网页版在线使用地址体验和使用地址https://app.diagrams.net/ drawio源码地址git 下载地址https://github.com/jgraph/drawio 在界面可以看到当前最新版本为v24.3.1我做开发的时候版本为23.1.5版本更新的还是挺快的点击进去并下载然后拿出来放到自己的地方进行解压准备开发使用。 三 开发环境搭建
1. 前端工程地址 打开文件夹可以看到main里面包含三个文件夹但是前端代码在src\main\webapp 中Java文件夹用处不大因为我们要求数据保存到本地所以Java这边没有用到。 2. 配置开发环境
1安装 node.js 作为前端开发node.js 肯定是已经安装好了的就不多说如果没有安装网上有很多安装教程看着安装了即可。
2安装 serve 服务器 为了将drawio运行起来我使用了serve 服务器。这样就不用再去修改package.json 文件了。 安装很简单使用npm命令即可npm install -g serve
3. 运行 在ide中我是webstorm进入到webapp文件夹下面运行serve 命令成果后会有链接。如下图我的serve版本有点低了再提示最新版本可以忽略所示就成功了点击下面的链接就会进入到drawio的主界面。 四 最后 通过上面的步骤就再本地通过代码运行起来了drawio网页版。下一篇文章将进行drawio的二次开发流程。
