原文:商品列表跳转详情页(项目过程思路)

总体思路:改路由为动态路由,动态的跳转页面 改接口为动态可以取值的接口,取不同数据渲染不同页面。 过程:首先改详情页的路由 goodsInfo下的index.js 再就是配置,进行跳转不同的路径 因为是点击跳转,所以写一个点击响应事件 以下为代码 先点击的时候传递商品的id和名称给响应事件, 响应事件接收到事件。根据参数不同,跳转不同的地址栏的页面 修改路由的写法,写为可以接受参数的动态路由的形式 ...

2019-08-08 19:16 0 1002 推荐指数:

查看详情

商品详情页

商品详情页依然采用页面静态化技术。 商品详情页的静态化由运营人员在编辑商品信息时触发生成静态化页面。 先来实现静态化异步任务,在celery_tasks中新建html/tasks.py任务 将形成商品类别部分的数据封装成一个公共函数,放在goods/utils.py中 异步任务 ...

Tue Jul 31 06:10:00 CST 2018 0 1179
商品列表详情页功能实现

打造生鲜超市(一):项目介绍,环境搭建打造生鲜超市(二):model设计打造生鲜超市(三):xadmin后台管理 打造生鲜超市(四):商品列表打造生鲜超市(五):商品类别数据显示 一、商品列表 1、 goods/serializers.py 序列化 2、goods ...

Sat Aug 01 04:37:00 CST 2020 0 1575
Vue通过id跳转商品详情页

方法一:通过 首页列表: 在这里我用a标签进行跳转,在vue里面使用<router-link></router-link> 商品详情页: 方法二:通过绑定点击事件跳转页面(比较常用,纯手写,有啥问题,欢迎加群讨论 ...

Tue Nov 20 05:21:00 CST 2018 0 3053
vue通过id从列表跳转到对应的详情页

1. 列表列表带id跳转详情页 详情页:把id传回到后台就可以获取到数据了 2.列表跳转详情页并更改详情页的标题 列表:带id和页面标题的typeid跳转详情页 详情页:在html绑定标题,获取到传过来的typeid,然后判断typeid ...

Sat Apr 28 23:14:00 CST 2018 0 8787
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM