Giter VIP home page Giter VIP logo

finebiweb's Introduction

FineBiWeb

这是一个基于帆软FineBI报表平台改造的一个壳应用
https://help.fanruan.com/finebi/
用于改善 目录结构较多较深的报表平台,使用体验有较多的提升
主要功能:

  • 提取一级目录为下拉框选项,二级目录展示在正上方为模块选项,三级目录则为左侧树状目录
  • 同时可以加入自己开发的web页面
  • 可以直接复制url地址给他人,可以直接打开

框架

本项目框架基于 vue init webpack FineBiWeb

构建过程

# 安装FineBI服务
# https://help.fanruan.com/finebi/doc-view-260.html

# 下载本项目,安装依赖
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

配置目录

修改配置文件 src/utils/setting
根据帆软应用的目录结构,找到目录的对应id进行配置。
不知道如何找id? 可以先配置menu,然后启动 npm run dev, 自己点开也买你,路由中就有id

export default {
  // 通过配置BI目录,设置一个仪表板,只有一个web组件,嵌入一个页面()
  vuePagePaths: {
    '00a9e37f-ca1f-49cc-bb0b-f30f27f7ad1f': '/testpage'
  },
  // 配置需要显示的一级菜单
  menu: [
    { name: '财务部门', icon: 'caiwu.png' },
    { name: '销售部门', icon: 'xiaoshou.png' },
    { name: '客服', icon: 'kefu.png' }
  ],
  // 切换下拉框(一级目录),或者切换顶部模块(二级目录),可以配置默认打开的页面
  games: [
    {
      name: '财务部门',
      tabs: [
        {
          name: '概览',
          mainid: '37264d12-7597-4ee7-9068-3dd6633b108f',
        },
        {
          name: '支出',
          mainid: '00efb90d-0e0b-4d94-ae87-36593d6e231d',
        },
        {
          name: '自定义页面',
          mainid: '00a9e37f-ca1f-49cc-bb0b-f30f27f7ad1f',
        },
      ],
    },
    {
      name: '销售部门',
      tabs: [
        {
          name: '分析报表',
          mainid: 'a52d8875-7e31-413a-bcce-5c7059b554db',
        },
      ],
    },
    {
      name: '客服',
      tabs: [
        {
          name: '今日',
          mainid: 'f880ddb1-03dc-4559-9d4f-b7658f8770db',
        },
        {
          name: '历史',
          mainid: '06414653-8e00-460b-9ea1-99e185a53e85',
        }
      ]
    }
  ]
};

部署

# build for production with minification
npm run build

# 将 /dist 文件内的全部文件 copy 到 ../FineBI5.1/webapps/webroot  
# 启动帆软BI服务,http://localhost:37799/webroot/descition 是原本的管理页面。  
# 打开 http://localhost:37799/webroot/#  即可看到我们开发的页面  

finebiweb's People

Contributors

harryyao avatar

Stargazers

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

Watchers

 avatar

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.