数据可视化BI平台——CBoard的部署与使用

CBoard作为国内自主开发的数据可视化平台,因其方便好用而受到广大用户的使用和好评。现今CBoard有社区版和企业版两个版本,本文所述为社区版的0.4.2版本。
注意:所需的一切资源以及相关参考链接都在本文文末!!!

一、准备与安装

1. JDK1.8

直接安装到指定位置,然后为它配置环境变量。

配置环境变量:右击“我的电脑”–>“属性”–>“高级系统设置”–>“高级”–>“环境变量”
  • 在系统变量里新建"JAVA_HOME"变量,变量值为:C:\Program Files\Java\jdk1.8.0_172(根据自己的jdk的安装路径填写)
    image.png
  • 在系统变量里新建"classpath"变量,变量值为:.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar (注意最前面有一点)
    image.png
  • 找到path变量(已存在不用新建)添加变量值:%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin
    image.png
  • “Windows+R”–>输入“cmd”–>Enter,输入java -version(记得中间有个空格),如果显示jdk版本信息就说明环境变量配置成功了。
    image.png

注意:
变量值之间用";“隔开。注意原来Path的变量值末尾有没有;号,如果没有,先输入;号再输入。如果你的系统是Windows10,就相对方便多了,不用担心这个”;"。

2. Maven 3.6

CBoard项目需要使用maven编译,所以先下载并解压maven,并配置环境变量。
  • 在系统变量中新建“MAVEN_HOME”,变量值为maven的安装路径。
    image.png
  • 在环境变量的path中添加变量值:;%MAVEN_HOME\bin;
    image.png
  • 配置完成后在命令行cmd 运行mvn -version查询对应的版本号,显示信息则说明配置成功。
    image.png
配置文件setting.xml(在maven安装目录的conf文件夹中)的简单配置
  • 配置创建项目时默认的jdk版本,在标签中添加,这样每次update项目的时候就会变为默认的jdk版本,这里是默认全局设置的编译版本。
<profile>    
        <id>jdk-1.8</id>    
        <activation>    
            <activeByDefault>true</activeByDefault>    
            <jdk>1.8</jdk>    
        </activation>    
        <properties>    
            <maven.compiler.source>1.8</maven.compiler.source>    
            <maven.compiler.target>1.8</maven.compiler.target>    
            <maven.compiler.compilerVersion>1.8</maven.compiler.compilerVersion>    
        </properties>    
</profile>

image.png

  • 配置私有仓库的位置(maven所有的本地jar包都会放在私有仓库里面),其默认位置是当前用户目录下.m2文件夹中。通过修改下面的路径可以修改本地仓库的位置。
    image.png
  • 配置中央仓库,使用阿里云仓库作为中央仓库的镜像,因为国外的仓库访问非常慢。
<mirror>
      <id>nexus-aliyun</id>
      <mirrorOf>central</mirrorOf>
      <name>Nexus aliyun</name>
      <url>http://maven.aliyun.com/nexus/content/groups/public</url>
</mirror>

image.png

3. Tomcat 9.0

安装Tomcat之后,配置环境变量。
  • 在系统变量新建CATALINA_BASE变量
    变量名:CATALINA_BASE
    变量值:D:\Program Files\Apache Software Foundation\Tomcat 9.0
    (Tomcat安装位置,即bin文件所在位置)
    image.png
  • 在系统变量新建CATALINA_HOME变量
    变量名:CATALINA_HOME
    变量值:D:\Program Files\Apache Software Foundation\Tomcat 9.0
    (变量值同上,填Tomcat的安装位置)
    image.png
  • 在环境变量中找到Path变量,点击编辑
    变量名:Path
    变量值: ;%CATALINA_HOME%\bin;
    (不要删除原有path变量值,直接在最后一行添加上这一句即可)
    image.png
这样Tomcat就配置好了。打开cmd命令提示符,输入startup后回车,就可以看到Tomcat成功启动了。(或者直接双击Tomcat安装路径中的bin文件中的startup.bat文件)

image.png

在浏览器地址栏输入localhost:8080或127.0.0.1:8080,验证Tomcat是否配置成功。

image.png

4. PhantomJS 2.1

如果要使用看板导出和邮件功能,需要安装PhantomJS 2.1+,下载PhantomJS后直接解压到想要安装的位置即可。

5. MySQL

安装MySQL
  • 打开刚刚下载好的安装包,开始安装MySQL。
  • 选择 I accept 然后点击next进入下一步。
  • 选择Server Only,然后点击next进入下一步。
  • 之后的除了要记住后面自己设置的root密码之外,基本都是点击execute或者next按钮就行了。
配置MySQL环境变量
  • 创建一个my.ini文件放到MySQL数据库安装路径的bin目录下,内容如下。
#  power by phpStudy  2014  www.phpStudy.net  官网下载最新版

[client]
port=3306
[mysql]
default-character-set=utf8

[mysqld]
port=3306
basedir="D:/Program Files/MySQL/MySQL Server 5.7"
datadir="D:/Program Files/MySQL/MySQL Server 5.7/data/"
#以上路径请与自己的安装路径对应

