数据可视化BI平台——CBoard的部署与使用（笔记整理）

时间  2020-12-07
标签 php html java mysql git github web sql 数据库 浏览器 栏目 大数据 繁體版
原文   原文链接

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

1、准备与安装

1. JDK1.8

直接安装到指定位置，而后为它配置环境变量。html

配置环境变量：右击“个人电脑”–>“属性”–>“高级系统设置”–>“高级”–>“环境变量”

  • 在系统变量里新建"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，就相对方便多了，不用担忧这个”;"。java

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后直接解压到想要安装的位置便可。mysql

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

强大的数据库管理和设计工具（有其余的工具也行），下载后直接解压到想要安装的位置便可。git

导入CBoard初始数据。（初始数据很重要，是CBoard可否成功运行的关键，下载连接在文末）

  • 新建一个数据库链接（注意端口号默认为3306），而后新建一个数据库cboard。
  • 右键->运行SQL文件
  • 运行完毕而且不报错的话，关闭Navicat中数据库链接（cboard），而后从新打开就能够看见下面的表格了。
  • 同理，新建第二个数据库链接footmart，导入第二个SQL文件。
    image.png

6. CBoard 0.4.2

能够在文末连接下载0.4.2版本，网速较快也能够在GitHub中下载最新版CBoard下载连接。
Git下载语句：github

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

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

2、修改配置文件并部署

1. 修改配置文件

用IDEA打开解压后的CBoard，固然本文的操做方式也能够不用IDEA，直接打开CBoard文件夹中的文件修改便可。web

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

image.png

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

image.png

2. 编译源代码

下载依赖包（该操做须要确保maven配置成功）

在cmd中运行该命令：sql

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

3、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. 其余

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

4、连接汇总

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

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

2. 参考资料连接

JDK：http://www.javashuo.com/article/p-uoiiuliq-dr.html
Maven：https://www.cnblogs.com/kyleinjava/p/9549481.html
Tomcat：https://jingyan.baidu.com/article/e8cdb32be15b0437052bad17.html
CBoard：http://www.javashuo.com/article/p-cqbrmwbc-bh.html，http://www.javashuo.com/article/p-yjecdfcw-hw.html
官方连接：https://peter_zhang921.gitee.io/cboard_docsify/#/

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程