小程序自从开放出来,一直处于要火不火的状态,但是企业也把应用的小程序开发作为除WEB端,iOS端,安卓端三端之外的另一个必不可少的平台。随着小程序开放的能力越来越多,小程序所实现的应用能力也越来越强。

正好公司需要做一个类似于社区讨论的小程序,初次接触小程序开发,被后端开发难住了,虽然会点PHP,但是如果全部自己开发,那个工作量还是不小的。于是想这个现成的后端方案,前端设计提供设计稿,开发下倒不是难事。Github还真是开源界的万能朋友圈啊,有人用wordpress提供的查询接口和自己开发插件提供的提交评论点赞接口,全了!

接下来有了设计稿就是开发了,作为一个略懂后端的前端程序员,小程序还是很容易上手的,几乎过一遍开发文档就能写了。感觉开发就是朝着一个垒积木的方向在进化着,会不断地向上层去开发,很多东西被封装,不需要你关心,你唯一关心的是业务逻辑,然后用框架所提供的代码块去实现。

讲下这个小程序功能逻辑,主要三大块

1.文章列表页和话题列表页

如何用wordpress作为后端快速开发一个小程序-爱 • 范儿

在小程序里对应两个page,一个index和一个topic文件夹下包括wxml,wxss,js,json文件。首页包含文章列表和置顶文章slider控件,推荐话题取最热的四个话题,这些都可以用wordpress提供的"/wp-json/wp/v2/"基础api搭配查询参数获取到,话题和文章通过新建不同的category来区分。

2.文章详情页和话题详情页

如何用wordpress作为后端快速开发一个小程序-爱 • 范儿

对应两个page下,detail和tpdetail两个文件夹,这两个页面很多控件相似,我们可以用template把它抽出来,比如评论功能是一样的,在templates文件夹下新建comment.wxml文件。主要引入template的时候,把需要的输入传过去

<template is="tempComment" data="{{commentCount, commentsList, ChildrenCommentsList, display, isLastPage, isNoComment, dialog}}"/>

评论提交功能用开发的一个插件接口实现

3.我的页面就是你参与的文章和话题页,用tab实现

如何用wordpress作为后端快速开发一个小程序-爱 • 范儿

这两个可以用抽出来的common-list.wxml模版,传入列表数据实现。整个下来,一个讨论社区小程序就完成了,接下提交测试体验版本,可以邀请微信好友帮忙内测。