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

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

1、首页

①搜索框可以点击搜索

②轮播图可以点击跳转

③功能模块可以自行开发


d0c8537dbb444c2eb1a5b62feff68b69.png


2、搜索

输入关键词会有推荐列表

UI可以自行设计得更漂亮


0e678f7b0c634896b27f0ae221d64e5f.png


3、分类

有列表选择,也可以搜索


fe1e08d65d844a04b3d5c14d1894aff4.png


4、商品列表

可点击跳转商品详情页


62f7ec0273724c80a0a901b282d25871.png


5、商品详情页

可以点击轮播图查看图片

可以点击收藏在我的页面查看

可以加入购物车或立即购买跳转支付页面


f9ee47e286144aaeb8d4b3efbd041c7f.png


6、购物车

可以选择结算


a4608462924242b7babb45c8e64ccc95.png


7、结算

个人开发小程序功能不支持真实支付


fc94b004d3f64853a60bc404f001b0c7.png


8、我的页面

可以点击查看收藏的店铺、商品以及浏览过的商品等

可以查看不同状态的订单

可以管理收货地址

可以提意见以及举报等


456bd82888ee40c7a25c5ef671aeeb9f.png


9、收藏

可以查看收藏的商品、品牌、店铺以及浏览足迹


16f6ce39a8cb46d8b5affb644b418a66.png


10、收获地址管理

填写基本信息以及选择省市区三级定位


1313823f241344aa9d81641813171f2f.png58d62b50e5394fc3a063c26410a35811.png



11、意见反馈


731af3271ed34348ad882e61dd4e71f8.png


如果要较完整学习微信小程序云开发可以看看这个https://cloud.tencent.com/act/cps/redirect?redirect=44&cps_key=fe7e7eba584a35bce15678765333a2c5&from=console


"pages": [
    "pages/index/index",
    "pages/category/category",
    "pages/goods_list/goods_list",
    "pages/goods_detail/goods_detail",
    "pages/cart/cart",
    "pages/collect/collect",
    "pages/order/order",
    "pages/search/search",
    "pages/user/user",
    "pages/feedback/feedback",
    "pages/login/login",
    "pages/auth/auth",
    "pages/pay/pay",
    "pages/address/address",
    "pages/addressList/addressList",
    "pages/logs/logs"
  ],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#eb4450",
    "navigationBarTitleText": "碰撞商城",
    "navigationBarTextStyle": "white"
  },
  "tabBar": {
    "list": [
      {
      "pagePath": "pages/index/index",
      "text": "首页",
      "iconPath": "icons/home.png",
      "selectedIconPath": "icons/home-o.png"
      },
      {
        "pagePath": "pages/category/category",
        "text": "分类",
        "iconPath": "icons/category.png",
        "selectedIconPath": "icons/category-o.png"
      },
      {
        "pagePath": "pages/cart/cart",
        "text": "购物车",
        "iconPath": "icons/cart.png",
        "selectedIconPath": "icons/cart-o.png"
      },
      {
        "pagePath": "pages/user/user",
        "text": "我的",
        "iconPath": "icons/my.png",
        "selectedIconPath": "icons/my-o.png"
      }
  ]
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}



相关文章
|
7天前
|
JavaScript Java 测试技术
基于小程序的家政项目小程序+springboot+vue.js附带文章和源代码设计说明文档ppt
基于小程序的家政项目小程序+springboot+vue.js附带文章和源代码设计说明文档ppt
21 0
|
6天前
|
JavaScript Java 测试技术
基于小程序的教育培训微信小程序ssm+springboot+vue.js附带文章和源代码设计说明文档ppt
基于小程序的教育培训微信小程序ssm+springboot+vue.js附带文章和源代码设计说明文档ppt
16 1
|
6天前
|
JavaScript Java 测试技术
基于小程序的基于微信小程序的外卖点餐系统
基于小程序的基于微信小程序的外卖点餐系统
13 1
|
6天前
|
JavaScript Java 测试技术
微信小程序评分小程序+springboot+vue.js附带文章和源代码设计说明文档ppt
微信小程序评分小程序+springboot+vue.js附带文章和源代码设计说明文档ppt
11 0
|
7天前
|
JavaScript Java 测试技术
基于小程序的健身管理系统及会员微信小程序+springboot+vue.js附带文章和源代码说明文档ppt
基于小程序的健身管理系统及会员微信小程序+springboot+vue.js附带文章和源代码说明文档ppt
15 2
|
7天前
|
JavaScript Java 测试技术
基于小程序的新闻资讯微信小程序+springboot+vue.js附带文章和源代码说明文档ppt
基于小程序的新闻资讯微信小程序+springboot+vue.js附带文章和源代码说明文档ppt
11 0
|
7天前
|
小程序 UED
人力资源小程序的设计与开发步骤
人力资源小程序的设计与开发步骤
|
10天前
|
小程序 API 数据安全/隐私保护
微信小程序开发中的一些常用标签
这些标签是微信小程序开发中的基础,开发者可以根据需要组合使用这些标签来构建小程序的界面。每个标签都有其属性和事件,可以通过属性来调整组件的样式和行为,通过事件来响应用户的操作。
23 5
|
3天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的校园二手交易平台的设计与开发附带文章和源代码设计说明文档ppt
基于ssm+vue.js+uniapp小程序的校园二手交易平台的设计与开发附带文章和源代码设计说明文档ppt
13 2
|
6天前
|
JavaScript Java 测试技术
基于微信小程序校园订餐的设计与开发+ssm+vue.js附带文章和源代码设计说明文档ppt
基于微信小程序校园订餐的设计与开发+ssm+vue.js附带文章和源代码设计说明文档ppt
16 1