Davinci初体验

2020-11-20 | 0 评论 | 0 浏览

背景

Davinci(达芬奇)是宜信开发的一款数据可视化工具。

初体验之安装篇

下载

在官方下载页面下载本文写作时最新版本 davinci-assembly_3.0.1-0.3.1-snapshot-dist-beta.9.zip。

国内站@gitee也有源码的每日同步。

环境准备

参考官方安装文档。

我这里之前已经安装好了 JDK 1.8 、MySQL 和 Redis。

安装 phantomjs 。

sudo apt-get install phantomjs

配置部署

准备目录

本文解压内容到了public目录。

$ tree -L 1 public
public
├── bin
├── config
├── davinci-ui
├── lib
├── logs
├── README-CH.md
├── README.md
└── userfiles

配置环境变量

export DAVINCI3_HOME=/home/admin/davinci/public

初始化数据库

预先创建一个数据库，名称比如为 davinci03。然后数据库密码比如为root，按下面的指令初始化数据库。

mysql -P 3306 -h localhost -u root -proot davinci03 < $DAVINCI3_HOME/bin/davinci.sql

初始化配置

进入 config目录：

cp application.yml.example application.yml
vim application.yml

其中server配置：

server:
  protocol: http
  address: 127.0.0.1
  port: 8080

  access:
    address: 192.168.1.1
    port: 80

datasource 配置：

url: jdbc:mysql://localhost:3306/davinci0.3?useUnicode=true&characterEncoding=UTF-8&zeroDateTimeBehavior=convertToNull&allowMultiQueries=true
    username: root
    password: root

mail配置：需要配置，用来注册–邮件激活添加用户

截图配置：

screenshot:
  default_browser: PHANTOMJS        # PHANTOMJS or CHROME
  timeout_second: 600
  phantomjs_path: $your_phantomjs_path$
  chromedriver_path: $your_chromedriver_path$

配置数据源

cp datasource_driver.yml.example datasource_driver.yml
vim datasource_driver.yml

启动服务

bin$ ./start-server.sh
======================

Starting..., press `CRTL + C` to exit log
===============================

log4j:WARN No appenders could be found for logger (org.springframework.web.context.support.StandardServletEnvironment).
log4j:WARN Please initialize the log4j system properly.
log4j:WARN See http://logging.apache.org/log4j/1.2/faq.html#noconfig for more info.

---

|   \  __ _ __ __(_) _ _   __ (_)
| |) |/ _` |\ V /| || ' \ / _|| |
|___/ \__,_| \_/ |_||_||_|\__||_|

Davinci version: 0.3
Spring Boot version: 2.0.4.RELEASE

初体验之使用篇

注册

填写用户名、密码、邮箱，进行注册。

在邮箱中找到注册链接，然后点击，完成注册。

创建项目

填写名称, 描述, 可见。

添加数据源

在左侧的“倒数第二项”中选中数据源(Source)。点击测试成功之后，保存数据源。

创建数据视图

在左侧的“倒数第三项”中选中视图(View)。

在左侧填写名称，描述，选中上面添加的数据源，编写对应的SQL。

SQL执行成功后，点模型，选择维度，指标，最后点保存。

创建可视化组件

在左侧的“倒数第四项”中选中组件(Widget)，点右上角添加。

在左上角选中刚刚添加的视图。

创建仪表盘

在左侧的“第一项”中选中应用(Viz)，创建新 Dashboard。

填写名称, 描述，点确定。

问题处理

二级路径

如何不使用根路径，而是使用二级路径呢？

如使用路径 data

修改配置文件 config/application.yml，则：

server:
  protocol: http
  address: 0.0.0.0
  port: 21485

  servlet:
    context-path: /data/

修改ui资源文件：

2.1 index.html

里面的4个src资源，加上自己的路径 /data/

2.2 share.html

里面的4个src资源，加上自己的路径 /data/

2.3 runtime~app.31fe2a5754866db116f5.js

n.p="/data/"

参考

用户手册 - 安装