昵称登录后显示

项目介绍:万禧商城ERP是一个服务于采用B2C模式的万禧商城电商平台的ERP数据支撑平台,专为商家打造。通过RBAC策略
精准控制人员权限。总部可以轻松查看和管理各商品信息、订单信息、客户信息,实时统计显示业务数据,为商家提供高效、便捷的电商管理解决方案。
技术体系:React全室家桶、TyeScrpt、Vite、Echarts、Sass、nd Desin、Webwoker、ProCompont、React-Qery、18nLodash、PubSub、Bcryptjs等。
工作内容:基于商品、订单、客户等数据的表格实现以及相应的表格数据处理操作,文件导入、进度条监控文件导入进度、文件导出;
CRUD的封装。
技术要点:
遵循项目规范化开发原则进行EsintPrettie、Stylelint、Husky、CommitLint等项目前期构建环境的搭建,团队成员遵循统一代码模式优化团队开发流程;
依托项目流程开发模式进行路由搭建、页面初始、请求二次封装、接口统一管理、仓库模块划分、请求位置确认、界面完善与请求渲染等,项目模块开发模式统一提高开发效率便于调试与改造海量数据使用虚拟列表与无限滚动的形式实现渲染和优化对海量数据的请求操作进行并发异步的优化操作,并对导出的数据进行压缩来完成优化。
使用Antd Design中的Table组件进行基础功能布局,提高整体页面的美观和统一在文件导入导出部分搭配分片上传、秒传等上传方式提升图片上传的速度,还结合了并发和Webworker减少主线程压力
确保用户在上传过程中的流畅体验
运用自定义Hook封装技术将CRUD进行封装操作,以此来提高代码复用、确保操作一致性,并简化复杂性以便于扩展和维护。这一做法能让数据处理更加高效规范,方便后期开发与维护,使用CDN缓存技术,将上传的大体积且不常修改的图片和视频进行缓存,减少项目体积、提高页面加载速度。