kuangke9527 / datadraw

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

数字绘

在线线框图、流程图、网络图、组织结构图、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. 后续操作

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

• 登录后台（初始用户名 [email protected] 初始密码 admin 后台URl http://你的域名/Admin, 登录后到设置>基本设置中检查站点URL是否正确）
• 到用户管理页修改初始用户密码

7. 备注

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

待完善

• 接入微信支付
• 少部分绘图组件有问题
• 七牛云存储时，文件名空格BUG
• 分享作品得会员
• 上传图片返回链接
• Cloudreve竟然在一个项目里面使用了bootstrap3.x版本和4.0版本
• 我的文件添加返回上一级快捷方式
• 编写用户手册
• 我的文件下载其他可用格式

鸣谢

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

许可证

GPLV3