小程序增加 文章 / 新闻 / 资讯 / 动态 的分类功能,支持无限层级

0.876字数 411阅读 108

前言

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

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

功能介绍

  1. 主要是满足分类信息、CMS文章分类、新闻资讯类别等需要进行分类的场景;
  2. 在后台管理不限层级的分类,自由设定大小分类的从属关系;
  3. 小程序端只要一句代码即可读取所有的分类数据继而进行展示;

启用 “CMS分类信息模块” 模块

登录 “第一步” 注册的后台,左侧菜单 --> 工厂设置 --> 模块管理

找到 “CMS分类信息模块” 模块,点击 “启用模块” ,然后 F5 刷新一下后台界面,你将可以看到新的菜单:
“CMS模块” --> “分类管理” ;

cms分类管理

小程序代码:

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

Page({
  data: {

  },
  onLoad: function (options) {

  },
  onShow: function () {

  },
  cmsCategories() { // 读取所有的分类数据
    WXAPI.cmsCategories().then(res => {
      console.log(res)
      if (res.code == 0) {
        wx.showToast({
          title: '读取成功',
          icon: 'success'
        })
      } else {
        wx.showToast({
          title: res.msg,
          icon: 'none'
        })
      }
    })
  },
  cmsCategoryDetail() { // 读取某个分类的详情数据
    const cmsCategoryId = 3189 // 记录中的记录ID
    WXAPI.cmsCategoryDetail(cmsCategoryId).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 这个是你的专属域名(请查看前言中关于专属域名的章节说明);

5分钟即可免费实现以上功能,简单到爆~ 赶紧自己动手来做一个属于你自己的博客小程序吧(先从博客分类开始)

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

期待你的进步!
感谢!

推荐阅读更多精彩内容