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

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

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


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"
}


相关文章
|
1月前
|
存储 JSON 小程序
微信小程序入门之新建并认识小程序结构
微信小程序入门之新建并认识小程序结构
50 1
|
1月前
|
小程序 JavaScript API
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
这篇文章介绍了如何在uni-app和微信小程序中实现将图片保存到用户手机相册的功能。
526 0
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
|
1月前
|
移动开发 小程序 数据可视化
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
40 2
|
1月前
|
小程序 前端开发 数据可视化
微信商城小程序WeiMall
微信商城小程序WeiMall
32 0
|
3月前
|
JSON 小程序 JavaScript
微信小程序制作 购物商城首页 【内包含源码】
这篇文章提供了一个微信小程序购物商城首页的实现方法和源码,包括页面布局、数据结构、核心代码以及如何配置tabBar和搜索框组件。
微信小程序制作 购物商城首页 【内包含源码】
|
1月前
|
JavaScript
vue尚品汇商城项目-day06【43.微信支付业务】
vue尚品汇商城项目-day06【43.微信支付业务】
33 0
|
2月前
|
搜索推荐
2024微信个人名片在线生成HTML源码
微信个人名片卡片在线生成,这是一款微信个人名片生成网站源码,无第三方接口,本地直接生成可长期使用。 主要用于生成用户个性化的名片页面,包括头像、姓名、联系方式、个人介绍等信息。 在本地浏览器打开即可,源码是html的,也可上传到服务器上。
49 0
2024微信个人名片在线生成HTML源码
|
3月前
|
小程序 前端开发 JavaScript
【电商新机遇】支付宝小程序如何助你打造爆款电商解决方案?揭秘背后的技术奥秘!
【8月更文挑战第27天】本文详细介绍如何利用支付宝小程序构建电商应用,覆盖从项目初始化、页面设计、功能开发到数据分析的全流程。首先,需注册开发者账号并安装相关工具;随后创建项目,并按示例配置基本页面结构;接着设计商品列表等界面布局;再实现商品展示等功能;最后运用支付宝提供的工具进行数据分析,以优化用户体验及营销策略。跟随本教程,您将能打造出一款完整的电商小程序。
93 1
|
3月前
|
小程序 前端开发
微信小程序商城,微信小程序微店 【毕业设计参考项目】
文章推荐了一个微信小程序商城项目作为毕业设计参考,该项目在Github上获得18.2k星,提供了详细的使用教程和前端页面实现,适合学习微信小程序开发和作为毕业设计项目。
微信小程序商城,微信小程序微店 【毕业设计参考项目】
|
30天前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
452 7

热门文章

最新文章