红叮当管理系统(react pc 端)
项目地址 https://perm.qinghotel.com
项目概述:酒店后台管理系统,服务合作的酒店、自家酒店品牌,为公司长期迭代的一款产品
项目内容:财务处理模块、销售统计模块、房态管理模块、自主促销活动模块、订单模块、报表模块、评论模块
项目详情:
➢ 参加技术选型讨论,最终确定 react+TS+webpack+Ant Design
➢ 使用 react 全家桶进行开发,并使用 redux 作为状态管理工具
➢ 负责 http 请求的 axios 封装
➢ 将 Ant Design 表单组件二次封装,使之更符合业务需求
➢ 动态路由进行路由鉴权,自定义指令进行鉴权显隐某些组件
➢ 将酒店财务处理模块拆分为不同的模块,每个模块处理特定的任务。这些模块可以根据需要进行添加、删除或替
换,以满足不同酒店的需求
➢ 将数据进行预处理优化大数据渲染,提升可视化图表渲染速度;对百万级数据,使用 ECharts 提供的
sampling 功能里的 lttb 降采样点,在保留很多细节同时能有效的提升渲染速度。
➢ 使用 XLSX.js 插件导出报表
➢ 组件通过 lazy、Suspense 实现路由懒加载,vant 组件的样式通过 CDN 引入,图片处理向图 片服务器请
求或者使用精灵图
➢ 对项目进行打包优化,使用 cdn、缓存,多进程打包压缩等措施
➢ 房态的实时更新,房态的多维度管理(客房的类型、价格、房间数量、预订状态、入住状态),房态的冲突
处理(实时更新房间状态、先到先得的机制)
➢ 使用 WebSocket 协议实现客户端和服务端之间的双向通信,服务端实时推送房间状态的变化给客户端,
比轮询方式更加高效