百威 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 报表可在同一套管理系统中查看。
- 第三方报表嵌入:通过嵌入报表避免自研图表堆砌。
- 工程协作与发布:规范和自动部署支持项目迭代与代码可读性。