从今天开始带领大家实现一款云开发版的校园二手商城小程序

技术选型

1，前端

微信小程序原生框架
css
JavaScript

2，管理后台

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

3，数据后台

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

效果预览

1，小程序端

1-1，首页

首页有以下几个功能点

1，顶部轮播图
2，商品搜索
3，商城入口
4，推荐入口
5，客服
6，热门商品推荐

1-2，商城分类列表页

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

1-3，购物车弹窗

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

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

1，增删单个商品
2，清空购物车
3，删除商品

这些操作都和商品列表是联动的，也就是商品列表和购物车里增删个数，都是可以同步的。我会在项目预览章节的视频里做具体演示。

1-4，搜索功能

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

1，直接点击搜索图标
2，点击键盘上的搜索键

1-5，搜索结果，支持模糊查询

如我这里只搜‘巧克’，那么商品中所有包含巧克的都可以搜索到

1-6，新品推荐列表页

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

1-7，商品详情页

1-7-1，商品信息

商品详情页有顶部图片轮播，商品信息，添加购物车，商品描述，用户评价，底部购物车。

1-7-2，商品评论列表

1-7-3，详情页添加购物车

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

1-8，下单页

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

1，购物明细
2，价格计算
3，备注
4，收货地址
5，点击下单

1-9，收货地址管理页

1-9-1，地址列表

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

1-9-2，添加和修改地址

1-9-3，访问通讯录

我们填写联系方式的时候，可以直接从通讯录里读取。

1-9-4，地图上选择地址

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

1-10，支付页

支付页分两种方式

1，模拟支付
适合前期学习，毕业设计等演示类的场景。
2，真实微信支付
适合商用，但是使用微信支付必须要有营业执照，所以前期如果只是学习的话，建议使用模拟支付。

我们的源码目前只提供模拟支付版本，如果需要商业使用请联系石头哥。

模拟支付

真实微信支付

1-11，我的订单页

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

1，新下单待收货
2，已收货待评价
3，订单完成
4，订单取消

可以看出我们既有确认收货，也有取消订单的功能。

1-12，提交评论页

我们可以对商品进行评论。

评论成功后会刷新列表，并且有评论成功的提示框

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

后期会考虑加入打分的评论，比如五星评价系统。

1-13，评价列表页

可以查看所有评价

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

1-14，个人中心

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

未登录

已登录

登录成功后，也可以点击退出登录按钮来退出。

1-15，微信授权登录小程序

1-16，在线客服

客户直接在小程序里发消息给客服

客服可以在网页端，或者微信端管理消息

网页端客服

小程序端客服

1-17，意见反馈

客户可以直接在小程序端提建议，建议里可以添加图片

管理员可以在小程序后台，查看客户的反馈

1-18，购物车页面

购物车为空

2，cms网页管理后台

我们这里的可视化网页后台使用的时云开发自带的cms(内容管理)

2-1，登录页

2-2，管理后台

我们可以在这里

1，添加轮播图，删除轮播图，修改轮播图
2，管理商品，上下架商品
3，管理订单
4，查看评价

比如我查询某个商品的所评价

设置商品是否上首页推荐位

查询哪些商品上了首页推荐位

还有更多的功能，我会在视频课里给大家用视频来演示，这样更直观。

3，数据库

数据库我们这里用云开发自带的云数据库

配套资料

1，讲解视频

视频课我会在B站免费提供给大家，欢迎关注，欢迎三连。
https://space.bilibili.com/419474640/video

2，配套笔记

配套笔记分在线版和离线电子书版。
在线笔记会在csdn上免费给到大家，欢迎关注，笔记会持续更新。
https://blog.csdn.net/qiushi_1990

3，支持石头哥

校园超市，百货超市小程序，手把手带你开发一款微信商城小程序，云开发+cms+数据库+js+css+微信小程序相关推荐

【微信小程序】【云开发模板】云开发篇（五）——自定义初始化云开发模板（供直接下载源码）
[微信小程序]云开发篇(一)--申请小程序 [微信小程序]云开发篇(二)--初始化云开发(微信开发者工具) [微信小程序]云开发篇(三)--代码管理 [微信小程序]云开发篇(四)--开通云开发 [微信 ...
微信小游戏开发之微信登录功能的云开发实现方案选择
主题 CocosCreator接入微信登录获取openid,微信登录实现方案调研过程特别说明 CocosCreator微信小游戏开发系列文章,是我在逐步开发过程中,基于官方文档之上,记录一些重点内容 ...
直播 | 自然语言处理太难？小姐姐手把手带你实现藏头诗生成器
从 Siri.微软小冰.小爱同学.小度小度,到语音输入.谷歌翻译.水军检测.<权利的游戏>续写-- 自然语言处理(NLP)可谓被各路大神玩得风生水起. 「自然语言处理 (NLP) 」是人工 ...
天啊！吃饭用的勺子都联网了~手把手带你DIY一款智能百味勺子
减脂餐索然无味,有了它,想什么味就什么味! 健康生活低糖低盐,有了它,即可轻松实现! 良药苦口,有了它,不再难以下咽! 想不想拥有一把神奇的"百味"勺子,把索然无味的食物变出酸甜苦 ...
手把手带大家搭建一台服务器（腾讯云为例）
今天带大家入门如何搭建服务器,主要是面向小白读者.先说好,我自己也不是专业做后端的,只不过平时爱折腾点项目玩玩,所以有点小经验,本文就是基于这点小经验讲解的,如有不当之处还请谅解. 一.什么是服务器? ...
手把手带你打造一款签名设计的GUI图形界面！
作者 | 黄伟呢来源丨数据分析与统计学之美 1.概述整体布局呢我们已经搭建起来,唯一没有实现的一个步骤就是,用户每输入一个名字,就会将个性签名一并显示在这个窗口界面中,今天我就带着大家一起完成这个 ...
微信小程序+云开发实现表单数据提交到云开发的数据库里面
1.开通云开发 2.第一次开通云开发会设置环境顶部会有当前环境的名称,如tjn-k3u19 3.创建表(集合就是表) 点击集合名称上的+号,gold就是我刚才创建的表 4.创建字段添加索引,删除索 ...
access 此程序未正确安装_一款让“微软爸爸杀不死”的数据库软件——生于1992的Access...
▼金猿奖·2019年度征集评选▼ 征案例.征文章.征产品=评企业.评人物.评产品(点击这里了解详情) 大数据产业创新服务媒体 --聚焦数据 · 改变商业文:Matthew MacDonald 那些 ...
使用yuicompressor 压缩js,css并发布程序（Maven）
看了网上很多方法,只有自己写的才适合自己: 首先更新最新代码,确定需要打包项目pom.xml有以下插件配置(根据自己需要进行配置) <build> <plugins& ...

校园超市，百货超市小程序，手把手带你开发一款微信商城小程序，云开发+cms+数据库+js+css+微信小程序