微信小程序> 小程序单页面功能(关于我们/联系我们/企业文化/领导介绍/组织结构/...)

小程序单页面功能(关于我们/联系我们/企业文化/领导介绍/组织结构/...)

浏览量:4228 时间: 来源:api工厂

前言

本教程是基于 “apifm-wxapi” 模块,教你快速实现小程序开发,所以你可能需要先了解以下知识点:

《创建 HelloWorld 项目》
《使用 “apifm-wxapi” 快速开发小程序》
《免费注册开通后台,获得专属域名》

功能介绍

  1. 快速实现 关于我们/联系我们/企业文化/领导介绍/组织结构 等业务需求;
  2. 后台富文本编辑器维护页面整体内容,小程序直接通过编号读取内容并显示;
  3. 使用于任意有此类业务需求的场景;

回顾无极分类管理:

《小程序增加 文章 / 新闻 / 资讯 / 动态 的分类功能,支持无限层级》

启用 “单页面应用” 模块

登录 “第一步” 注册的后台,左侧菜单 -- 工厂设置 -- 模块管理

找到 “单页面应用” 模块,点击 “启用模块” ,然后 F5 刷新一下后台界面,你将可以看到新的菜单:
“CMS模块”  -- “单页管理” ;

小程序单页管理

演示界面:

小程序单页管理Demo

小程序代码:

const WXAPI = require('apifm-wxapi')WXAPI.init('gooking')Page({  data: {  },  onLoad: function (options) {  },  onShow: function () {  },  getContent(e) { // 读取单页信息    const key = e.currentTarget.dataset.key    WXAPI.cmsPage(key).then(res = {      console.log(res)      if (res.code == 0) {        wx.showToast({          title: '读取成功',          icon: 'success'        })      } else {        wx.showToast({          title: res.msg,          icon: 'none'        })      }    })  }  })

WXAPI.init('gooking') 这句代码是将你的小程序链接到你的后台,其中 gooking 这个是你的专属域名(请查看前言中关于专属域名的章节说明);

后台和小程序通过编号关联,所以你可以任意做扩展!

加入后台随便指定一个 abc 编号,小程序端就可以使用 WXAPI.cmsPage('abc') 读取到富文本编辑器里的内容

无需后端编程,只要你有好的 idea ,就能快速实现!

期待你的进步!
感谢!

小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