产品列表页的属性前端过滤功能 AI 提示词

在产品列表页 templates/products.html 中，左侧增加属性过滤功能。

• 属性过滤组件的最顶部是分类过滤。显示当前大分类下的子分类，二级和三级分类。
• 每个属性显示前 N 个值，点击后进行过滤。可以参考 amazon 的做法。具体的属性字段，参考 models/product.go 中定义的字段
• 如果某个属性没有值，则不显示该属性。
• 需要提高性能，避免每次请求都查询数据库。可以缓存属性过滤数据，定期更新缓存。或者在批量导入产品后更新缓存。
• 尽可能实现手机端适配，保证在手机上也能良好显示和使用属性过滤功能。如果不好实现，可以先只实现桌面端功能，后续再优化手机端。
• 左侧属性过滤组件，打开页面时，默认折叠。只展示这些字段名。用户点击后展开查看具体值。

关于作者 🌱

我是来自山东烟台的一名开发者，有感兴趣的话题，或者软件开发需求，欢迎加微信 zhongwei 聊聊， 查看更多联系方式