character-set-server=utf8
default-storage-engine=MyISAM
#支持 INNODB 引擎模式。修改为 default-storage-engine=INNODB 即可。
#如果 INNODB 模式如果不能启动,删除data目录下ib开头的日志文件重新启动。

sql-mode="NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION"
max_connections=512
query_cache_size=0
#table_cache=256
tmp_table_size=18M
thread_cache_size=8
myisam_max_sort_file_size=64G
myisam_sort_buffer_size=35M
key_buffer_size=25M
read_buffer_size=64K
read_rnd_buffer_size=256K
sort_buffer_size=256K
#innodb_additional_mem_pool_size=2M
#innodb_flush_log_at_trx_commit=1
#innodb_log_buffer_size=1M
#innodb_buffer_pool_size=47M
#innodb_log_file_size=24M
#innodb_thread_concurrency=8

explicit_defaults_for_timestamp=true
 
max_allowed_packet=500M
wait_timeout=288000
interactive_timeout=288000

 

  • 新建数据存放目录
    image.png
  • 配置环境变量:在环境变量的path中添加:D:\Program Files\MySQL\MySQL Server 5.7\bin;(MySQL中bin文件夹的路径)
    image.png
  • 在cmd中用net start mysql 启动服务(一般安装时就会启动,可不做)
安装Navicat

强大的数据库管理和设计工具(有其他的工具也行),下载后直接解压到想要安装的位置即可。

导入CBoard初始数据。(初始数据很重要,是CBoard能否成功运行的关键,下载链接在文末)
  • 新建一个数据库连接(注意端口号默认为3306),然后新建一个数据库cboard。
  • 右键->运行SQL文件
  • 运行完毕并且不报错的话,关闭Navicat中数据库连接(cboard),然后重新打开就可以看见下面的表格了。
  • 同理,新建第二个数据库连接footmart,导入第二个SQL文件。
    image.png

6. CBoard 0.4.2

可以在文末链接下载0.4.2版本,网速较快也可以在GitHub中下载最新版CBoard下载链接
Git下载语句:

git clone https://github.com/yzhang921/CBoard.git

7. Chrome浏览器(官方要求)

二、修改配置文件并部署

1. 修改配置文件

用IDEA打开解压后的CBoard,当然本文的操作方式也可以不用IDEA,直接打开CBoard文件夹中的文件修改即可。

打开src/main/resources/config.properties,修改初始数据库配置信息以及phantomjs的安装路径。

image.png

打开src\main\webapp\org\cboard\Settings.js,修改语言为cn,使CBoard显示为中文。

image.png

2. 编译源代码

下载依赖包(该操作需要确保maven配置成功)

在cmd中运行该命令:

mvn install:install-file -Dfile=lib/sqljdbc4-4.0.jar -DgroupId=com.microsoft.sqlserver -DartifactId=sqljdbc4 -Dversion=4.0 -Dpackaging=jar
编译

在cmd中运行该命令:

mvn clean package

3. 部署

拷贝cboard.war

拷贝CBoard安装目录下的target\cboard.war到tomcat安装目录下webapps目录,tomcat会自动解析cboard.war。
image.png

在Chrome浏览器中输入http://127.0.0.1:8080/cboard/login.html

image.png

登录CBoard

默认登录用户名和密码: admin/root123
image.png

三、CBoard的使用

1. 数据源

CBoard支持多种数据源(JDBC,Kylin,Saiku,等),不过我们目前最常用的还是JDBC。按照标准的JDBC连接字符串格式填入参数即可,如下图我使用的是MySQL作为数据仓库。
image.png

2. 数据集

CBoard中的数据集,就是Cube。所以创建数据集的过程,也就是设计维度,层次,度量的过程。(命名前缀为它所在文件夹)
设计数据集步骤如下图:
image.png

3. 图表设计

图表设计可以使用数据已有的数据集,也可以新建查询。使用非常简单,就和设计EXCEL透视表一样,拖放行,列,指标,然后预览微调。有透视表使用经验即可快速上手,如下图:
image.png
image.png

4. 看板设计

看板设计就是利用已有的图表进行排放,一般使用网格布局的比较多,其中的一些功能可以探索下,这里简单截个图看看:
image.png
看板预览效果如下:
image.png

5. 其他

定时任务、资源分享以及用户管理等比较简单明了,仔细研究下就知道如何使用了。

四、链接汇总

1. 所需的一切资源下载链接

链接:https://pan.baidu.com/s/1G0tXxMvtEkyqGp5iVVFYGQ
提取码:dqrk
复制这段内容后打开百度网盘手机App,操作更方便哦!

2. 参考资料链接

JDK:https://www.cnblogs.com/xch-yang/p/7629351.html
Maven:https://www.cnblogs.com/kyleinjava/p/9549481.html
Tomcat:https://jingyan.baidu.com/article/e8cdb32be15b0437052bad17.html
CBoard:https://www.cnblogs.com/zimo-jing/p/9868970.htmlhttps://juejin.im/post/5b4ee1c2f265da0f5d4cc978
官方链接:https://peter_zhang921.gitee.io/cboard_docsify/#/

转载于:https://www.cnblogs.com/bigcousin/p/cboard.html

  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值