美文网首页微信小程序apifm-wxapi微信小程序开发
小程序显示文章标签列表(实现类似博客标签云功能)

小程序显示文章标签列表(实现类似博客标签云功能)

作者: fe1e31171ab2 | 来源:发表于2019-08-09 10:10 被阅读4次

前言

本教程是基于 “apifm-wxapi” 模块,教你快速实现小程序开发,所以你可能需要先了解以下知识点:

《创建 HelloWorld 项目》
《使用 “apifm-wxapi” 快速开发小程序》
《免费注册开通后台,获得专属域名》

功能介绍

  1. 后台文章管理中使用到的所有标签,进行汇总统计,计算使用数量;
  2. 小程序读取这个数据,进行展示,提供用户进行快速搜索查找;
  3. 根据汇总统计的数量排序,可实现冷门、热门标签展现;

需要先在后台文章管理中,针对文章填写标签,否则本例将无法读取到数据!

回顾文章管理:

《小程序增加 文章 / 新闻 / 资讯 / 动态 功能,支持用户投稿》

小程序代码:

const WXAPI = require('apifm-wxapi')
WXAPI.init('gooking')

Page({
  data: {

  },
  onLoad: function (options) {

  },
  onShow: function () {

  },
  cmsTags() { // 读取所有的标签列表
    WXAPI.cmsTags().then(res => {
      console.log(res)
      if (res.code == 0) {
        wx.showToast({
          title: '读取成功',
          icon: 'success'
        })
      } else {
        wx.showToast({
          title: res.msg,
          icon: 'none'
        })
      }
    })
  }
})

WXAPI.init('gooking') 这句代码是将你的小程序链接到你的后台,其中 gooking 这个是你的专属域名(请查看前言中关于专属域名的章节说明);

无需后端编程,只要你有好的 idea ,就能快速实现!

期待你的进步!
感谢!

相关文章

网友评论

    本文标题:小程序显示文章标签列表(实现类似博客标签云功能)

    本文链接:https://www.haomeiwen.com/subject/xulcjctx.html