FineBiWeb

KO | EN

gitlite — search

#python #ai #typescript #golang #android #docker #macos #java #windows #kubernetes #security #ios #mcp #openai

(★ 25)

对帆软的FineBI的web应用，进行了一层封装打包，根据登录，目录等api，重做了登录页面和目录导航，对于有较多较深目录结构的公司报表项目，有极大的使用体验提升。

FineBiWeb 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# FineBiWeb

> 这是一个基于帆软FineBI报表平台改造的一个壳应用   
> https://help.fanruan.com/finebi/   
> 用于改善 目录结构较多较深的报表平台,使用体验有较多的提升  
> 主要功能：
* 提取一级目录为下拉框选项，二级目录展示在正上方为模块选项，三级目录则为左侧树状目录
* 同时可以加入自己开发的web页面  
* 可以直接复制url地址给他人,可以直接打开

## 框架

> 本项目框架基于 vue init webpack FineBiWeb

## 构建过程

``` bash
# 安装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

```js
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',
        }
      ]
    }
  ]
};

```

## 部署

```md
# 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

FineBiWeb 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

FineBiWeb

FineBiWeb 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README