This project is a WeChat Mini Program e-commerce mall template. It provides a basic structure and functionality for creating a shopping application within the WeChat ecosystem, including product listings, shopping cart, and user management features.

Pros

• Ready-to-use template for WeChat Mini Program e-commerce applications
• Includes essential features like product browsing, cart management, and user authentication
• Follows WeChat Mini Program development standards and best practices
• Provides a foundation for customization and further development

Cons

• Limited documentation and comments in the code, which may make it challenging for new developers to understand and modify
• Lacks advanced e-commerce features such as payment integration or order management
• May require significant customization to fit specific business needs
• The project hasn't been updated recently, potentially missing out on newer WeChat Mini Program capabilities

Code Examples

1. Product listing page:

Page({
  data: {
    goods: [],
    categories: [],
    activeCategoryId: 0,
  },
  onLoad: function () {
    this.getCategories();
    this.getGoodsList(0);
  },
  getCategories: function () {
    var that = this;
    wx.request({
      url: 'https://api.it120.cc/' + app.globalData.subDomain + '/shop/goods/category/all',
      success: function (res) {
        var categories = [{ id: 0, name: "All" }];
        if (res.data.code == 0) {
          for (var i = 0; i < res.data.data.length; i++) {
            categories.push(res.data.data[i]);
          }
        }
        that.setData({
          categories: categories,
          activeCategoryId: 0
        });
        that.getGoodsList(0);
      }
    })
  },
})

2. Add to cart functionality:

addShopCar: function () {
  var that = this;
  if (this.data.goodsDetail.properties && !this.data.canSubmit) {
    if (!this.data.canSubmit) {
      wx.showModal({
        title: 'Please select the specification',
        content: '',
        showCancel: false
      })
    }
    return;
  }
  if (this.data.buyNumber < 1) {
    wx.showModal({
      title: 'Please select the purchase quantity',
      content: '',
      showCancel: false
    })
    return;
  }
  // Add to cart API call
  wx.request({
    url: 'https://api.it120.cc/' + app.globalData.subDomain + '/shop/goods/kanjia/join',
    data: {
      kjid: that.data.kjId,
      token: wx.getStorageSync('token')
    },
    success: function (res) {
      if (res.data.code == 0) {
        wx.showToast({
          title: 'Added to cart',
          icon: 'success',
          duration: 2000
        })
      } else {
        wx.showModal({
          title: 'Failed to add to cart',
          content: res.data.msg,
          showCancel: false
        })
      }
    }
  })
},

Getting Started

1. Clone the repository:

   git clone https://github.com/liuxuanqiang/wechat-weapp-mall.git
   

2. Open the project in WeChat Developer Tools.

3. Configure your WeChat Mini Program AppID in the project settings.

4. Modify the API endpoints in the code to point to your backend server.

5. Customize the UI and functionality as needed for your specific e-commerce requirements.

6. Test the application in the WeChat Developer Tools simulator or on a real device.