小电商项目实战 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

商品页视图


用户登录成功之后则跳转至home视图页面(商品主页),就可以进行对商品的浏览和选择了。

还是views目录,添加home商品视图页,如下简单效果图:

用户成功登录之后跳转至home页,这里我们还是做分开处理,routes目录下新建home.js文件用来处理来之home也的get请求。

这里我们假设如果用户未登录将不能查看商品主页,所以,在请求处理中我们还需要判断用户的登陆状态,这个可以使用我们在登录处理时所保存的用户个人信息。

关于商品页的视图展示我们只需要有其名称、价格、图片,这里使用ejs模板循环展示,可参考如下方式:

注:Commodity:商品集合所有数据,内置图片路径为“/example/img”