Comment utiliser PHP pour implémenter la classification des produits dans les mini-programmes WeChat

Avec la popularité des mini-programmes WeChat, de plus en plus de boutiques en ligne ont choisi de déplacer leurs magasins vers les mini-programmes WeChat pour les ventes.

Dans les mini-programmes WeChat, la classification des produits est une partie très importante, qui peut avoir un grand impact sur l'expérience de l'utilisateur lors de l'utilisation du mini-programme. Par conséquent, cet article présentera en détail comment utiliser PHP pour implémenter la fonction de classification des produits dans les mini-programmes WeChat.

1. Analyse de la demande

Dans le mini programme WeChat, la classification des produits a principalement les exigences suivantes :

1. 🎜🎜#

2. Possibilité de cliquer sur la liste des catégories pour passer à la liste de produits correspondante

3. Possibilité d'interroger en fonction du nom de la catégorie ou de l'ID de la catégorie et de transférer des données via l'interface #. 🎜🎜##🎜 🎜#2. Idées de conception

Compte tenu des exigences ci-dessus, nous devons concevoir les interfaces suivantes :

Interface 1 : Obtenez la liste de classification des produits

URL de l'interface : http://www.xxx.com/api/v1/goods_category/list

Méthode de requête : GET

Retour des données format :

#🎜🎜 #{ "data":[ { "id": 10, "name": "Fruit" },{ "id": 20, "name": "Légumes" } ] }# 🎜🎜#

Interface 2 : Obtenez la liste des produits en fonction de l'ID de catégorie

URL de l'interface : http://www.xxx.com/api/v1/goods/list_by_category_id#🎜🎜 #

Format des données de la demande : #🎜🎜 #

{ "cat_id":"20" }

Méthode de demande : POST

Format des données de retour :

{ "data" :[ { "id": 1, "name": "légumes verts", "price": 3.2 }, { "id": 2, "name": "tomates" ", "price": 2.8 }] }#🎜🎜 #

Interface trois : Obtenez la liste des produits en fonction du nom de la catégorie

URL de l'interface : http://www.xxx.com /api/v1/goods/list_by_category_name

Format des données de la demande :

{ "cat_name": "légumes" }

Méthode de demande : POST# 🎜🎜#

Format des données de retour :

# 🎜🎜#{ "data":[ { "id": 1, "name": "légumes verts", "price": 3.2 }, { " id": 2, "name": "tomates", "price": 2.8 }] }

3. Implémentation du code PHP

Obtenir la liste de classification des produits interface

*

Obtenir l'interface de la liste des catégories de produits*/ liste de fonctions publiques() { $categoryList = CategoryModel::all([] , 'img'); return json($categoryList); }#🎜🎜 #

Obtenir l'interface de la liste de produits en fonction de l'ID de catégorie

1. < ?php /
*

Obtenez l'interface de la liste de produits en fonction de l'ID de catégorie* / public function listByCategoryId() { $cat_id = input('post.cat_id/d'); //Category ID $goodsList); = GoodsModel::all(['cat_id' => $cat_id], 'img'); return json($goodsList }

Obtenir l'interface de la liste de produits basée sur nom de la catégorie

2. * #🎜 🎜# Obtenir l'interface de la liste de produits basée sur le nom de la catégorie*/ fonction publique listByCategoryName() { $post_data = input(' post.'); //Nom de la catégorie $category = CategoryModel::get(['name' => $post_data[ 'cat_name']]); category['id']], 'img'); return json($goodsList); }

#🎜 🎜#4. list

Ajoutez le code suivant à index.wxml :

# 🎜🎜# {{categoryList}}" wx:key="index" class="category-list-item" bindtap="switchCategory" data-catid="{{item.id}}"> {{item.name}} < ;/view>

3. Ajoutez le code suivant à index.js :# 🎜🎜#
switchCategory : function(e){ var id = e.currentTarget.dataset. catid this.setData({ curIndex: id }) this.getGoodsList() },

# 🎜🎜#Get Goods List

Ajoutez le code suivant à index.js :

getGoodsList(){ var that = this wx.request({ url : app.globalData.host + '/api/v1/goods/list_by_category_id', méthode : 'POST', data : { cat_id : that.data.curIndex }, success:function(res){ if(res.data.data. length > 0){ that.setData({goodsList : res.data.data, }) } else { wx.showToast({ title : 'No data', icon:'none' }) that.setData({goodsList : [], }) } } }) }

1. Ajoutez le code suivant dans marchandises.wxml :

{{item.name}} {{item.price}} < ;/view>

5. Résumé

Ça y est, nous avons implémenté la fonction de classification des produits dans le mini programme WeChat. Bien entendu, le code ci-dessus n’est qu’un exemple, et diverses protections de gestion des exceptions et de sécurité doivent être ajoutées dans la production réelle.

Cependant, je pense que de nombreux débutants en petits programmes peuvent facilement implémenter la fonction de classification des produits à l'aide de cet article. Dans le même temps, nous rappelons également à chacun de prêter attention aux documents officiels du programme WeChat Mini en temps opportun et de s'adapter en fonction de la mise à niveau du programme WeChat Mini.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!