云开发版的微信商城小程序第一章

简介: 云开发版的微信商城小程序第一章

我们经过前面小程序基础和云开发基础的学习,今天就来带大家实现一个综合项目,上线一款属于自己的微信商城小程序。

文末有彩蛋

如果你有小程序基础可以跳过上面的基础,直接看下面的,如果没有小程序基础,建议你先把上面的基础学完,再来看小程序商城开发。


小程序前端项目模块


  • 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,创建属于自己的微信小程序项目


上面开发者工具安装好以后,我们双击打开即可。然后新建一个小程序项目

然后填写一些项目的信息

这里强调一点,后端服务一定要记得选择不使用云服务。因为你选择使用了,项目里会给我们创建大量的无用目录,你还得一个个删除。

项目创建好以后如下

到这一步我们项目就创建好了,下一节就来开始正式的开发我们自己的商城小程序了。

相关文章
|
1月前
|
存储 JSON 小程序
微信小程序入门之新建并认识小程序结构
微信小程序入门之新建并认识小程序结构
46 1
ly~
|
2月前
|
存储 供应链 小程序
除了微信小程序,PHP 还可以用于开发哪些类型的小程序?
除了微信小程序,PHP 还可用于开发多种类型的小程序,包括支付宝小程序、百度智能小程序、抖音小程序、企业内部小程序及行业特定小程序。在电商、生活服务、资讯、工具、娱乐、营销等领域,PHP 能有效管理商品信息、订单处理、支付接口、内容抓取、复杂计算、游戏数据、活动规则等多种业务。同时,在企业内部,PHP 可提升工作效率,实现审批流程、文件共享、生产计划等功能;在医疗和教育等行业,PHP 能管理患者信息、在线问诊、课程资源、成绩查询等重要数据。
ly~
76 6
|
29天前
|
小程序 JavaScript API
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
这篇文章介绍了如何在uni-app和微信小程序中实现将图片保存到用户手机相册的功能。
451 0
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
|
28天前
|
小程序 数据可视化 API
低代码可视化-uniapp商城首页小程序-代码生成器
低代码可视化-uniapp商城首页小程序-代码生成器
22 0
|
1月前
|
小程序
创建云开发小程序
创建云开发小程序
24 0
|
1月前
|
小程序 前端开发 数据可视化
微信商城小程序WeiMall
微信商城小程序WeiMall
31 0
|
3月前
|
JSON 小程序 JavaScript
微信小程序制作 购物商城首页 【内包含源码】
这篇文章提供了一个微信小程序购物商城首页的实现方法和源码,包括页面布局、数据结构、核心代码以及如何配置tabBar和搜索框组件。
微信小程序制作 购物商城首页 【内包含源码】
|
1月前
|
JavaScript
vue尚品汇商城项目-day06【43.微信支付业务】
vue尚品汇商城项目-day06【43.微信支付业务】
32 0
|
2月前
|
小程序 前端开发 API
微信小程序 - 调用微信 API 回调函数内拿不到 this 问题(解决方案)
本文讨论了在微信小程序中调用API回调函数时无法获取到`this`上下文的问题,并提供了解决方案。在回调函数中,使用一个变量(如`that`)来保存当前的`this`引用,然后在回调内部使用这个变量来访问当前页面的数据和方法。
|
3月前
|
移动开发 小程序 前端开发
下一篇
无影云桌面