关于收藏与取消收藏的动态页面设计以及bindtap传参数问题

本文探讨了动态页面中收藏与取消收藏的设计,重点在于如何通过bindtap事件与数据库交互并传递参数。作者原先使用navigator组件,但为符合用户习惯和界面美观,选择了使用weui弹窗。通过参考文章并采用bindtap的data属性成功解决了参数传递问题,实现了动态收藏功能。
摘要由CSDN通过智能技术生成

设计思路:
(1)数据库查询语句:参考thinkjs文档
(2)点击按钮后如何与数据库联通:
这个问题之前就存在过,就是怎么传参数的问题,之前我一直没有找到bindtap来传的方法,所以一直用的navigator,而且之前传参数确实使用navigator会好一下,因为要加载新的界面嘛。但是如果收藏界面也用navigator打开新界面的话就不太符合操作习惯了,而且可能新界面整个界面只有几个字也不好看。于是我想到了用小程序的弹出窗口来设计,发现有好多种的设计方法,按照习惯我还是直接选取了weui来进行弹出窗口的设计。但是传参数的这个问题还是没有解决。最后参考了这篇文章:这是超链接https://www.jianshu.com/p/6bcbbc985345。用bindtap的data-gid=’{ {item.gId}}'来传参数顺利的解决了这个问题
下面使核心的代码:
后台js文件:

async colladdAction(){
   
        let name=this.get("name");
        let info=this.get("info");
        think.logger.info(name);

        let model = this.model('entry_coll'
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值