當前位置:
首頁 > 科技 > 開發 | 簡單易上手,資訊類小程序開發實戰指南

開發 | 簡單易上手,資訊類小程序開發實戰指南

開發 | 簡單易上手,資訊類小程序開發實戰指南

文 | 姚凱倫

在小程序開發中,內容資訊類的小程序有兩個令人頭疼的問題需要首先解決:

  • 需有一個編輯富文本內容的管理面板,最好還有分類等的組織方式方便管理。
  • 處理內容,可以方便地在小程序端獲取、渲染、展示。

這兩個問題,看起來不難解決,但做過的人都知道,解決它們是很耗時間的。

今天,知曉程序(微信號 zxcx0101)將通過一個簡單的電影資訊小程序,來看看在知曉雲內容庫功能的幫助下,如何將內容資訊類小程序的開發效率提高 60%。

還不知道「知曉雲」是什麼?它是國內第一個專註於微信小程序開發的 BaaS 產品。關注「知曉程序」微信公眾號,在微信後台回復「知曉雲」,更深入地了解知曉雲。

項目簡介

該小程序包含三個頁面,分別是:

  • 內容分類列表頁
  • 文章列表頁
  • 文章詳情頁

首頁即為分類列表頁。當用戶選中其中一個分類,就可以進入到該分類的文章列表頁。在文章列表頁中,選擇任意一篇文章,即可進入到文章的詳情頁。

創建編輯團隊組和內容庫1. 創建用戶分組,幫助管理內容

在知曉雲中,你需要利用「用戶管理」功能,新建一個「編輯」的用戶組。只有屬於該分組的用戶,才能對即將創建的內容庫進行操作。

具體操作是:在知曉雲後台,進入用戶管理界面,選擇普通分組管理,點擊新建普通分組,即可創建一個普通分組。

開發 | 簡單易上手,資訊類小程序開發實戰指南

2. 為分組添加成員

現在,我們有了「編輯」的用戶分組。接下來,我們就要為分組添加成員了

在用戶管理界面,選擇用戶管理。在此,首先你找到要加入分組的用戶所在行,點擊設置分組。然後,在彈出的對話框,選擇你剛才創建的分組

接著,點擊保存,選中的用戶就會添加到分組中。

開發 | 簡單易上手,資訊類小程序開發實戰指南

3. 新建內容庫並設置許可權

接下來,我們就要正式開始「內容庫」的建立了。

在知曉雲的內容管理界面,你需要點擊「新建內容庫」按鈕,在彈出的模態框中填寫內容庫名;並在訪問許可權選項中,選擇我們剛才創建的分組。

開發 | 簡單易上手,資訊類小程序開發實戰指南

4. 創建分類

點擊創建分類按鈕,你需要在彈出的模態框中填寫分類名稱,提交後,即可在內容庫中,創建一個內容分類。

開發 | 簡單易上手,資訊類小程序開發實戰指南

5. 創建文章

在「 所有內容 」菜單下點擊「 添加內容 」按鈕後,知曉雲將跳轉到富文本編輯頁面。

開發 | 簡單易上手,資訊類小程序開發實戰指南

在這個頁面中,你就可以進行文章創建工作了。

開發 | 簡單易上手,資訊類小程序開發實戰指南

在小程序中展示內容

在這一部分,你需要利用知曉雲的 SDK,以便在小程序中,獲取知曉雲內容庫中的內容。

關注「知曉程序」微信公眾號,回復「SDK」,獲取知曉雲 SDK 下載地址。

1. 獲取內容庫下的分類並展示

從 Dashboard 獲取內容庫 ID,調用 getContentGroup 介面即可獲取到內容庫下的分類情況。

開發 | 簡單易上手,資訊類小程序開發實戰指南

開發 | 簡單易上手,資訊類小程序開發實戰指南

開發 | 簡單易上手,資訊類小程序開發實戰指南

開發 | 簡單易上手,資訊類小程序開發實戰指南

2. 獲取分類下的文章並展示

調用 getContentList 介面即可獲取到指定分類下的文章列表。

開發 | 簡單易上手,資訊類小程序開發實戰指南

開發 | 簡單易上手,資訊類小程序開發實戰指南

開發 | 簡單易上手,資訊類小程序開發實戰指南

3. 獲取文章信息並展示

調用 getContentList 介面即可獲取到指定分類下的文章列表。

在內容庫中通過富文本編輯器創建的內容,是以 HTML 格式進行保存的,因此展示到小程序上需轉換為 WXML 格式。

針對於此,我們開發了 wxParser 插件,來完成轉換任務。具體的操作,可以參考 https://github.com/ifanrx/wxParser。

開發 | 簡單易上手,資訊類小程序開發實戰指南

開發 | 簡單易上手,資訊類小程序開發實戰指南

開發 | 簡單易上手,資訊類小程序開發實戰指南

內容庫的職責,僅僅是對內容進行編輯和管理,因此,想要開發更為複雜的與內容相關的功能(例如收藏、點贊),開發者還需要利用知曉雲的數據表功能完成。

有關於內容庫的高級應用,我們會在後續的教程中再討論。

如果你想了解更多關於小程序開發技巧,可以添加小雲微信(ID:minsupport),進入「知曉開發聯盟」群,與作者同群交流噢。

關注「知曉程序」公眾號 ??

  • 在微信後台回復「

    知曉雲

    」,更加深入地了解知曉雲。
  • 在微信後台回復「666」,獲取小程序開發 Demo。

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 愛范兒 的精彩文章:

給王俊凱送星星完全攻略
網易《決戰!平安京》正式亮相,「陰陽師 MOBA」要來和《王者榮耀》搶生意了
終於定了!東芝晶元業務將以 180 億美元「賣身」貝恩資本財團
除了能定民宿,Airbnb 在美國還能預約餐館了
瞄準布加迪和帕加尼,這家電動超跑公司要發新車了

TAG:愛范兒 |