微信小程序创建组件以及父传子、子传父内容

一、小程序创建组件过程

1、首先创建一个components目录，下面放文件(组件文件)

2、创建两个组件文件（Listitem和lunbo）

3、在pages文件夹json文件里面，进入对应的模块内引用Listitem和lunbo组件

4、在wxml文件中使用标签属性来引入组件

自定义组件中和页面中的class名重名，是不会产生冲突的；

页面中的class和自定义组件中的class重名；同样不会产生冲突；

二、父传子：

三、子传父：

子组件绑定事件handle事件（bindtap=“handle”）

一、添加组件入口

登入速成应用平台，选择模板制作或者直接点击空白模板制作，进入到制作页面后，点击“页面组件-商城-商品列表1”，将其组件拉到要创建商品的页面，

二、管理对象

添加组件成功后，在页面上选中添加好的组件，可以看到其最右边的栏目“商品列表1组件”有列表名称、绑定数据等选项，我们为了实现预览能查看到要添加的商品，需先绑定数据，其数据添加，可以点击“管理对象”添加相应的数据（点击前，先保存制作的内容哈，免费丢失。）

三、添加分类

点击管理对象后，跳转到项目独立管理后台，先别急着“添加商品”，点击左边栏目“商城管理-类别管理-添加商品顶级分类”，如果要添加二级分类则要选中顶级分类，从顶级分类那边再添加对应的二级分类，以此类推；最多只能添加三级。比如男装-夏季-时尚、女装-冬季

四、添加商品

添加好分类后，点击“商品列表~添加商品”，按照要求填写信息，添加自己想要的商品，比如我们添加男装-夏季-时尚1个商品，女装-冬季2个。

五、绑定数据

添加好分类和分类对应的商品后，就可以返回到制作页面，如果制作页面已经关闭，可以点击“商品列表”页面，左上方的“编辑”按钮，即可跳到之前编辑的内容哈。如果制作页面没有关闭，直接回到之前的页面要先刷新页面，否则选中添加的商品列表组件-商品列表-绑定数据，下拉绑定数据内容还是空的。如果是重新点击编辑就不用刷新了，重新进入编辑页面-选中组件-下拉绑定数据，可以看到有3个可选的内容“男装、女装、全部”，选择要绑定的分类，比如绑定全部，

六、预览效果

绑定成功后，我们可以点击预览，

微信扫描下面二维码查看效果，可以看到显示出全部商品，有男装，也有女装。

七、绑定支付

按照上面的设置只能大致显示出商品的效果，想要支付，还需要绑定自己的“小程序支付”，想要开通小程序支付，其申请的小程序必须是认证的，方可向官方申请，申请成功后，可在微企达上设置支付，设置支付的地方在编辑制作小程序页面-点击最上方的“管理”-点击“系统配置”-支付设置-添加支付-立即申请，按照要求填写相关支付信息并提交，提交成功后，则支付就可以用。

八、其他设置

上面都设置好了，其店铺首页的轮播图和分类也要设置下，设置好了，则大致内容就都齐全了。

今天的课程到这就告一段落了，电商小程序咱们大概要分为5节课程来解说，所以大家别心急，学到哪就试着 *** 作到哪哈，毕竟“心急吃不了热豆腐，更多的可以在速成网站上了解电商微信小程序怎么做？「启博」小程序,无需开发,无需编程,无需服务器,3分钟可视化制作.商城+直播+会员+分销等上百种功能等您使用步骤：

一、进入微信公众平台，点击“小程序”注册。

二、填写邮箱、密码(注册过微信公众号的邮箱是不能注册小程序的)

三、填写个人小程序信息，姓名-营业执照-手机-验证码-管理者微信扫码

四、接下来就进入填写我们的小程序名字、图标、介绍、以及服务类目(类型)

五、登陆《天客通》小程序一键开发，万能DIY制作平台，选择适合自己的行业模板，根据自己的要求，进行改编，设置过营销参数后，一键上传发布审核即可。制作小程序有很多种的，具体要看你需要开发的是哪一种，不同功能需求的小程序开发费用不同。

现在市面上的小程序商城分模板和定制两种类型。

模板：自然是价格便宜，在两万以内，一般几千块就可以。不过功能上多少会有点受限，另外还需要考虑的就是关于环境部署和源码是否出售的问题；

定制：开发成本较高，上万至几十万都有可能，但功能上去完全符合企业需求的，可随时优化调整。客户可以结合自身情况来选择合适的小程序商城。如何制作微信电商小程序，开发微信小程序电商的前提首先要有营业执照，个体工商户和公司都可以，有了营业执照就可以注册并认证微信公众平台里面的小程序账号了，通过微信小程序账号的公共接口，可以对接开发出各种各样的功能。

1、有实力的企业可以根据自身的个性化需求，组件技术团队定制开发，一名程序员月薪起步1万，如果是大型商城系统，则需要5名以上技术人员参与，开发周期一般在3~6个月不等，后期需要有专人维护、更新和bug修复等；

2、如果是普通商家，没有充足的资金定制开发，并且也没有技术团队做支撑的，则可以选择世面上成熟的微信小程序商城系统，各项营销功能都是开发好的，并且根据时代更迭，不断的升级更新优化等，不需要自己懂技术，直接拿过来把小程序对接一下，这样自己的微信小程序，就瞬间有了商城功能，商家可以在管理后台 *** 控整个商城的运作。

---