fullstack-priceDashboard产品价格监控仪表盘
价格数据的全栈仪表盘项目,前后端都自己撸,体验还挺完整。
fullstack-priceDashboard 的前身其实是公司内部的小工具,后来我把前端重构了一遍,顺手加上容器化部署和基础的 CI 管道,整个流程打通了,体验比原来强多了。
UI 部分是用 React 做的,页面结构用的是分离式布局,路由、页面、组件都拆得挺清楚,维护起来不累。打包这块用的是 Webpack,开发和生产环境的切换比较灵活,不像 CRA 那样封闭。
状态管理用的是 Redux,跟后端的数据保持实时同步,比如你改了促销价格或者删了什么,前端这边立马就能反映出来。再配合 凭据管理 API,自动登录体验也不错,省了每次输密码的麻烦。
另一个亮点是价格计算逻辑,能根据用户拥有的老产品组合来生成报价,这在做促销策略的时候有用。不管是 B2B 还是 B2C 场景,这种逻辑你肯定会碰到。
页面的视觉表现也挺直观,当前促销、下一步计划一目了然,响应也快。设置促销、改价格这些操作都比较顺手,适合需要频繁改价的运营团队。
如果你打算自己做一套带价格计算的管理后台,又不想从头写,不妨看看这个项目,前后端分明,逻辑也清晰,蛮适合上手练习。
204.98KB
文件大小:
评论区