/DataDraw

数字绘——支持云存储的在线框图、流程图、网络图、组织结构图、UML、BPMN绘制

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

logo_white.png

数字绘

在线线框图、流程图、网络图、组织结构图、UML、BPMN绘制网站,绘制完成之后可以导出成图片、SVG、XML,也可以保存在云端并能分享给其他用户。

另外使用Cloudreve的分组实现了会员功能,对系统中的模板和更多的绘图组件进行了会员可用的限制。成为会员可以使用邀请好友和支付的方式。

网站

数字绘

轮子

  • Cloudreve 基于ThinkPHP构建的网盘系统,能够助您以较低成本快速搭建起公私兼备的网盘。

  • mxGraph 一个使用SVG和HTML来渲染的JavaScript图形绘制库。

  • draw.io 基于mxGraph库做的制图网站,本站主要使用了他的模板和绘图组件

部署

1. Clone本项目

git clone https://gitee.com/zxhm/DataDraw.git
cd DataDraw

2. 使用Composer安装扩展包

composer install

3. 配置数据和支付参数

将根目录下的mysql.sql到入到你的数据库,编辑application/database_sample.php文件,填写数据库信息,并重命名为database.php,编辑application/config_sample.php文件,主要修改最后部分的支付宝支付和微信支付信息,并重命名为config.php。

系统中使用的模板数据有点多,单独分了sql文件导出,放在了/static/editor/templates里面,需要使用模板的需要导入这个数据。

4. 目录权限

runtime目录需要写入权限,如果你使用本地存储,public 目录也需要有写入权限

5. URL重写

对于Apache服务器,请确保

  • httpd.conf配置文件中加载了mod_rewrite.so模块
  • AllowOverride None 将None改为 All`

项目目录下的.htaccess已经配置好重写规则,如有需求酌情修改.

对于Nginx服务器,以下是一个可供参考的配置:

location / {
   if (!-e $request_filename) {
   rewrite  ^(.*)$  /index.php?s=/$1  last;
   break;
    }
 }

如果你的应用安装在二级目录,Nginx的伪静态方法设置如下,其中youdomain是所在的目录名称。

location /youdomain/ {
    if (!-e $request_filename){
        rewrite  ^/youdomain/(.*)$  /youdomain/index.php?s=/$1  last;
    }
}

6. 后续操作

到此步时,系统已基本可以正常运行,但还需要进行一些后续操作.

  • 登录后台(初始用户名 admin@datadraw.net 初始密码 admin 后台URl http://你的域名/Admin, 登录后到设置>基本设置中检查站点URL是否正确)
  • 到用户管理页修改初始用户密码

7. 备注

  1. 目前文件存储已经可以全面使用Cloudreve的云服务,基本是全面集成Cloudreve,但只测试了七牛云
  2. IE不支持File构造函数,所以IE浏览器以及IE内核的浏览器都是没法用的

待完善

  • 接入微信支付
  • 少部分绘图组件有问题
  • 实现图形预览与其他云存储的结合
  • 分享作品得会员
  • 上传图片返回链接
  • Cloudreve竟然在一个项目里面使用了bootstrap3.x版本和4.0版本
  • 添加公司版权
  • 我的文件添加返回上一级快捷方式
  • 编写用户手册
  • 我的文件下载其他可用格式
  • 首页背景优化

鸣谢

感谢 大胃熊兄弟指出和修正多级目录的问题

许可证

GPLV3