关键词：

日常在使用小程序时，我们看到好的内容，总是忍不住分享给好友。分享分为几种，一种是直接发送给朋友或者群里。另外一种是分享到朋友圈。

微搭目前提供了官方的小程序分享组件，可以便捷的将小程序的页面分享给好友。目前还不支持分享到朋友圈。

要想实现分享好友的功能，一般是需要先阅读小程序的官方文档。但有时候官方文档看不太明白，我们直接讲解一下实现的思路。

实现小程序的默认分享

小程序的右上角有三个点，点了之后就可以将小程序分享给朋友。如果想实现这个功能，需要在页面的生命周期函数里增加分享小程序的功能，代码如下：

/*
* 可通过 $page 获取或修改当前页面的 变量 状态 handler lifecyle 等信息
* 可通过 app 获取或修改全局应用的 变量 状态 等信息
* 具体可以 console.info 在编辑器Console面板查看更多信息
* 如果需要 async-await，请在方法前 async
*/

export default 
   
  onPageLoad(query) 
   
    console

电商小程序实战教程-规格选择(代码片段)

我们上一篇讲解了如何搭建商品详情页，本篇我们介绍一下如何选择规格。规格的话一般是从底部弹出一个弹窗，然后先选择规格，选择数量，点击确定后回填到规格信息处。弹窗组件微搭自带了一个弹窗组件，可以自己控制弹... 查看详情

电商小程序实战教程-规格选择(代码片段)

我们上一篇讲解了如何搭建商品详情页，本篇我们介绍一下如何选择规格。规格的话一般是从底部弹出一个弹窗，然后先选择规格，选择数量，点击确定后回填到规格信息处。弹窗组件微搭自带了一个弹窗组件，可以自己控制弹... 查看详情

电商小程序实战教程-商品详情页开发(代码片段)

我们上一篇开发了电商小程序的首页，本篇我们介绍一下详情页的开发。如果想开发详情页，首先要搞明白一个概念，在详情页展示数据的时候需要如何进行页面传参。参数变量在微搭中变量一共是分三种，普通变量、模型变量... 查看详情

电商小程序实战教程-类别导航续(代码片段)

上一篇我们实现了类别导航的功能，还差一个类别切换的效果。我们本篇实现一下类别切换时候刷新商品列表的功能给侧边栏导航组件设置事件选中侧边栏导航组件，在行为那选择其他事件我们切换类别的时候要去数据源重新获... 查看详情

电商小程序实战教程-购物车开发

我们已经用一定篇幅介绍了电商小程序的主体功能，包含首页，详情页。详情页我们实现了选择规格和分享的功能，除了这两个功能外，在详情页用户还可以加入购物车、结算。本篇我们介绍一下购物车功能的开发。数据源设计... 查看详情

电商小程序实战教程-首页的创建(代码片段)

电商小程序实战教程第一章总体介绍第二章创建数据源第三章创建管理后台前言我们已经利用三篇的内容介绍了电商小程序的总体规划、数据源的开发及管理后台的开发。有了这三个基础就相当于打好了地基，之后就是在地... 查看详情

电商小程序实战教程-首页重构

...待。官方又出了一套家政服务的小程序，里边好些功能和电商很相似，在看过模板之后准备对以前开发的功能重构一下。首先需要重构一下首页。我们上一个版本首页比较简单，一个轮播图+商品列表。一般的电商小程序在首页... 查看详情

电商小程序实战教程-商品移动端管理功能开发

上篇我们介绍了PC端商品管理的功能，主要是依靠模型应用的自动生成能力进行创建，本篇我们介绍一下移动端商品管理功能的开发。创建页面随着页面的增多，如果一个劲的顺序往下新建，后续查找页面也不方便。现在微搭推... 查看详情

电商小程序实战教程-商品数据源设计

电商中重中之重的业务就是商品了，我们所有的业务都是以这个为基础。在规划功能时，首先是需要构思一下数据结构。一般我们在小程序中首先打开的是首页，首页上会展示热销商品的缩略图、产品价格、商品名称、销量这些... 查看详情

电商小程序实战教程-首页开发

我们利用21篇文章讲明白了电商小程序后台管理的功能，本篇我们开始介绍顾客侧的功能。一般顾客打开小程序先需要浏览商品，然后将商品加入购物车，选购好了之后进行结算。设置背景色一般小程序的页面都有个背景色，我... 查看详情

电商小程序实战教程-广告管理(代码片段)

一般我们的小程序都会有个轮播图，我们把轮播图单独建一个数据源用来存放日常商家的宣传图片，这样便于维护。新建数据源在控制台中点击新建数据源，输入名称和标识新建一个轮播图的字段模型应用中添加页面新增了数据... 查看详情

电商小程序实战教程-权限设计(代码片段)

我们第一章用9篇篇幅介绍了用户登录注册功能，本篇开始我们的第二章管理员功能开发。一般软件系统的开发需要按照实际的业务场景进行权限的设计。总体上权限是分为普通用户和管理员两种分类。普通用户可以浏览小程序... 查看详情

电商小程序实战教程-控制登录按钮是否显示(代码片段)

我们上一节将用户信息存入数据库中，当用户再次打开小程序的时候，还是显示的获取用户信息按钮，再次点击的时候继续新增数据。从逻辑上讲就不对了，那要怎么处理呢？判断用户是否登录在小程序加载的时候，我们要通过... 查看详情

电商小程序实战教程-控制登录按钮是否显示(代码片段)

我们上一节将用户信息存入数据库中，当用户再次打开小程序的时候，还是显示的获取用户信息按钮，再次点击的时候继续新增数据。从逻辑上讲就不对了，那要怎么处理呢？判断用户是否登录在小程序加载的时候，我们要通过... 查看详情

电商小程序实战教程-显示用户的头像和昵称(代码片段)

我们上一节用变量控制了获取用户信息组件是否展示，我们本节介绍一下如何显示用户的头像和昵称信息。定义全局变量我们是在用户授权的时候将用户的信息存入了数据库，在用户再次打开小程序的时候就需要将信息从数据库... 查看详情

电商小程序实战教程-店铺维护续(代码片段)

我们在店铺维护章节里讲解了如何提交店铺的信息，但是有个问题是每次点击店铺维护的时候都是新填一条信息，这个和实际的需求不太吻合。我们实际的业务需求应该是第一次提交的时候是新增，下次打开的时候就是更新数据... 查看详情

电商小程序实战教程-广告维护功能(代码片段)

我们在广告管理章节，搭建了列表页面和整体框架，我们这一节实现一下广告的新增和广告的修改功能。广告新增切换到广告新增页面，添加一个表单容器组件。表单场景选择新增，数据源选择广告组件会根据数据源的字段自动... 查看详情

电商小程序实战教程-类别管理移动端开发(代码片段)

我们上一节介绍了类别管理PC端的功能，为了方便，除了提供PC端维护功能外，我们还需要给商家提供移动端维护的功能。本节我们就介绍一下移动端增删改查维护功能的开发。创建页面我们先创建四个页面，列表查询页面、查... 查看详情