拼场功能的实现与错误

news/2024/7/20 1:08:42 标签: html, 前端, 小程序, 微信小程序

20220508答辩结束,希望不要二辩。

新写的云函数打印出来的数据是空的,云端测试是获取成功数据的。这两个key值我是根据联合查询的连接字段写上去的,本来只是试试,没想到成功了。
在这里插入图片描述
在这里插入图片描述
云函数的测试成功了,证明不是云函数的问题,但是我在页面上始终获取不到值,改用直接查询数据库之后发现,应该是我的字段不匹配,openid对应的我的join数据库的字段应该是fa_openid,果然改了之后就有pcxx了。
在这里插入图片描述
获取到pcxx之后界面不显示,数据已经打印出来了,还是报错
查了一下资料小程序调式输出错误:cannot read property‘0‘ of undefined
在这里插入图片描述
没什么关系,但是看了这个文档,突然发现我写错了,把list写成了data,怪不得会报错。改完之后就显示值了。
有一个问题是所有的预约信息都会展示在界面上,而我只想要参与拼场的预约信息,我加了wx:if的限制条件,但是一直不成功。。。后来发现是我只加了一个中括号,应该是两个中括号。。。。
在这里插入图片描述

同样的代码,为什么上面的场地信息就能循环一次,而拼场宣言会循环两次。。。。
在这里插入图片描述
然后对比了好几次wdyy界面的内容,终于发现了有个两个循环都定义了item,然后试着定义了一下,把pcxx都改成item1了,而且我发现使用了item1我就不用写数组,不像pcxx[0]还只能循环第一个pcxx的第一个宣言。
在这里插入图片描述
想要根据不同的情况显示样式,当用户刚确定需要拼场时,在参与拼场界面辅助操作栏显示的按钮是“参与拼场”,有用户点击“参与拼场”按钮之后可以显示为“拼场成功”,之后再点击“拼场成功”会显示不能重复拼场。查阅资料:
微信小程序使用三目运算
微信小程序中三目运算符的嵌套使用
前端加了限制但还是不太理解,明明想要的是它的值为空的时候就显示“参与拼场”,但是是不为空的时候才显示参与拼场??
在这里插入图片描述
换了一种写法,也是不行,都只能显示一个
在这里插入图片描述
可真难啊
在这里插入图片描述
难道是因为这些字段在后台都是布尔值,在数据库中就是number类型,但是前面的签到状态这些也是怎么写的啊,我不理解。。。。
或许是不能在一个页面里实现吧,误打误撞。。
在我的预约界面,前端加了这个控制
在这里插入图片描述
在这里插入图片描述
所以我不理解为什么拼场的不能。。。。
累了,先暂时这样子吧。

云函数要放在onload里面,否则会报这个错误
TypeError: Cannot read property ‘setData‘ of undefined

微信开发者工具进行真机演示突然报错
在这里插入图片描述
微信开发者工具真机调试状态下报:ReferenceError: define is not defined
更新开发者工具版本即可。
版本更新之后老是出现渲染层错误。。
在这里插入图片描述
烦人。
20220504
前段时间一直写论文忙着查重,很久没登陆系统,今天上来发现没有这些渲染错误了。


http://www.niftyadmin.cn/n/927507.html

相关文章

场地预约管理微信小程序开发过程中的错误记录

2022.05.08答辩结束,希望一辩通过! 前言 这篇文章是参考b站up主的图书馆预约小程序写的。 up主B站主页 欢迎各位去看一下。 一、获取到用户信息但是页面上没有显示 (1)原因:在前端wxml页面没有进行数据绑定&#x…

实现死锁检测

根据百度百科对于死锁的定义: 死锁是指两个或两个以上的进程在执行过程中,由于竞争资源或者由于彼此通信而造成的阻塞的现象,若无外力作用,它们都将无法推进下去。此时称系统处于死锁状态或系统产生了死锁,这些永远在互相等待的进…

初识GoogleTest

1 初识GoogleTest 首先要了解googletest是做什么的,主要是单元测试框架。第二是googletest有什么优势: 测试过程独立可以重复;测试组织与代码结构保持比较好的一致性;支持跨平台;失败后能够提供完整错误信息&#xf…

1.Nginx安装和配置

Ubuntu18.04 Nginx安装和配置 1 源码下载: 具体最新版本见:http://nginx.org/en/download.html wget http://nginx.org/download/nginx-1.21.1.tar.gz 2 解压安装 下载源码后,直接进入nginx根目录进行编译安装,整个过程比较顺利没有报错 tar -zxvf nginx-1.21.1.tar.gz cd n…

Tars为服务学习之一:环境搭建

1 概述 最近学习腾讯tars服务器开发,这一篇文章主要基于腾讯官方文档,在Ubuntu18.04下安装tars服务。官方文档:https://tarscloud.github.io/TarsDocs/installation/source.html 2 依赖环境 软件 软件要求 软件软件要求linux内核版本:2.6…

TFTP使用

今天虚拟机崩了,smb服务器映射,U盘挂载全部失效,所幸网络还可以用,赶紧备份文件;利用TFTP工具进行备份。 1 TFTP命令 这里系统自带的是命令行操作 connect:连接到远程tftp服务器 mode:文件传输…

RTSP支持MPEG-4格式监控

RTSP支持MPEG-4格式监控1 前沿2 RTSP客户端支持MPEG42.1 rtsp协议支持2.2 MPEG-4头部解析3 解码渲染1 前沿 基本定义:MPEG-4 标准是一种基于对象的编解码方式,它以帧重建技术为基础实现了影像压缩。 技术要点:MPEG-4第二代的视频编码技术&a…

MPEG-4解码

MPEG-4解码实现1 源码下载2 交叉编译2.1 解压2.2 首次编译2.3 交叉编译3 解码实现3.2 释放操作3.3 解码过程1 源码下载 源码下载路径基于github开源库最新的release版本:1.3.7 https://github.com/ShiftMediaProject/xvid 2 交叉编译 2.1 解压 tar -xvf xvid-rele…