百威 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 报表。
- 渲染优化:
useMemo、useCallback优化传值,避免不必要的方法调用。 - 质量与发布:两天一次 Code Review,改 review 问题,提高可读性;GitLab CI、Docker 自动部署。
项目成果
- 各子品牌 Quick BI / Tracking 报表可在同一套管理系统中查看
- 嵌入第三方报表,避免自研图表堆砌
- 规范和自动部署保证迭代与可读性
可能会问的问题
报表是自己画的还是嵌现成的?
iframe 嵌套阿里 Quick BI,避免自研图表堆砌。各子品牌 Quick BI / Tracking 在同一套管理系统里看。
React 这边做了哪些性能和发布约束?
useMemo / useCallback 减少多余传值和调用;两天一次 Code Review;GitLab CI + Docker 自动部署。