前言
本文的原文连接是: https://blog.csdn.net/freewebsys/article/details/98440326
未经博主允许不得转载。
博主地址是：http://blog.csdn.net/freewebsys
1，关于cboard-v
之前研究的开源软件cboard ：
https://blog.csdn.net/freewebsys/article/details/85993873
CBoard 是一个他人开源的 BI 工具，用于生成可视化报表。
因为 CBoard 的前端是由 AngularJs（1.4.x）构建的，考虑到目前的前端生态，为了方便以后的二次开发和维护，因此决定用 Vue 重写。
感想这个哥们：
https://github.com/coffeehu/CBoard-v
我也会点 vuejs，但是么有能力重写cboard 界面。
去年写的，现在已经没有啥提交了。但是非常感谢他 (她) ！！！
https://github.com/coffeehu
2，使用
已经有了一个测试地址 http://www.hcbook.cc 账号：admin 密码：root123
之前使用的老数据创建的表格，发现几个不能使用的功能：
关系图，水球图，热点图，计量图， 定时任务,资源分享,用户管理 没有实现。
不知道是js 问题还是配置啥问题。之前是好的。
雷达图，饼图是好的。
散点图是可以的。
3，需要修改
java需要增加api前缀。另外需要配置好登录。
@RequestMapping("/api/commons")
@RequestMapping("/api/dashboard")
依赖的lib版本：
"dependencies": {
"@fortawesome/fontawesome-free": "^5.1.1",
"admin-lte": "^2.4.8",
"axios": "^0.18.0",
"echarts": "^4.1.0",
"element-ui": "^2.4.3",
"numbro": "^2.1.0",
"ol": "^5.0.3",
"vue": "^2.5.2",
"vue-grid-layout": "^2.1.13",
"vue-i18n": "^8.0.0",
"vue-router": "^3.0.1",
"vuedraggable": "^2.16.0",
"vuex": "^3.0.1"
}
整个项目结构：
src/App.vue
src/components/MainContent.vue
src/components/MainHeader.vue
src/components/MainSider.vue
src/components/config/board/GridsterWidgetConfig.vue
src/components/config/board/WidgetConfig.vue
src/components/config/board/WidgetConfigColumn.vue
src/components/config/board/WidgetConfigGridsterRow.vue
src/components/config/board/WidgetConfigParam.vue
src/components/config/board/WidgetConfigRow.vue
src/components/config/datasource/ElasticsearchForm.vue
src/components/config/datasource/JdbcForm.vue
src/components/config/datasource/KylinForm.vue
src/components/config/datasource/SaikuForm.vue
src/components/config/datasource/SolrForm.vue
src/components/config/datasource/TextfileForm.vue
src/components/config/options/BarOption.vue
src/components/config/options/ContrastOption.vue
src/components/config/options/FunnelOption.vue
src/components/config/options/KpiOption.vue
src/components/config/options/PieOption.vue
src/components/config/options/RadarOption.vue
src/components/config/options/ScatterOption.vue
src/components/config/params/DatePickerConfigDetail.vue
src/components/config/params/SelectorConfigDetail.vue
src/components/config/params/SliderConfigDetail.vue
src/components/dashboard/DashboardBox.vue
src/components/dashboard/DashboardColumn.bak.vue
src/components/dashboard/DashboardHeader.vue
src/components/dashboard/DashboardLoading.vue
src/components/dashboard/DashboardParam.vue
src/components/dashboard/DashboardWidgets.vue
src/components/dashboard/params/DatePicker.vue
src/components/dashboard/params/ParamSelector.vue
src/components/dashboard/params/ParamSlider.vue
src/components/dashboard/widgets/ChartContent.vue
src/components/dashboard/widgets/ChinaMapContent.vue
src/components/dashboard/widgets/FunnelContent.vue
src/components/dashboard/widgets/KpiContent.vue
src/components/dashboard/widgets/MapContent.vue
src/components/dashboard/widgets/RadarContent.vue
src/components/dashboard/widgets/ScatterContent.vue
src/components/dashboard/widgets/TableContent.vue
src/components/widgetConfig/DimensionTree.vue
src/components/widgetConfig/MeasureTree.vue
src/i18n/en.js
src/i18n/index.js
src/i18n/zh.js
src/main.js
src/router/index.js
src/store/actions.js
src/store/index.js
src/store/modules/config.js
src/store/modules/dashboard.js
src/store/modules/menu.js
src/store/modules/params.js
src/store/modules/widget.js
src/store/mutations.js
src/styles/bootstrap.css
src/utils/dashboardConfig.js
src/utils/dom.js
src/utils/http/api.js
src/utils/http/request.js
src/utils/initEcharts.js
src/utils/uuid.js
src/views/admin/UserAdmin.vue
src/views/config/board/.BoardConfig.bak.vue
src/views/config/board/.BoardConfigContent.bak.vue
src/views/config/board/BoardConfig.vue
src/views/config/board/BoardConfigContent.vue
src/views/config/category/CategoryConfig.vue
src/views/config/dataset/DatasetConfig.vue
src/views/config/datasource/DatasourceConfig.vue
src/views/config/job/JobConfig.vue
src/views/config/role/RoleConfig.vue
src/views/config/widget/WidgetConfig.vue
src/views/dashboard/Dashboard.vue
src/views/dashboard/Grid.vue
src/views/dashboard/Gridster.vue
src/views/dashboard/Timeline.vue
src/views/layout/Layout.vue
static/.gitkeep
static/china.json
4，总结
功能基本决斗实现了，有点个别的小问题，但是基本上可以替换 angluar的那个版本了。
非常不错，可以在这个基础上进行优化了。
本文的原文连接是:
https://blog.csdn.net/freewebsys/article/details/98440326
博主地址是：http://blog.csdn.net/freewebsys
