口口校园二手商城

小程序灵感来源
噔噔噔噔!!!华科口口小分队来向大家介绍一款好用的微信小程序啦!
我猜你时常为自己的闲置物品如何处置而烦恼,面对“一堆”自己一时冲动买的东西,弃之可惜,不扔自己也用不上或者不想用!你看,公主群里那些漂亮小姐姐们,时常在群里售卖自己的闲置物品!
考虑到在qq群里售卖二手物品会造成qq群不易管理的问题,我们特意做了一款微信小程序。在这里,每个人都能在上面发布自己的闲置物品,每个人也能够购买自己心仪的其他人发布的二手物品!方便你我他!


小程序技术选型
1. 前端
- 微信小程序原生框架
- css
- JavaScript
2. 管理后台
- 云开发CMS内容管理系统
- web网页
3. 数据后台
- 小程序云开发
- 云函数
- 云数据库
- 云存储
效果预览
1. 小程序端
首页
首页有以下几个功能点
- 顶部轮播图
- 商品搜索
- 二手商城入口
- 新品推荐入口
- 客服电话

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

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

购物车弹窗
首先列表页可以直接添加商品到购物车
购物车弹起后可以做如下操作:
- 增删单个商品
- 清空购物车
- 删除商品

搜索功能
我们这里搜索有两个触发方式
- 直接点击搜索图标
- 点击键盘上的搜索键

搜索结果,支持模糊查询
如我这里只搜‘电’,那么商品名称中包含’电’的都可以搜索到

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

新品推荐列表页
会把最新发布的商品显示出来

商品详情页
商品详情页面包括:
- 顶部图片轮播
- 商品信息
- 添加至购物车
- 商品描述
- 用户评价
- 新旧程度
- 底部购物车
同样商品页添加商品也有一个和购物车联动的功能


下单页
下单页就是确认订单后进行下单支付的页面。有以下功能:
- 购物明细
- 价格计算
- 备注
- 收货地址
- 点击下单

收货地址管理页
地址列表
可以选择默认地址,编辑地址,删除地址,复制地址。

添加和修改地址

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

模拟支付页面

我的订单页
我的订单页分以下几个状态:
- 新下单待收货
- 已收货待评价
- 订单完成
- 订单取消




提交评论页
我们可以对商品进行评论


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

评价列表页
可以查看所有评价

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

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

登陆状态

微信授权登陆

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

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

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


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