前言

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

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

功能介绍

  1. 主要是满足分类信息、CMS文章分类、新闻资讯的场景；
  2. 在后台发布新闻 / 资讯 / 动态 / 文章 / 帮助中心 / 博文 等等；
  3. 支持功能点： 文章分页列表、获取详情、点赞、点踩、喜欢、不喜欢、觉得有用、觉得没用、获取双方支持率列表、文章投稿、修改或删除自己的投稿文章；
  4. 小程序端进行展示；

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

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

找到 “CMS分类信息模块” 模块，点击 “启用模块” ，然后 F5 刷新一下后台界面，你将可以看到新的菜单：
“CMS模块” —> “文章管理” ；

CMS文章管理 - 图1

小程序截图：

CMS文章管理 - 图2

  1. <button type="primary" bindtap="goRegist"> 注册 / 登录 </button>
  3. <button type="warn" bindtap="cmsArticles"> 获取所有文章 </button>
  4. <button type="warn" bindtap="cmsArticleDetail"> 文章详情 </button>
  5. <button type="warn" bindtap="cmsArticlePreNext"> 上一篇 / 下一篇 </button>
  6. <button type="warn" bindtap="cmsArticleUseless"> 点赞 / 点踩 </button>
  7. <button type="warn" bindtap="cmsArticleUsefulLogs"> 赞/踩 记录明细 </button>
  8. <button type="warn" bindtap="cmsArticleCreate"> 发布文章 / 投稿 </button>
  9. <button type="warn" bindtap="cmsArticleDelete"> 删除自己发布的文章 </button>

小程序代码：

  1. const WXAPI = require('apifm-wxapi')
  2. WXAPI.init('gooking')
  4. Page({
  5.   data: {
  7.   },
  8.   onLoad: function (options) {
  10.   },
  11.   onShow: function () {
  13.   },
  14.   cmsCategories() { // 读取所有的分类数据
  15.     WXAPI.cmsCategories().then(res => {
  16.       console.log(res)
  17.       if (res.code == 0) {
  18.         wx.showToast({
  19.           title: '读取成功',
  20.           icon: 'success'
  21.         })
  22.       } else {
  23.         wx.showToast({
  24.           title: res.msg,
  25.           icon: 'none'
  26.         })
  27.       }
  28.     })
  29.   },
  30.   cmsCategoryDetail() { // 读取某个分类的详情数据
  31.     const cmsCategoryId = 3189 // 记录中的记录ID
  32.     WXAPI.cmsCategoryDetail(cmsCategoryId).then(res => {
  33.       console.log(res)
  34.       if (res.code == 0) {
  35.         wx.showToast({
  36.           title: '读取成功',
  37.           icon: 'success'
  38.         })
  39.       } else {
  40.         wx.showToast({
  41.           title: res.msg,
  42.           icon: 'none'
  43.         })
  44.       }
  45.     })
  46.   },
  47. })

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

完成！

思考

结合上一篇文章：

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

试着去实现一个小型的完整的小程序产品吧！

上述方法中更多详细的参数及说明，你可以查看下述接口文档：

《api接口文档》

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

期待你的进步！
感谢！