产品分类-左侧产品分类接口和功能实现

黄菊华老师 2023-01-13 00:24:23

课时名称	课时知识点
产品分类-左侧产品分类接口和功能实现	产品分类-左侧产品分类接口和功能实现

...全文

281 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

根据产品的id，通过接口获取对应的产品信息后，显示在前台页面即可，具体步骤如下。 1）在Vue.js的data区域，定义变量slideList（数组，产品轮播图片）、cp_tupian（产品主图）、cp_tupian1（产品副图1）、cp_tupian2（产品副图2）、cp_tupian3（产品副图）、cp_tupian4（产品副图4）、cp_mingcheng（产品名称）、jiage（产品价格）、cp_jianjie（产品简介）、cp_kucun（产品库存）、xiangou_shuliang（限购数量）

根据上面提供的接口程序+参数，我们提供了一个真实的数据接口，地址为http://vue.yaoyiwangluo.com/wx_dizhi_Del.asp?ASP接口： http://vue.yaoyiwangluo.com/wx_dizhi_info.asp。ASP接口： http://vue.yaoyiwangluo.com/wx_dizhi_edit.asp。ASP接口： http://vue.yaoyiwangluo.com/wx_dizhi_Del.asp。·cs_dizhiid：地址id。

客户需求：客户产品品类较高，需要左侧通过文字的形式显示所有分类信息，点击分类不需要重新加载当前界面，直接更新加载产品列表页。1､后台需要一个获取产品分类webservice接口、一个获取产品信息接口（都是通过产品分类找查）。2､uniapp前台分两块，一块左侧列表，一块产口信息。3､用户选择产品分类后，前台动态加载更新右侧产品信息。

10.3 产品列表和详情我们本小节讲解产品分类页面和产品详情，效果如图10-7和图10-8 10.3.1 产品列表-左侧分类本小节讲解如何获取产品左侧的分类数据，然后显示在页面。开发分析第1步：查看和测试接口的内容。第2步：在程序的data代码块初始化变量fenlei，用于存放产品分类数据。第3步：在程序的onLoad代码块中调用接口，获取数据，赋值给变量fenlei。第4步：改造布局代码，将获取的分类数组信息循环显示出来。第1步：查看和测试接口地址 http://qiyephp.ya

Tab广泛应用于Web页面，因此我们也对其进行了良好的支持（简约风格、卡片风格、响应式Tab以及带删除的Tab等等）。Layui内置多种Tab风格，支持删除选项卡、并提供响应式支持。

黄菊华的课程社区_NO_7

1

社区成员

205

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章