Giter Club home page Giter Club logo

cboard-v's Introduction

CBoard-v

CBoard-v 是个人项目,目的是使用 Vue 2.0 重写 CBoard 的前端部分。

CBoard 是一个他人开源的 BI 工具,用于生成可视化报表。(项目原地址)

因为 CBoard 的前端是由 AngularJs(1.4.x)构建的,考虑到目前的前端生态,为了方便以后的二次开发和维护,因此决定用 Vue 重写。

账号:admin
密码:root123

技术栈

Vue + Vue Router + Vuex + Element-UI

新的特性

根据业务的需要,新增了一些特性;
如可以定制更复杂的布局、调整背景色:
image

部署

(前提)Step 0:部署 CBoard 后台

请根据 CBoard 的官方文档部署好完整的项目,确保能访问。
CBoard github
安装与配置文档

Step 1: 编译打包 CBoard-v

clone 本项目,
npm install,

src/utils/http/api.js 中修改:
const baseurl = '你的 CBoard 项目访问地址';

npm run build

生成文件index.html 和目录static

Step 2:

将目录 static 加入cboard根目录下,
将 index.html 改名为 starter.html 替换cboard根目录下原来的文件。

开发调试(chrome)

1、config/index.js 中修改:

module.exports = {
  dev: {
    proxyTable: {
        '/api':{
            target: '修改为你的 CBoard 访问地址',
        }
    },

2、访问已搭好的 CBoard 项目登录,获得 JSESSIONID 值;

3、npm install && npm run dev
使用Chrome浏览器访问页面,在Application中写入Cookie:name 为 "JSESSIONID", value 为上一步获得的值。 刷新即可访问。

cboard-v's People

Contributors

coffeehu avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

cboard-v's Issues

无法展示菜单

请问我部署了最新的Cboard,在已经确保Cboard可以正常访问的情况下集成了vue版本的前端,但是不能正常展示菜单,后端查看Menu的接口也是正常响应数据,需要更改一些其他什么配置或者代码吗?
Snipaste_2021-02-07_15-38-53

data['']

keys.forEach(key => {
let itemValue = data[''][value.name][value.aggType][key.join('-')];
item.value.push(itemValue);
});

请问 RadarContent.vue 这里的data[''] 是什么意思?

部署访问静态文件404

你好
在构建完成,放在服务器目录启动后,提示有静态文件无法访问

截图如下:
image

期待回复
感谢!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.