电商商城小程序项目完整源码(微信小程序)

简介: 电商商城小程序项目完整源码(微信小程序)

如果要较完整学习微信小程序云开发可以看看这个“云+公开课”帮你了解完整的微信云托管部署流程,学习实战级的小程序开发。


1、首页

点击轮播图可以跳转详情页

点击专享礼包可以跳转

点击品牌或者商品可以跳转相应页面


10f607601b5441cb8ff2f6560fd32666.png794dec98629c4415ac596970c13e12bf.png



2、商品详情页

可以选择商品属性

可以添加购物车或者立即购买


60d0a7833b5c4347aaba211b24941291.pngeacfdb49898c496dacbaf979d406fbd4.png



3、购物车及结算页


194df8d764a0475ea4a02ca480c29cdd.png28b578c932af4c9e957391252c82c1e7.png



4、分类页面


fa68c4f013744d7abe4ba7066b950c54.png


5、新增地址


d6f0a0bf8e38448a9c70af7ee35c6f63.jpeg54a42c26cbc04efa9bfd2275c18926bf.jpeg


6、我的个人页


55729e7ce46b4f4e95dcfdb2e37584d4.jpeg


7、查看订单


b7d5140fec834a968c16ae0cda0c343d.png


8、优惠券


5b978bfef7d64a398e511e03fe7c6f57.png


9、意见建议

a83a8f6000434fada4a7f51f34e7b9cf.png


{
  "pages": [
    "pages/dashboard/index",
    "pages/shop/index",
    "pages/center/index",
    "pages/order/index",
    "pages/cart/index",
    "pages/type/index",
    "pages/good/index",
    "pages/payorder/index",
    "pages/center/feedback/feedback",
    "pages/brand/brand",
    "pages/brandShop/brandShop",
    "pages/getCoupon/getCoupon",
    "pages/sale/sale"
  ],
  "window": {
    "navigationBarBackgroundColor": "#FAFAFA",
    "navigationBarTitleText": "简商城",
    "navigationBarTextStyle": "black",
    "backgroundTextStyle": "dark",
    "backgroundColor": "#f9f9f9"
  },
  "debug": true,
  "tabBar": {
    "color": "#a9b7b7",
    "selectedColor": "#d81e06",
    "borderStyle": "white",
    "list": [
      {
        "selectedIconPath": "images/index.png",
        "iconPath": "images/index1.png",
        "pagePath": "pages/dashboard/index",
        "text": "首页"
      },
      {
        "selectedIconPath": "images/type.png",
        "iconPath": "images/type1.png",
        "pagePath": "pages/type/index",
        "text": "分类"
      },
      {
        "selectedIconPath": "images/cart.png",
        "iconPath": "images/cart1.png",
        "pagePath": "pages/cart/index",
        "text": "购物车"
      },
      {
        "selectedIconPath": "images/center.png",
        "iconPath": "images/center1.png",
        "pagePath": "pages/center/index",
        "text": "我的"
      }
    ]
  },
  "sitemapLocation": "sitemap.json"
}


相关文章
|
11天前
|
小程序 开发工具 Android开发
微信小程序开发工具的使用,各个配置文件详解,小程序开发快速入门(二)
微信小程序开发工具的使用,各个配置文件详解,小程序开发快速入门(二)
|
11天前
|
小程序 JavaScript 开发工具
微信小程序开发工具的使用,各个配置文件详解,小程序开发快速入门(一)
微信小程序开发工具的使用,各个配置文件详解,小程序开发快速入门(一)
|
11天前
|
移动开发 小程序 安全
使用阿里云短信+微信短链接跳转微信小程序
此内容是关于使用阿里云短信带传递参数的微信短链接跳转到微信小程序。首先,需要准备微信开发者工具和一个已认证的小程序。接着,开通云开发并配置云开发权限。然后,配置H5静态网页,包括设置云开发权限和处理不同设备的跳转方式。最后,上传云函数并修改其权限,获取微信短信链接,配置短链接参数,并开通阿里云短信服务以进行测试验证。整个过程涉及到了微信开发者工具、云开发、H5页面配置、云函数的创建和部署以及阿里云短信服务的开通和使用等步骤。
37 0
|
21天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的在线课堂微信小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的在线课堂微信小程序的详细设计和实现
32 3
|
21天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的微信课堂助手小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的微信课堂助手小程序的详细设计和实现
55 3
|
21天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的微信点餐小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的微信点餐小程序的详细设计和实现
30 1
|
21天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的电子商城购物平台的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的电子商城购物平台的详细设计和实现
49 3
|
21天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的助农扶贫微信小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的助农扶贫微信小程序的详细设计和实现
33 2
|
21天前
|
小程序 JavaScript Java
基于SpringBoot+Vue+uniapp微信小程序的微信阅读网站小程序的详细设计和实现
基于SpringBoot+Vue+uniapp微信小程序的微信阅读网站小程序的详细设计和实现
43 2
|
19天前
|
存储 编解码 小程序
抖音小程序开发中遇见的坑点
在抖音小程序开发中,需注意10大坑点:遵守小程序限制与规范;解决兼容性问题;优化数据加载速度;适应分享功能限制;处理视频播放挑战;优化图片加载显示;管理资源文件;提升用户体验;考虑安全性;及时更新维护。通过测试、优化和遵循官方文档,可克服这些问题,打造优质小程序。