口口校园二手商城

图片来源:网络

小程序灵感来源

噔噔噔噔!!!华科口口小分队来向大家介绍一款好用的微信小程序啦!

我猜你时常为自己的闲置物品如何处置而烦恼,面对“一堆”自己一时冲动买的东西,弃之可惜,不扔自己也用不上或者不想用!你看,公主群里那些漂亮小姐姐们,时常在群里售卖自己的闲置物品!

考虑到在qq群里售卖二手物品会造成qq群不易管理的问题,我们特意做了一款微信小程序。在这里,每个人都能在上面发布自己的闲置物品,每个人也能够购买自己心仪的其他人发布的二手物品!方便你我他!

图片来源:沁苑公主群

小程序技术选型

1. 前端

  • 微信小程序原生框架
  • css
  • JavaScript

2. 管理后台

  • 云开发CMS内容管理系统
  • web网页

3. 数据后台

  • 小程序云开发
  • 云函数
  • 云数据库
  • 云存储

效果预览

1. 小程序端

首页

首页有以下几个功能点

  • 顶部轮播图
  • 商品搜索
  • 二手商城入口
  • 新品推荐入口
  • 客服电话

发布二手商品页

这里可以上传二手商品图片,选择商品类型,输入商品信息。

二手商城页

二手商城分左侧分类栏和右侧商品列表栏,可以直接添加商品到购物车。

购物车弹窗

首先列表页可以直接添加商品到购物车

购物车弹起后可以做如下操作:

  • 增删单个商品
  • 清空购物车
  • 删除商品

搜索功能

我们这里搜索有两个触发方式

  • 直接点击搜索图标
  • 点击键盘上的搜索键

搜索结果,支持模糊查询

如我这里只搜‘电’,那么商品名称中包含’电’的都可以搜索到

再如,搜索”手机“,就会显示所有商品名称中包含”手机“的商品

新品推荐列表页

会把最新发布的商品显示出来

商品详情页

商品详情页面包括:

  • 顶部图片轮播
  • 商品信息
  • 添加至购物车
  • 商品描述
  • 用户评价
  • 新旧程度
  • 底部购物车

同样商品页添加商品也有一个和购物车联动的功能

下单页

下单页就是确认订单后进行下单支付的页面。有以下功能:

  • 购物明细
  • 价格计算
  • 备注
  • 收货地址
  • 点击下单

收货地址管理页

地址列表

可以选择默认地址,编辑地址,删除地址,复制地址。

添加和修改地址

可以直接从地图上选择收货地址

模拟支付页面

我的订单页

我的订单页分以下几个状态:

  • 新下单待收货
  • 已收货待评价
  • 订单完成
  • 订单取消

提交评论页

我们可以对商品进行评论

在已完成订单里可以查看评价

评价列表页

可以查看所有评价

可以从评价列表里查看商品详情页

个人中心

个人中心分登录和未登录两种状态

未登录状态

登陆状态

微信授权登陆

在线客服

客户在”我的”页面中点击在线客服可以直接在小程序里发消息给客服,反应自己的问题

客服人员在后台可以接通会话,与客户进行交流

意见反馈

客户可以在“我的”页面中找到“意见反馈按钮”,可以直接在小程序端提建议,而且建议里可以添加图片

咱们小程序的功能就介绍这么多啦!希望大家可以喜欢!谢谢!

隐藏

总访问量:1162104    今日访问量:268    您是今天第:268 位访问者