专栏首页知晓程序开发 | 简单易上手,资讯类小程序开发实战指南

开发 | 简单易上手,资讯类小程序开发实战指南

作者:姚凯伦

在小程序开发中,内容资讯类的小程序有两个令人头疼的问题需要首先解决:

  • 需有一个编辑富文本内容的管理面板,最好还有分类等的组织方式方便管理。
  • 处理内容,可以方便地在小程序端获取、渲染、展示。

这两个问题,看起来不难解决,但做过的人都知道,解决它们是很耗时间的。

今天,知晓程序(微信号 zxcx0101)将通过一个简单的电影资讯小程序,来看看在知晓云内容库功能的帮助下,如何将内容资讯类小程序的开发效率提高 60%。

还不知道「知晓云」是什么?它是国内第一个专注于微信小程序开发的 BaaS 产品。

关注「知晓程序」微信公众号,在微信后台回复「知晓云」,更深入地了解知晓云。

项目简介

该小程序包含三个页面,分别是:

  • 内容分类列表页
  • 文章列表页
  • 文章详情页

首页即为分类列表页。当用户选中其中一个分类,就可以进入到该分类的文章列表页。在文章列表页中,选择任意一篇文章,即可进入到文章的详情页。

创建编辑团队组和内容库

1. 创建用户分组,帮助管理内容

在知晓云中,你需要利用「用户管理」功能,新建一个「编辑」的用户组。只有属于该分组的用户,才能对即将创建的内容库进行操作。

具体操作是:在知晓云后台,进入用户管理界面,选择普通分组管理,点击新建普通分组,即可创建一个普通分组。

2. 为分组添加成员

现在,我们有了「编辑」的用户分组。接下来,我们就要为分组添加成员了

在用户管理界面,选择用户管理。在此,首先你找到要加入分组的用户所在行,点击设置分组。然后,在弹出的对话框,选择你刚才创建的分组

接着,点击保存,选中的用户就会添加到分组中。

3. 新建内容库并设置权限

接下来,我们就要正式开始「内容库」的建立了。

在知晓云的内容管理界面,你需要点击「新建内容库」按钮,在弹出的模态框中填写内容库名;并在访问权限选项中,选择我们刚才创建的分组。

4. 创建分类

点击创建分类按钮,你需要在弹出的模态框中填写分类名称,提交后,即可在内容库中,创建一个内容分类。

5. 创建文章

在「 所有内容 」菜单下点击「 添加内容 」按钮后,知晓云将跳转到富文本编辑页面。

在这个页面中,你就可以进行文章创建工作了。

在小程序中展示内容

在这一部分,你需要利用知晓云的 SDK,以便在小程序中,获取知晓云内容库中的内容。

关注「知晓程序」微信公众号,回复「SDK」,获取知晓云 SDK 下载地址。

1. 获取内容库下的分类并展示

从 Dashboard 获取内容库 ID,调用 getContentGroup 接口,就可以获取到内容库下的分类情况。

2. 获取分类下的文章并展示

调用 getContentList 接口,就能获取到指定分类下的文章列表。

3. 获取文章信息并展示

调用 getContentList 接口,即可获取到指定分类下的文章列表。

在内容库中通过富文本编辑器创建的内容,是以 HTML 格式进行保存的,因此展示到小程序上需转换为 WXML 格式。

针对于此,我们开发了 wxParser 插件,来完成转换任务。

关注「知晓程序」微信公众号,在微信后台回复「SDK」,获取 wxParser 更详尽的信息。

内容库的职责,仅仅是对内容进行编辑和管理。因此,想要开发更为复杂的内容相关功能(例如收藏、点赞),开发者还需要利用知晓云的数据表功能完成。

有关于内容库的高级应用,我们会在后续的教程中再讨论。

本文分享自微信公众号 - 知晓程序(zxcx0101),作者:让你更知小程序的

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2017-09-21

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 云函数公测!小程序开发节省 60% 的成本

    知晓君
  • 「大众点评点餐」小程序开发经验 05:解析开发工具

    周中坚,美团点评工程师,4年 Web 前端开发经验,主要负责过会员卡、外卖、预订、商家平台等业务的前端开发,现在是美团点评点餐团队的一员。

    知晓君
  • 【晓快讯】腾讯正式宣布代理「吃鸡」游戏 / 今天起,可以用微信买火车票了

    11 月 22 日中午,腾讯正式宣布与 Bluehole(蓝洞)旗下的 PUBG 达成战略合作协议,正式获得《Playerunknown's Battlegro...

    知晓君
  • 10万级etl作业批量调度工具Taskctl之轻量级Web应用版

    批量处理是银行业整个信息后台最为重要的技术形态,也是银行核心信息资产数据的分享、传输、演化的重要技术手段。有调查指出,全球70%的数据是经过批量处理得以再次使用...

    taskctl官方频道
  • 根据字符串生成对应Hash值

    参考网址: http://www.partow.net/programming/hashfunctions/

    IBinary
  • 关于vtordisp知多少?

    关于vtordisp知多少? 我相信不少人看到这篇文章,多半是来自于对标题中“vtordisp”的好奇。其实这个关键词也是来源于我最近查看对象模型的时候偶然发现...

    Florian
  • C++之函数重载

    函数重载定义: 如果同一作用域内的几个函数名字相同但形参列表不同; 重载与const形参: Record (Phone); = Record(const Pho...

    互联网金融打杂
  • 快速学习-Python字典

    注意: 1、对于不可变类型 Number String Tuple,浅复制仅仅是地址指向,不会开辟新空间。 2、对于可变类型 List、Dictionary...

    cwl_java
  • Lucene&Solr框架之第一篇

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

    海仔
  • 【iOS开发】 failed to get the task for process

    个人开发者一般做了一个项目想要给别人用,做内测的时候,都要去 Apple Developer 生成一个 Provisioning Profile ,里面包含了你...

    KyXu

扫码关注云+社区

领取腾讯云代金券