基于 Feed 流撸了个购物信息站,附源码(双十一相关,慎入)

网站:

解忧南杂店: https://store.mangege.com/

源码:

• 前端(ES6 + React + Hook): https://github.com/mangege/generalstorefrontend
• 后端(Ruby + Sinatra + Sequel): https://github.com/mangege/generalstorebackend

网站介绍:

• 登录后滚动翻页自动把上页优惠信息标记为已读,再刷新不显示已读信息.
• 因记录信息的已阅必须与用户关联,但又不想收集用户信息,所以点击注册时系统自动生成 UUID,登录通过 UUID 登录,不需要填任何信息.
• 目前主要是通过淘宝 API 获取双十一相关的优惠信息,也支持获取非双十一的物料信息.

收获与体会

• 站本身应该是没价值的垃圾站,纯当学习练手项目.
• 前端收获比较大,主要自己菜,这次 React + Hook 算是入了门.
• 后端主要收获实现展示未读信息实现的 SQL, 过滤条件写到 Join 里,而不是 Where 里. https://stackoverflow.com/questions/14200105/selecting-unread-documents-in-postgresql-joins
• 自己菜也是一部分原因,用 React 感觉一些把简单的问题复杂几倍了. 在没有使用 Redux ,组件之前的传值好麻烦.
• 响应式下的虚拟列表好难实现(未实现),窗口宽度变了,元素的宽高也变了,而虚拟列表必须得明确提前告知元素的宽高.

待完善

• 导航栏滚动实现
• 点击复制后的提示 manifest.json 文件的跨域错误提示
• manifest.json 文件的跨域错误提示
• 定时策略更新数据
• 文档
• 接入京东,拼多多
• 等