Git Product home page Git Product logo

datadraw's Introduction

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. 后续操作

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

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

7. 备注

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

待完善

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

鸣谢

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

许可证

GPLV3

datadraw's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

datadraw's Issues

图示显示空空如也

您好,绘制的部分图示有时候在文件夹中能正常显示缩略图,也能右键下载XML文件;但是一点开画布上就什么都没有,点输出PNG也是宽度0高度0;目前的解决办法是下载XML然后把代码贴到画图界面的“其它-编辑图表”里面去替换。请问有办法解决这一问题吗?

IE11无法新建图表

点击右上角的加号,然后输入图表名称,点击创建页面无反应,F12后见下图报错:
image

SVG输出常发错误

使用SVG格式导出图形时,图中的文字经常会变成“[View not Supported]”,请问是不是编码等因素引起的问题呢?
用别的格式输出图形后,Word因为缩放的问题,不管多少倍分辨率输出都会导致图片不清晰,只能依赖于SVG,希望能够研究下,谢谢!

寻求合作

怎么联系你呢,想谈下合作;我的QQ:1521770894

部署后点击精选模板报错了

[ 2019-04-16T13:51:18+08:00 ] 127.0.0.1 GET 127.0.0.1/template
[ sql ] [ DB ] CONNECT:[ UseTime:0.002000s ] mysql:host=127.0.0.1;port=3306;dbname=lite;charset=utf8
[ sql ] [ SQL ] SHOW COLUMNS FROM sd_users [ RunTime:0.012000s ]
[ sql ] [ SQL ] SELECT * FROM sd_users WHERE id = 2 AND user_status = 0 LIMIT 1 [ RunTime:0.001000s ]
[ sql ] [ SQL ] SHOW COLUMNS FROM sd_groups [ RunTime:0.012000s ]
[ sql ] [ SQL ] SELECT * FROM sd_groups WHERE id = 3 LIMIT 1 [ RunTime:0.000000s ]
[ sql ] [ SQL ] SHOW COLUMNS FROM sd_policy [ RunTime:0.011000s ]
[ sql ] [ SQL ] SELECT * FROM sd_policy WHERE id = 1 LIMIT 1 [ RunTime:0.001000s ]
[ error ] [10501]SQLSTATE[42S02]: Base table or view not found: 1146 Table 'lite.sd_template_class' doesn't exist

数据库少了张表?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.