Skip to content

百威 Quick BI 报表(2022.09 – 2022.10)

项目简介

百威集团报表系统,展示集团下各子品牌 Quick BI 和 Tracking 的报表管理。

技术栈

React / React Router DOM / Ant Design / Fetch

个人职责

负责百威报表的项目开发:React 搭报表后台,Ant Design 布局,React Router DOM 建路由;ESLint + Stylelint、Husky + commitlint 做规范和提交;iframe 嵌套阿里 Quick BI;useMemo / useCallback 做性能优化;两天一次 Code Review;GitLab CI + Docker 自动部署。

技术亮点

  • Quick BI 嵌入:通过 iframe 嵌套阿里 Quick BI 报表。
  • 渲染优化useMemouseCallback 优化传值,避免不必要的方法调用。
  • 质量与发布:两天一次 Code Review,改 review 问题,提高可读性;GitLab CI、Docker 自动部署。

项目成果

  • 各子品牌 Quick BI / Tracking 报表可在同一套管理系统中查看
  • 嵌入第三方报表,避免自研图表堆砌
  • 规范和自动部署保证迭代与可读性

可能会问的问题

报表是自己画的还是嵌现成的?

iframe 嵌套阿里 Quick BI,避免自研图表堆砌。各子品牌 Quick BI / Tracking 在同一套管理系统里看。

React 这边做了哪些性能和发布约束?

useMemo / useCallback 减少多余传值和调用;两天一次 Code Review;GitLab CI + Docker 自动部署。