12.26-2.7微信小程序开发经验

2024-04-25 08:32

本文主要是介绍12.26-2.7微信小程序开发经验,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

一丶上传数据后下拉框回显并点击可以显示第几个,什么意思?
在这里插入图片描述
这个回显后效果,话不多说。上代码
在这里插入图片描述
注意这个方法,是写在刚进页面就运行的方法里,并且是在setdata TODOlist1后调用的,那么我们来看看这个方法。
在这里插入图片描述
这个方法需要用到Todolist1,我们来看看Todolist1里面是些什么。
在这里插入图片描述
在这里插入图片描述
todolist里是刚进页面里的未巡检的数据,知道了todolist是些什么,那么我们来看第一段代码。在这里插入图片描述
先循环todolist,从循环的数据中查出大类这个字段的值,因为有两个大类的值,所以判断下,然后拼接字符串,用逗号隔开,然后使用substring 截取字符串,从第一个截取到最后一个,注意,substring截取需要使用变量接收下。
获取到截取后字符串,传入后台,根据后台查出的数据。
再次循环TodoList1,这里也是这个原因,防止有些数据为null,所有判断取出对应的值,那么我们来看看这个查出来的到底是什么?
在这里插入图片描述
在这里插入图片描述
查出的是map中key-value形式,key对应的是生产厂家,而value对应的是生产厂家下的型号,那么temp是什么呢,那肯定是key呀,通过key取出value,也就是型号
在这里插入图片描述
获得到temp,并通过temp去取出key下面的value,在赋值给tempArray,temparray是个数组了,在通过下面的判断,这个数组的长度大于0且第0个元素为请选择生产厂家,注意使用了取反,大于0取反就是不大于0,且第0个元素为请选择生产厂家,这两个必须同时满足2个才为True,我们来仔细想下,那种情况才会将入这个if里面,这个大于0,且第0个元素为请选择生产厂家,如果这个两个都满足,情况为,这里面大于0且第0个元素为请选择生产厂家,取反就是这两种都不是,则在数组的第一个位置插入“请选择生产厂家”unshift函数的意思在数组第0个位置插入元素。根据设备大类获取到了生产厂家,那么就要根据生产厂家获取型号了。上图
在这里插入图片描述
这张图片可以看到,我们在setdata sccjxcarray后调用 bindxhxcPickerChangeEcho,因为要根据生产厂家去查对应的型号,当然要在setdata后面调用它 ,我们来看看如何根据生产厂家获取型号
在这里插入图片描述

可以看到也是同样的操作,获取TOdolist1,循环获取设备大类丶生产厂家的值。在这里插入图片描述
然后拼接字符串,传入后台查出我们想要的数据。
在这里插入图片描述
在这里插入图片描述
特意将sccjxcarray的值截图下来,方便我们理解,可以看到sccjxcarray是个2位数组,数组的第0个又是一个数组,在看上面那张图,temp从todolist1中查出的是个下标,然后,重点来了,i是循环todolist1中的变量,为什么能够用到sccjxcarray中,我们看这张图
在这里插入图片描述
这是将查出生产厂家放到sccjxcarray中,这里面是循环查出 todolist2中的设备大类的值,将数据放到请求中查出的值,在将这个值赋给temparray,在将temparray push到sccjacarray中,我们在回到上面那张图,就能理解我们共用同一个变量i,获得到值后,最后xhxcarray也是一个数组。

上面是执行未巡检的下拉框的显示查询,在执行未巡检的下拉框显示查询后,在执行已巡检的下拉框的显示查询,话不多说 上图
在这里插入图片描述
这个方法是在查询完已巡检数据后,在查询下拉框的值,因为bindsccjxcPickerChangeEcho2需要用到Todolist2,Todolist2是查询到已巡检的数据setdata进去的。bindsccjxcPickerChangeEcho2与bindsccjxcPickerChangeEcho同理
获取型号也是同理,在获取生产厂家后获取型号,然后调用
在这里插入图片描述

这就是后台的运行过程,那么我们来看看前台是如何获取的数据的
在这里插入图片描述
sccjxcarray是个二维数组,看上图的{{sccjxcarray[index][ToDoList1[index].rxsccjxc]}} 就知道了

还有一个是动态生成首页UI
动态生成就是根据数据库中数据来动态生成,不过目前是我们写在一个数组中。
一丶首先我们看下动态生成的数组是如何写的
在这里插入图片描述
第一个name为ui下面的名字,ui为图标,url为跳转地址,badgeurl为获取角标的地址,获取角标的地址就是后台接口地址,badge为获取角标的方法,badgeparm为获取角标的参数 ,badgeNumber为角标长度(角标数字)
首先看这个页面的onshow方法,onshow是刚进页面执行,onload是加载页面执行,也是页面最开始执行的方法,那么我们来看看onshow方法
在这里插入图片描述

这个方法根据我们循环的这个数组,然后一个that去调用,前面的中括号是方法名,后面小括号是方法所需的参数,
在这里插入图片描述
在上面的调用中就多次调用这个方法,传入两个参数,一个下标,一个方法名在这里插入图片描述

