美文网首页go语言
16-Beego优选商品详情

16-Beego优选商品详情

作者: 梦想成为小仙女 | 来源:发表于2019-02-02 23:48 被阅读36次

下面我们将要显示商品详情页,能很轻松的想到,我们需要从首页跳转到详情页,在详情页的Get控制器中获取具体的商品信息,当然这里我们还会显示推荐商品,推荐商品是同类新增的商品,让我们继续通过关联查询,过滤器,学会从数据库中找到我们想要的数据,然后让它们规规矩矩的显示在页面上吧

效果图.gif

置顶Bug:这里单位就是重量都不能好好显示是历史遗留问题,由于在创建数据库字段的时候用的是Unite作为单位字段,但是在使用的时候经常用的Unit,所以不能正常获取.如果想要解决这类问题,需要删除已经创建的数据库,并且重新上传数据

0.新知识点

image.png

1.获取一条数据
前面讲过通过qs.All(&)获取全部数据,现在是从qs.One(&)获取一条数据
2.排序取指定条数
.OrderBy("字段")由小到大,时间从最近添加的开始
3.Exclude排除
https://beego.me/docs/mvc/model/query.md#exclude

image.png

1.逻辑注意点

1.推荐新品要排出商品本身
2.由于后面的新品推荐要用到当前商品SKU的商品类型做查询,所以在查询当前商品SKU的时候不能只是简单的读取,要做关联查询

一.商品详情Get逻辑方法

1.获取当前商品Id
2.创建当前商品对象
3.去数据库中查询对应id的商品
4.回传查询的数据
5.定义新品推荐模型
6.回传新品推荐数据


image.png

二.首页跳转设置

1.图片链接
2.标题链接


image.png

三.详情界面显示数据

1.删除h3下面不需要的副标题
2.传递商品的名称/价格/单位/图片
3.遍历新品推荐


image.png
image.png

四.设置路由

image.png

相关文章

  • 16-Beego优选商品详情

    下面我们将要显示商品详情页,能很轻松的想到,我们需要从首页跳转到详情页,在详情页的Get控制器中获取具体的商品信息...

  • 商品优选

    1.有一些好用的网站或工具帮你完成历史比价,全网比价的。 第一步,就是要转变思路,马上百度“历史比价”就会收到一堆...

  • 商品详情

    4个链接 1. 公司介绍:让阳光照亮您的黑夜(亚马逊是否可以展示?) :研发部门、生产车间、品质监管部、销售部等各...

  • 商品详情

    1、加载本地H5 2、自适应宽高 代码 // 详情 { //创建网页配置对象 WKWebV...

  • 商品详情

    商品详情页面 主要结构,商品图片的轮播图,商品购买区域,商品参数区域 使用mui-card样式构建商品详情界面的三...

  • 商品详情

    商品详情 简介 商品详情是一个高并发访问的功能,需要考虑缓存、性能和机器压力京东的商品详情: 一个请求过去,所有的...

  • 电商平台 商品,详情 ,评价 运用主子路由三者切换

    html