如何三分钟为小程序打造管理后台

作者简介

盛瀚钦，沪江 CCtalk 前端开发工程师，Taro 框架的 issue 维护志愿者，腾讯云云开发布道师，主要侧重于前端 UI 编写和团队文档建设。

云开发扩展能力介绍

云开发扩展能力是云开发团队为开发者提供的一站式云端服务，旨在降低开发者使用云服务的门槛，助力开发者快速开发应用。目前已经对外支持的有图像处理、图像安全审核、图像盲水印、图像标签等。

今天说的是新推出的“CMS内容管理系统”，以下简称“CMS”。

为方便开发人员和内容运营者，随时随地管理小程序/ Web 等多端云开发内容数据，云开发 CMS支持 PC/移动端浏览器访问，支持文本、富文本、图片、文件、关联类型等多种内容类型的可视化编辑。

不仅如此，CMS 天然的多端适配，让管理后台的开发、使用都更加的简单，对于UI型前端来说，这次“CMS内容管理系统”的界面，是很令人满意的。大家可以随时掏出手机查看小程序的数据。

云开发 CMS 功能特性

开发步骤

如何让 CMS 数据源兼容已有数据表

在管理小程序数据时，过去都需要在云开发的管理控制台中管理，十分的麻烦，而且只有自己才能看懂，但有了云开发 CMS, 就可以让原有的小程序有一个更加可视化的管理方式。

云开发 CMS 支持管理小程序/ Web / 移动端的云开发数据，支持管理已有数据集合，也可以在 CMS 后台创建新的内容和数据集合

这也就是说，你先前已经做了数据库存储的话，这次只要在“内容设置”中将数据表的表名称、字段名再重新声明一次即可，不会对线上数据造成影响。（每次修改完表结构，记得刷新页面）

云开发这次对用户管理表和用户头像表都进行了字段改造，主要是从蛇形命名法（user_id）（user_id）全部改为小驼峰命名法（userId），也是跟自带的创建时间（createTime）和更新时间（updateTime）保持一致，这样在UI侧（web和小程序）、云函数、CMS以及云数据库上管理字段，都是统一的字段命名方案，在代码编程时会更加方便。

其实在 MySQL 数据库中，是需要用蛇形命名法（user_id），在 Java 的逻辑中会将蛇形命名法转换为小驼峰命名法。而在 NOSQL 数据库中，可以直接小驼峰命名法，这种不仅可以简化字段名转化，也对以 JavaScript 为主的 Web云开发和小程序云开发人员来说非常友好。

CMS 支持图片类型，让素材图片从本地到云存储

Hi头像的基础功能是在人脸图片上叠加贴纸素材。

● 微信小程序canvas画图是需要用到本地路径的图片

● 微信小程序ios设备上Canvas画图不支持水平翻转

所以当时将图片放在本地，每个图片有正反两个方向。痛点也随之而来，本地图片不仅占用小程序包的体积，后续功能升级后，维护起来也比较麻烦。

这次将图片放在云存储上，在数据库内保存`couldID`。在使用时，在云函数侧将`couldID`转换成真实图片地址Url，在`Canvas`画图时将图片Url转换成本地路径来使用。

通过简单的配置，就可以实现在 CMS 管理图片素材，这样对于小程序来说，大大的简化了更新素材的能力。

CMS 支持多表，可以建立字段关联表，促进Hi头像的创意升级

Hi头像小程序先前做过两个主题活动，分别为戴口罩和女王节戴皇冠，在本地页面写了2个页面，并且每个页面都有各自的页面配置。那之后又想多增加几个节日或者主题活动，是不是要每次都在小程序代码里增加新的页面配置呢？

这次，云开发将借助“CMS内容管理系统”来完成。

字段词典

借助与云开发 CMS 自带的一些功能，我做了一些简单的配置，就完成了一个丰富的后台功能配置。

● 头像编辑页：负责头像编辑功能，每次有一个主题活动

● 主题：围绕一个主题来组织贴纸、相框、页面背景、主题色等，主题为节日、有趣的活动（暑期降温）等

● 贴纸分类：将贴纸进行分类显示

● 贴纸：贴在人脸上或头像内，位置类型分为额头、嘴巴、其他，头像内可以允许多个

此外，除了常见的几种类型外，cms还支持富文本、markdown等高级格式，以及关联类型，也就是将一个字段与另外的一个表继续关联。举个例子来说，贴纸分类属于多个主题，贴纸属于多个贴纸分类，在这样的情况下，就可以借助于关联类型来快速管理了，十分方便。

总结

通过一些简单的配置，就可以实现一个功能强大的内容管理系统（CMS），对于UI型前端，还是很有好处的，可以帮助大家快速实现我想要的管理后台，提升工作效率，降低时间的成本，是一个非常不错的功能。

如果你也面临这样的问题：需要一个管理后台来管理数据的同时又没有太多的精力和人力，云开发的 CMS，会是你最好的选择。