小程序开通 cms 可视化网页后台

简介: 我们之前用云开发时,想做个数据管理后台,只能用小程序开发工具自带的操作后台,然后直接在数据库里操作数据。这样对程序员没有什么,可是我们的程序开发出来也要给不懂程序的人使用的。如何让这些人也可以很好的管理我们云开发的数据库呢。这个时候我们就要用 vue 或者传统 web 开发实现一个网页管理后台,通过这个直接管理云开发了。但是开发这样一个网页后台,无疑会增加我们的工作量。所以我们今天借助云开发官方推出的 CMS 功能,来快速的搭建一个云开发的网页管理后台。,首先看一下 CMS 的优点。

cms 的优点

内容管理是基于云开发搭建的可视化的内容管理平台,提供了丰富的内容管理功能,开通简单,独立于云控制台,无须编写代码即可使用,支持文本、富文本、Markdown、图片、文件、关联类型等多种类型的可视化编辑,易于二次开发,并与云开发的生态体系紧密结合,助力开发者提升开发效率。

能特性

适用场景

适用于需要为小程序应用增加一个运营管理后台的业务

CMS 扩展非常适合小程序的商品管理、文章编辑和发布、运营活动配置、素材管理等数据和内容管理的场景。使用 CMS 扩展,可以省去手动线上修改数据库数据或者投入人力物力开发管理后台的麻烦,只需要安装之后进行一些简单的配置,就可随时随地使用 CMS 内容管理系统来管理内容,同时还提供管理员和运营者的两套身份体系的权限控制。

适用于快速开发内容型的网站应用、小程序应用的场景

CMS 扩展还可以用来配合开发网站应用和小程序应用,提升开发效率。使用 CMS 扩展可以解决内容、数据的管理和生产问题,并且省去一部分后端开发工作,可以直接结合前端应用框架读取云开发数据库数据进行渲染。例如基于 CMS 可以快速开发博客、企业官网等内容型的网站、小程序应用。


官方文档:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/extensions/cms/introduction.html


如果你想开通 cms 可视化网页后台,就来跟我学习吧,如果不想开通 cms 可以忽略的,接下来教大家如何开通 Cms

进入云开发控制台开通内容管理(CMS)

如下图所示,直接点击开通内容管理(CMS)即可


image.png


点击完开通以后,会有如下弹窗,直接点击确定即可。不要被付费吓着,官方每月会送我们一定的免费额度的。学习得话基本上够用了。


image.png


上面点完确定后,我们只是开启了按量付费功能,因为 cms 得使用必须要开通按量付费才可以得。所以还要再点一次开通。如下图


image.png


点完开通后,会有如下弹窗,直接点击下一步即可。


image.png


然后我们需要设置登录内容管理后台得账号和密码,然后点击确定即可


image.png


然后我们就等待内容管理功能得开通了,需要等几分钟。


image.png




开通成功以后,我们就可以通过下面这个地址进入管理后台了。


image.png

登录 Cms 可视化管理后台

上面开通好以后,就可以通过后台地址登录管理后台了。如下


image.png

创建项目

第一次登录,我们还需要创建一个项目


image.png


自己输入项目名和项目 id 即可


image.png


然后点击进入刚刚创建的项目


image.png


到这里我们的 cmd 可视化网页管理后台就创建好了,下面教大家如何导入数据。

导入内容模型

我们上面创建好 cms 项目,打开后如下所示


image.png


这个时候点击内容模型,然后点击导入模型


image.png


然后点击确定即可


image.png


这样我们三个数据表就导入成功了,然后就可以对数据进行可视化管理了。


image.png


好的,今天的内容就介绍到这儿,大家喜欢的点赞支持一下吧。

相关文章
|
2月前
|
小程序
小程序提交数据到后台做加法运算
小程序提交数据到后台做加法运算
26 0
|
3月前
|
小程序 前端开发 中间件
ThinkPHP 配置跨域请求,使用TP的内置跨域类配置,小程序和web网页跨域请求的区别及格式说明
本文介绍了如何在ThinkPHP框架中配置跨域请求,使用了TP内置的跨域类`\think\middleware\AllowCrossDomain::class`。文章还讨论了小程序和web网页在跨域请求格式上的区别,并提供了解决方案,包括修改跨域中间件源码以支持`Origin`和`token`。此外,还介绍了微信小程序跨域请求的示例和web网页前端发送Axios跨域请求的请求拦截器配置。
ThinkPHP 配置跨域请求,使用TP的内置跨域类配置,小程序和web网页跨域请求的区别及格式说明
|
2月前
|
小程序 Java
小程序访问java后台失败解决方案
小程序访问java后台失败解决方案
47 2
|
2月前
|
小程序 数据可视化 数据管理
小程序可视化设计工具-支持一键导出小程序,WebApp及后台管理
小程序可视化设计工具-支持一键导出小程序,WebApp及后台管理
43 3
|
2月前
|
小程序 JavaScript Java
小程序访问java后台
小程序访问java后台
29 1
|
2月前
|
移动开发 小程序 数据可视化
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
46 2
|
2月前
|
小程序 安全 数据库连接
为什么已经提交的小程序无法连接后台服务?
【10月更文挑战第17天】为什么已经提交的小程序无法连接后台服务?
77 0
|
2月前
|
小程序 数据可视化 API
低代码可视化-uniapp商城首页小程序-代码生成器
低代码可视化-uniapp商城首页小程序-代码生成器
31 0
|
2月前
|
JSON 数据可视化 小程序
uview/小程序可视化表单代码生成器文档
uview/小程序可视化表单代码生成器文档
32 0
|
2月前
|
数据可视化 小程序 Cloud Native
DIY可视化业界领先的可视化快速生成FinClip小程序源码
DIY可视化业界领先的可视化快速生成FinClip小程序源码
38 0