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;两天一次 Code Review。
  • Quick BI 嵌入:iframe 嵌套阿里 Quick BI。
  • 性能与发布:useMemo / useCallback 做性能优化;GitLab CI + Docker 自动部署。

技术亮点 ​

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

项目成果 ​

  • 报表集中查看:各子品牌 Quick BI / Tracking 报表可在同一套管理系统中查看。
  • 第三方报表嵌入:通过嵌入报表避免自研图表堆砌。
  • 工程协作与发布:规范和自动部署支持项目迭代与代码可读性。