Android 开发者从0到1发布一个微信小程序的采坑过程——首页实现
Android 开发者从0到1发布一个微信小程序的采坑过程——详情页实现
Android 开发者从0到1发布一个微信小程序的采坑过程——使用帮助页面
Android 开发者从0到1发布一个微信小程序的采坑过程——发布上线后动态切换页面

需要代码可在文末扫码识别二维码,在我的----关于我—可找到我的联系方式。

实现的效果如下:

Android 开发者从0到1发布一个微信小程序的采坑过程——使用帮助页面_第1张图片

Android 开发者从0到1发布一个微信小程序的采坑过程——使用帮助页面_第2张图片

分析实现过程:

这个过程实现的不难,这里之所以再介绍是因为这里的实现是通过微信的云数据库实现数据的动态填充。

这里的动态填充是指:我们在没有服务器的情况下,如何再不更新版本的情况下更新数据呢?这就用到了小程序的云数据库。

实现过程如下:

  • 在确保打开云数据开发,然后在数据库中创建一张表格(集合),用于存放我们动态显示的数据。
    Android 开发者从0到1发布一个微信小程序的采坑过程——使用帮助页面_第3张图片

  • 在本地 js 中调用数据库的链接,取到数据后填充到页面上即可
    主要代码就下面这几行:

// 初始化数据库const db = wx.cloud.database();// 获取环境const testDB = wx.cloud.database({  env: '你的数据库环境名称'});// 表名const table_name = 'guide_info';Page({  /**   * 页面的初始数据   */  data: {    guide_infos:{}  },  /**   * 生命周期函数--监听页面加载   */  onLoad: function (options) {    var that = this;    db.collection(table_name).get({      success: function (res) {        // 从数据库获取描述数据        that.setData({          guide_infos: res.data        })                }    })  },

const testDB = wx.cloud.database({ env: '你的数据库环境名称' }); 这里填写你数据库的环境名称,云数据库中允许一个账号能创建两个环境,一个用于测试环境,一个用于生产环境。

const table_name = 'guide_info';这里是定义的表名

wxml 页面的显示就是一个for循环显示两行 text组件就行了。
这里也贴一下代码吧:

            {{item.title}}      {{item.content}}            

使用帮助页面实现的介绍就到这里了,有问题的欢迎一起交流。

欢迎老铁扫码体验一波(目前扫码出现可能是查快递页面,这是个人开发者绕过上线提交的页面,12月份会改为查开奖页面)

更多相关文章

  1. 作为一个IOS\android开发者,转行到RN的理由,包括学习路线
  2. 深入理解Android工程的编译过程
  3. 【5年Android从零复盘系列之五】关于页面布局控件开发总结
  4. Kivy A to Z -- Android apk的生成过程
  5. android页面全屏及状态栏和导航栏的(沉浸式)
  6. Android应用程序绑定服务(bindService)的过程
  7. Android入门-页面跳转
  8. android实现页面下方的Tab效果 .
  9. Android输入框弹出是否挤压页面的问题

随机推荐

  1. 神级Android大牛应该具备的27类技术知识
  2. Android(安卓)APP全方位性能调优之屏幕适
  3. 使用Qt开发Android应用程序(Qt on Android
  4. Android利用jsoup爬虫爬网页数据(二)
  5. 【移动开发】Android中将我们平时积累的
  6. 安卓TV开发(九) Android模拟事件 遥控器变
  7. Android(安卓)NDK开发技术与技巧总结与心
  8. 基于RecyclerView实现模仿IOS风格的滚轮
  9. Android(安卓)调用百度在线语音识别功能
  10. Android之点九图的制作及使用