微信小程序云数据库传输视频数据(WXML页面)

           使用了微信小程序自产的云数据库近半年,有5GB的空间,和比较严格的用户权限系统。个人感觉是属于一个给小程序开发者测试线上数据传输使用的测试数据库,用作正式数据库并不实用,但是测试产品性能确十分在行。

            这里简单展示下,如何使用云数据库调用数据和生成页面,以及进行数据传输

            首先,生成基本的云数据库页面,集合名称为videodata,我们要调用如下页面的mp4文件:

       微信小程序云数据库传输视频数据(WXML页面)_第1张图片

          JS页面初始化

          app.js页面添加

             

          index.js页面进行初始化云数据库

         微信小程序云数据库传输视频数据(WXML页面)_第2张图片

         然后在index.js页面初始化data数据页面

          微信小程序云数据库传输视频数据(WXML页面)_第3张图片

         然后根据传输的options.id筛选数据,这里options.id=001,可以直接赋值,这里是上一个页面传输而来。这里要注意的设置数据的方式是res.data[0].videoUrl而不是res.data.videoUrl。这样就将云数据的数据下载下来加载在page({data:{videoUrl:'',...},})中了。

          微信小程序云数据库传输视频数据(WXML页面)_第4张图片

       

     进入index.wxml页面开始加载Page({data:{})中的数据就可以展示云数据中的信息和mp4文件。

      微信小程序云数据库传输视频数据(WXML页面)_第5张图片

    效果展示图,样式就不做了,主要是展示可以生成的云数据库数据传输:

    微信小程序云数据库传输视频数据(WXML页面)_第6张图片

     

 

你可能感兴趣的:(微信小程序)