我们经过前面小程序基础和云开发基础的学习,今天就来带大家实现一个综合项目,上线一款属于自己的微信商城小程序。
文末有彩蛋
如果你有小程序基础可以跳过上面的基础,直接看下面的,如果没有小程序基础,建议你先把上面的基础学完,再来看小程序商城开发。
小程序前端项目模块
- 1,商品首页
- 2,商品列表页
- 3,购物车
- 4,授权登陆页
- 5,商品搜索页
- 6,商品收藏
- 7,商品分类(含排序功能)
- 8,商品详情页
- 9,支付结算页面
- 10,订单列表
- 11,个人中心
- 12,意见反馈
- 13,会员功能
- 14,管理员功能
- 15,联系客服
云开发后台模块
- 1,云开发管理商品
- 2,云开发实现搜索功能
- 3,云开发实现用户管理
- 4,云开发实现支付功能
- 5,管理员功能
一,开发准备工作
1-1,注册一个小程序
这里需要给大家强调下,我们这里是实现商城小程序,所以我们就必须注册一个属于自己的小程序,关于小程序的注册,建议大家去看下我前面的基础视频。我们后面学习支付的时候,会教大家如何把项目切换为企业小程序,所以你如果能直接注册企业小程序最好,如果不能注册企业小程序,就先注册个人小程序也行。
关于注册小程序,我这里说几点
- 1,一个邮箱只能注册一个小程序
- 2,注册小程序必须用自己真实身份信息
- 3,注册企业小程序的话,必须要有营业执照(选看部分)
大家注册只需要去小程序官网就行。
注册的时候选择小程序即可
后面的步骤如实填写即可。如果注册过程中有任何问题,可以在下面留言。
1-2,拿到小程序Appid
我们上面注册好小程序以后,可以去小程序网页后台拿到appid
我们拿到appid后最好记在一个记事本上,每次都要来小程序后台拿比较麻烦。
1-3,下载开发者工具
工欲善其事必先利其器,我们开发小程序也是一样,这里必须先下载微信官方提供的小程序开发者工具。当然了,市面上也有别的一些开发工具,这里石头哥是建议大家使用官方提供的工具,毕竟官方的一些更新我们能更快的使用到。
下载安装就比较简单了。只需要去官方下载地址下载即可。
开发工具下载地址如下:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
这里的安装都是傻瓜式的,我就不再啰嗦了。
1-4,创建属于自己的微信小程序项目
上面开发者工具安装好以后,我们双击打开即可。然后新建一个小程序项目
然后填写一些项目的信息
这里强调一点,后端服务一定要记得选择不使用云服务。因为你选择使用了,项目里会给我们创建大量的无用目录,你还得一个个删除。
项目创建好以后如下
到这一步我们项目就创建好了,下一节就来开始正式的开发我们自己的商城小程序了。