數據可視化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教程