如何三分鍾為小程序打造管理后台


雲開發擴展能力介紹

雲開發擴展能力是雲開發團隊為開發者提供的一站式雲端服務,旨在降低開發者使用雲服務的門檻,助力開發者快速開發應用。目前已經對外支持的有圖像處理、圖像安全審核、圖像盲水印、圖像標簽等。

今天說的是新推出的“CMS內容管理系統”,以下簡稱“CMS”。

為方便開發人員和內容運營者,隨時隨地管理小程序/ Web 等多端雲開發內容數據,雲開發 CMS支持 PC/移動端瀏覽器訪問,支持文本、富文本、圖片、文件、關聯類型等多種內容類型的可視化編輯。

不僅如此,CMS 天然的多端適配,讓管理后台的開發、使用都更加的簡單,對於我這種UI型前端來說,這次“CMS內容管理系統”的界面,我還是挺滿意的。我也可以隨時掏出手機查看我的小程序的數據了。

image-20200522095603611

image-20200522095610108

雲開發 CMS 功能特性

免開發 基於后台建模配置生成內容管理界面,無須編寫代碼
多端適配 支持 PC/ 移動端訪問和管理內容
功能豐富 支持文本、富文本、圖片、文件 等多種類型內容的可視化編輯,並且支持內容關聯
權限控制 系統基於管理員/運營者兩種身份角色的訪問控制
外部系統集成 支持 Webhook 接口,可以用於在運營修改修改內容后通知外部系統,比如自動構建靜態網站、發送通知等
數據源兼容 支持管理小程序/ Web / 移動端的雲開發數據,支持管理已有數據集合,也可以在 CMS 后台創建新的內容和數據集合
部署簡單 可在雲開發控制台擴展管理界面一鍵部署和升級

image-20200522095618843

開發步驟

如何讓 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轉換成本地路徑來使用。

image-20200522095647178

通過簡單的配置,就可以實現在 CMS 管理圖片素材,這樣對於小程序來說,大大的簡化了更新素材的能力。

CMS 支持多表,可以建立字段關聯表,促進Hi頭像的創意升級

Hi頭像小程序先前做過兩個主題活動,分別為戴口罩和女王節戴皇冠,在本地頁面寫了2個頁面,並且每個頁面都有各自的頁面配置。那之后又想多增加幾個節日或者主題活動,是不是要每次都在小程序代碼里增加新的頁面配置呢?

這次,我將借助“CMS內容管理系統”來完成。

字段詞典

借助與雲開發 CMS 自帶的一些功能,我做了一些簡單的配置,就完成了一個豐富的后台功能配置。

  • 頭像編輯頁:負責頭像編輯功能,每次有一個主題活動

  • 主題:圍繞一個主題來組織貼紙、相框、頁面背景、主題色等,主題為節日、有趣的活動(暑期降溫)等

  • 貼紙分類:將貼紙進行分類顯示

  • 貼紙:貼在人臉上或頭像內,位置類型分為額頭、嘴巴、其他,頭像內可以允許多個

image-20200522095655176

此外,除了常見的幾種類型外,cms還支持富文本、markdown等高級格式,以及關聯類型,也就是將一個字段與另外的一個表繼續關聯。舉個例子來說,貼紙分類屬於多個主題,貼紙屬於多個貼紙分類,在這樣的情況下,就可以借助於關聯類型來快速管理了,十分方便。

image-20200522095708116

總結**

通過一些簡單的配置,就可以實現一個功能強大的內容管理系統(CMS),對於我這樣的UI型前端,還是很有好處的,可以幫助我快速實現我想要的管理后台,提升工作效率,降低時間的成本,是一個非常不錯的功能。如果你也面臨和我一樣的問題,需要一個管理后台來管理數據的同時又沒有太多的精力和人力的情況下,雲開發的 CMS,會是你最好的選擇。

公眾號:騰訊雲雲開發

騰訊雲雲開發:https://cloudbase.net

雲開發控制台:https://console.cloud.tencent.com/tcb?from=12304


更多精彩
掃描二維碼了解更多

img


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM