html制作网页案例代码

2020-12-29 10:45

html制作网页案例代码:微信小程序云开发读取数据库集合,显示到前端页面

       开发一个小程序时,需要使用云开发的数据库,然……这是一个很“悲惨”故事。

      不知什么原因Page里的生命周期函数onload()等函数一直无效,感觉是因为用了Component的原因,导致里面的Page周期函数都失效了。

      中间省略很多很多次尝试…………

      无奈之下,只能“曲线救国”,定义了一个全局变量,写在Page页的最前面,很快的数据库的集合能够调用了,还没高兴完,发现数据库的数据是获取了,但是用不了呀,Page定义的data在Page里面,在外面赋不了值,但是到里面又获取不了数据库的集合,心塞呀……this.setData()又一直不能赋值。

       最终万般尝试之下,发现还是能够解决的,下面将解决过程简单记录一下,仅供参考(默默感慨一下,微信小程序开发工具是真的该开发下一版了,原来是一个域名半天搞不定,现在又数据库………)

一、在 app.js 中设定全局变量

globalData:{
 ne:[
 test: ggggggggggg 
 }

二、在需要使用数据库数据的 js 页面( xxx.js )中加载数据库数据

//获取应用实例
const app = getApp()
// 初始化 cloud
wx.cloud.init();
//1、引用数据库
const db = wx.cloud.database({
 //这个是环境ID,不是环境名称
 env: 'xxxxxx'
//2、开始查询数据了 yyyyy对应的是集合的名称
db.collection('yyyyy').get({
 //如果查询成功的话
 success(res) {
 //将获得的数据集加入到原来的数据集中
 app.globalData.ne.push(res.data)
 //调试一下,是否加入
 //这里需要多多注意一下,数据加入后都是在下标1里面的
 console.log(app.globalData.ne)
Page({
 * 页面的初始数据
 data: {
 //这里可以直接用全局变量赋值
 ne: app.globalData.ne
 //…………其他各个函数
})

三、在对应 wxml 页面中使用获取到的数据

 view 
 view wx:for='{{ne[1]}}' wx:key='{{index}}' 
 text {{item.test}}\n /text 
 text {{item.test2}} /text 
 /view 
 /view 

注意 wx:for 那里要写个 [1] ,之后调用就是一般的for循环与数组之间的关系,按照这里的示例是可以全部调用的,循环调用,如果需要调用指定个数或者内容可以自己再研究下,这个应该不是难点。

四、附数据库数据存储

 


本小节我们将手把手讲解小程序的数据库应该如何设计  小程序的云数据库是非关系型数据库,和我们上一节介绍的关系型数据库具有一点差异,云数据库中有三个概念,集合、记录和字段。云数据库中的集合collection对应关系型数据库中的表table;云数据库中的记录record对应关系型数据库中的行row;云数据库中字段field对应关系型数据库中的列colum...


序 大概在2018年8月份,突发的一个想法就是接触下微信小程序来练练手,虽说这个时间点微信小程序已经很火了,但想想古人说的话: 整就中咧,干就完啦 。所以还是坚持走一遍,建一个自己的处女版微信小程序--------必背诗(孪生篇:我的成语库)。 思路 巧合得是,刚好手头有一部分的古诗资源(前期只是娃娃学校要求背诵的136首古诗,word格式:题目、作者、朝代、诗词内容。Wo...


在上一节我们介绍了下怎么使用云存储来存储我们需要的数据,接下来这节也是我们在实际开发比较重要的东西数据库,首先数据库当然是我们要显示在前端界面上的内容,如果要使用云存储+云数据库该如何操作呢,下面我来详细为大家介绍下具体流程 【步骤】 首先我们打开云开发然后点击数据库,自己在数据库这里新建一个集合(我的建的集合叫做videos),如下 首先tempFileURL是我们在云存储里面保存的数据...


官方文档解读: wxml: js: 效果如下: http://recordit.co/NUyzs7XneE 原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1 90后前端妹子,爱编程,爱运营,爱折腾。 坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家加入群聊,一起探讨交流。...


官方文档解读: wxml: js: http://recordit.co/vIBopA6jjo 当数据库里面有记录的时候 先添加再删除的情况 界面里点击添加之后,打开云开发控制台,查看数据库栏目,会发现多出来一条记录,执行删除语句之后,再次打开云开发控制台,那条语句会被删除。 http://recordit.co/B9t7yTqaCW B9t7yTqaCW.gif wxml: js: 原文作者:祈...


数据库的引用 在对数据库进行操作之前,要先获得数据库的引用。 可以引用三个层次:数据库、集合、记录。 插入数据 在获取数据库引用之后,我们就可以向里面插入数据。 插入数据的函数是add,add是在collection层次上的函数。 集合data表示向里面添加的数据。 回调风格包含三个参数success、fail、complete。分别表示:成功回调、失败回调、结束回调(成功与否都会执行)。 suc...


今天升级1.0.2版本时,发现问题: 商户无法更新客户的订单状态,这是由于我的订单数据库权限目前开放为 可以看到,小程序端仅可以读, 1.自定义权限 我这里先想起了之前学习时看到的数据库自定义权限,然而我这里并没有网上他们的第五个选项-自定义,所以不行。若有自定义权限可以考虑采用。 2.云函数 然后我找到关键词-小程序端,想到云开发环境是和小程序端隔离的,因此想到先完成自己之前想要做的云函数,先上...


微信小程序云开发数据库权限的问题 问题描述 涉及到数据库的读写的时候,开发者的开发者工具、真机测试均无问题,但是线上版本、其他开发者、体验者的版本却打不开。 问题解决 原因是,新建的微信小程序云开发中的数据库,其初始权限是 仅创建者可读写 ,如果某些关键数据是其中一个开发者创建的,那么其他开发者、普通用户等均访问不到。 因此,每次开发新的小程序的时候,如果涉及到云开发的数据库,...


首先,要使用小程序的云开发需先在app.js中进行云开发的初始化(前前提是你新建小程序项目时要使用自己的AppID,不能使用测试号创建,并且你开通了小程序的云开发) 查看小程序的官方文档(可在小程序开发者工具,菜单栏 帮助 中直接打开开发者文档)找到云开发初始化示例 将示例代码复制到app.js的onLaunch方法中 在打开的云开发控制台中点击设置,复制自己的环境ID给e...


搭建Django框架的时候遇到这样的一个报错 报错信息 C:\workspace\anconda\lib\site-packages\django\db\models\base.py:299: RuntimeWarning: Model fokinApp.wptermtaxonomy was already registered. Reloading models is...



扫描二维码分享到微信

在线咨询
联系电话

020-66889888