A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© Siamid 初级黑马   /  2019-6-6 15:05  /  1385 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文


1. 保存用户浏览记录
1.请求方式
选项方案
请求方法POST
请求地址/browse_histories/
2.请求参数:JSON
参数名类型是否必传说明
sku_idstring是商品SKU编号
3.响应结果:JSON
字段说明
code状态码
errmsg错误信息
4.后端接口定义和实现
class UserBrowseHistory(LoginRequiredJSONMixin, View):    """用户浏览记录"""    def post(self, request):        """保存用户浏览记录"""        # 接收参数        json_dict = json.loads(request.body.decode())        sku_id = json_dict.get('sku_id')        # 校验参数        try:            models.SKU.objects.get(id=sku_id)        except models.SKU.DoesNotExist:            return http.HttpResponseForbidden('sku不存在')        # 保存用户浏览数据        redis_conn = get_redis_connection('history')        pl = redis_conn.pipeline()        user_id = request.user.id        # 先去重        pl.lrem('history_%s' % user_id, 0, sku_id)        # 再存储        pl.lpush('history_%s' % user_id, sku_id)        # 最后截取        pl.ltrim('history_%s' % user_id, 0, 4)        # 执行管道        pl.execute()        # 响应结果        return http.JsonResponse({'code': RETCODE.OK, 'errmsg': 'OK'})2. 查询用户浏览记录
1.请求方式
选项方案
请求方法GET
请求地址/browse_histories/
2.请求参数:
3.响应结果:JSON
字段说明
code状态码
errmsg错误信息
skus[ ]商品SKU列表数据
id商品SKU编号
name商品SKU名称
default_image_url商品SKU默认图片
price商品SKU单价{    "code":"0",    "errmsg":"OK",    "skus":[        {            "id":6,            "name":"Apple iPhone 8 Plus (A1864) 256GB 深空灰色 移动联通电信4G手机",            "default_image_url":"http://image.meiduo.site:8888/group1/M00/00/02/CtM3BVrRbI2ARekNAAFZsBqChgk3141998",            "price":"7988.00"        },        ......    ]}
4.后端接口定义和实现
class UserBrowseHistory(LoginRequiredJSONMixin, View):    """用户浏览记录"""    def get(self, request):        """获取用户浏览记录"""        # 获取Redis存储的sku_id列表信息        redis_conn = get_redis_connection('history')        sku_ids = redis_conn.lrange('history_%s' % request.user.id, 0, -1)        # 根据sku_ids列表数据,查询出商品sku信息        skus = []        for sku_id in sku_ids:            sku = models.SKU.objects.get(id=sku_id)            skus.append({                'id': sku.id,                'name': sku.name,                'default_image_url': sku.default_image.url,                'price': sku.price            })        return http.JsonResponse({'code': RETCODE.OK, 'errmsg': 'OK', 'skus': skus})
Vue渲染用户浏览记录
<div class="has_view_list" v-cloak>    <ul class="goods_type_list clearfix">        <li v-for="sku in histories">            <a :href="sku.url"><img :src="sku.default_image_url"></a>            <h4><a :href="sku.url">[[ sku.name ]]</a></h4>            <div class="operate">                <span class="price">¥[[ sku.price ]]</span>                <span class="unit"></span>                <a href="javascript:;" class="add_goods" title="加入购物车"></a>            </div>        </li>    </ul></div>

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马