微信开发小程序花店源代码

抖音小程序 2023-12-31 12:45:55 54
微信开发小程序花店源代码

这是一个简单的小程序花店示例,通过微信开发者工具即可轻松创建并上传到小程序平台。

以下是花店的源代码展示:

微信开发小程序花店源代码

             
                 //  页面初始化数据
                 const  app  =  getApp();
                 Page({
                      data:  {
                          flowers:  [
                              {
                                  id:  1,
                                  name:  '玫瑰',
                                  price:  100,
                                  stock:  10
                              },
                              {
                                  id:  2,
                                  name:  '康乃馨',
                                  price:  50,
                                  stock:  20
                              },
                              {
                                  id:  3,
                                  name:  '百合',
                                  price:  80,
                                  stock:  30
                              }
                          ]
                      },
                      //  购买鲜花
                      buyFlower:  function  (e)  {
                          const  flowerId  =  e.currentTarget.dataset.flowerId;
                          const  flower  =  this.data.flowers.find(item  =>
  item.id  ===  flowerId);
                          if  (flower.stock  >
  0)  {
                              flower.stock  -=  1;
                               this.setData({
                                  flowers:  this.data.flowers
                              });
                               alert('购买成功!');
                          }  else  {
                               alert('库存不足,请重新选择!');
                          }
                      }
                 });
             
         

点击下方按钮,查看购买鲜花功能:

The End