传入name我们知道是为什么,根据传入的name去判断,再去调用对应的方法,那么index是干什么的在这里插入图片描述
根据传入的name调用相应的方法,index也一起传入,传入后,因为拥有角标的方法不止一个,当然用index(下标)去存入对应的属性中,这时badgeNumber就是角标属性,将查出的length存入对应的属性中,那么在后台就完成了动态生成菜单。那么在页面上我们只需要循环cdArray这个数组就可以了
在这里插入图片描述
还有一个就是页面跳转的问题,上图可以看到,url从数组中遍历的输出,那么,这就url就变动的。我们如何进行跳转呢
在这里插入图片描述
我们根据点击的url去动态的跳转

小程序中的双向数据绑定
来看个实例----输入框输入数据点击搜索
在这里插入图片描述
当我们输入数据后,使用model:value="{{XXX}}"直接绑定到后台,在这里插入图片描述
后台直接获取到这个zzbmc,我们来看看官方如何说这个
在这里插入图片描述

对比这种方法之前的做法太过于臃肿
在这里插入图片描述

之前是通过一个函数,通过函数将输入的值setdata中去
在这里插入图片描述
然后在使用this.data.xxx去获取值
在这里插入图片描述

这篇关于12.26-2.7微信小程序开发经验的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/934175

相关文章

Python基于微信OCR引擎实现高效图片文字识别

《Python基于微信OCR引擎实现高效图片文字识别》这篇文章主要为大家详细介绍了一款基于微信OCR引擎的图片文字识别桌面应用开发全过程,可以实现从图片拖拽识别到文字提取,感兴趣的小伙伴可以跟随小编一... 目录一、项目概述1.1 开发背景1.2 技术选型1.3 核心优势二、功能详解2.1 核心功能模块2.

如何基于Python开发一个微信自动化工具

《如何基于Python开发一个微信自动化工具》在当今数字化办公场景中,自动化工具已成为提升工作效率的利器,本文将深入剖析一个基于Python的微信自动化工具开发全过程,有需要的小伙伴可以了解下... 目录概述功能全景1. 核心功能模块2. 特色功能效果展示1. 主界面概览2. 定时任务配置3. 操作日志演示

Redis迷你版微信抢红包实战

《Redis迷你版微信抢红包实战》本文主要介绍了Redis迷你版微信抢红包实战... 目录1 思路分析1.1hCckRX 流程1.2 注意点①拆红包:二倍均值算法②发红包:list③抢红包&记录:hset2 代码实现2.1 拆红包splitRedPacket2.2 发红包sendRedPacket2.3 抢

SpringBoot后端实现小程序微信登录功能实现

《SpringBoot后端实现小程序微信登录功能实现》微信小程序登录是开发者通过微信提供的身份验证机制,获取用户唯一标识(openid)和会话密钥(session_key)的过程,这篇文章给大家介绍S... 目录SpringBoot实现微信小程序登录简介SpringBoot后端实现微信登录SpringBoo

Python实现微信自动锁定工具

《Python实现微信自动锁定工具》在数字化办公时代,微信已成为职场沟通的重要工具,但临时离开时忘记锁屏可能导致敏感信息泄露,下面我们就来看看如何使用Python打造一个微信自动锁定工具吧... 目录引言:当微信隐私遇到自动化守护效果展示核心功能全景图技术亮点深度解析1. 无操作检测引擎2. 微信路径智能获

SpringBoot实现微信小程序支付功能

《SpringBoot实现微信小程序支付功能》小程序支付功能已成为众多应用的核心需求之一,本文主要介绍了SpringBoot实现微信小程序支付功能,文中通过示例代码介绍的非常详细,对大家的学习或者工作... 目录一、引言二、准备工作(一)微信支付商户平台配置(二)Spring Boot项目搭建(三)配置文件

微信公众号脚本-获取热搜自动新建草稿并发布文章

《微信公众号脚本-获取热搜自动新建草稿并发布文章》本来想写一个自动化发布微信公众号的小绿书的脚本,但是微信公众号官网没有小绿书的接口,那就写一个获取热搜微信普通文章的脚本吧,:本文主要介绍微信公众... 目录介绍思路前期准备环境要求获取接口token获取热搜获取热搜数据下载热搜图片给图片加上标题文字上传图片

如何用java对接微信小程序下单后的发货接口

《如何用java对接微信小程序下单后的发货接口》:本文主要介绍在微信小程序后台实现发货通知的步骤,包括获取Access_token、使用RestTemplate调用发货接口、处理AccessTok... 目录配置参数 调用代码获取Access_token调用发货的接口类注意点总结配置参数 首先需要获取Ac

W外链微信推广短连接怎么做?

制作微信推广链接的难点分析 一、内容创作难度 制作微信推广链接时,首先需要创作有吸引力的内容。这不仅要求内容本身有趣、有价值,还要能够激起人们的分享欲望。对于许多企业和个人来说,尤其是那些缺乏创意和写作能力的人来说,这是制作微信推广链接的一大难点。 二、精准定位难度 微信用户群体庞大,不同用户的需求和兴趣各异。因此,制作推广链接时需要精准定位目标受众,以便更有效地吸引他们点击并分享链接

uniapp设置微信小程序的交互反馈

链接:uni.showToast(OBJECT) | uni-app官网 (dcloud.net.cn) 设置操作成功的弹窗: title是我们弹窗提示的文字 showToast是我们在加载的时候进入就会弹出的提示。 2.设置失败的提示窗口和标签 icon:'error'是设置我们失败的logo 设置的文字上限是7个文字,如果需要设置的提示文字过长就需要设置icon并给