微信小程序项目，实现图书搜索组件完善

完成了历史搜索和热门搜索之后，需要对用户输入的图书进行服务器的查询：

首先在search.js中定义一个函数，返回一个promise对象，用户获取用户查询出来的图书

用户除了自己输入以外，也可能通过点击历史记录或者热门搜索来进行搜索

由于之前在组件内部已经写好了向父组件传递的值的事件，直接在父组件bind:tapping即可

父组件绑定事件：

在组件的js中写onConfirm函数，这个函数接受两个事件，一个input的输入事件，一个点击tap的事件,在我的注释中有写明

最后在视图循环搜索出来的数据，并通过searching这个变量来控制搜索接过界面的显示与隐藏

到此基本功能已经实现：

接下来对搜索结果做优化，首先显示20条数据，然后用户把当前页面滑动到底部后接着加载数据

监听用户页面触底有两种方法：一种 scroll-view(小程序内置组件)一种page页面中的onReachBottom

在组件中不能使用页面的 onReachBottom，需要在页面中使用

把more传递给search组件

现在还需要对用户请求进行过滤，当已经获取到最后一条的时候不再向服务器发送请求吗，分析一下传递回来的数据，total代表总条数

转载于:https://www.cnblogs.com/rmty/p/10932656.html

微信小程序项目，实现图书搜索组件完善相关推荐

mpvue微信小程序下拉框搜索组件
初始下拉选择如(图一) 最终效果如(图二) 思路左边是输入框,可以进行模糊查询,右边图标进行选择(简单就是根据input输入值进行过滤) 具体代码 <template><div c ...
集易市场微信小程序项目
由一个团队共同打造一个为集美大学大学生服务的二手书交易平台文章目录前言一.技术栈二.发布流程 1.扫码isbn并获取检测 2.调用云函数添加书籍 3.微信支付总结前言本文主要介绍集易市场 ...
DAY10微信小程序项目开发技术总结
一.每日实习任务 1．网页基础知识(html,css,js) 今天老师为我们介绍讲解了网页基础知识(html,css,js).首先,我们安装了谷歌浏览器及sublime text.老师为我们介绍了ht ...
微信小程序开发教程！博卡君第二弹【微信小程序项目结构以及配置】
前面我们转了博卡君通宵吐血赶稿的微信小程序开发教程,当时只更新了两章,现在接着发布第三章:微信小程序项目结构以及配置,第四章:微信小程序首页面开发,以下是微信小程序教程找到创建的 demo 文件夹, ...
健康菜谱微信小程序+项目前后台源码（JavaSSM+Mysql）
博主介绍:✌在职Java研发工程师.专注于程序设计.源码分享.技术交流.专注于Java技术领域和毕业设计✌ 项目名称健康菜谱微信小程序+项目前后台源码(JavaSSM+Mysql) 视频效果 ht ...
视频教程-微信小程序项目实战之我画你猜视频课程-微信开发
微信小程序项目实战之我画你猜视频课程精通PHP软件开发和WEB前端开发技术,熟悉PHP.Java.Javascript.HTML等语言,熟悉HTTP协议及W3C相关互联网规范,曾在山西某知名公司担任 ...
手把手带你学习微信小程序 —— 项目实战篇
微信小程序项目实战篇 WeChat-applet 1.支付宝界面展示 2.微博发帖功能实现 3.时间格式化案例 4.微信红包界面展示 5.微信消息删除案例 6.微信icon 组件 6.1 支付成功界面 ...
4、微信小程序-项目配置
文章目录前言一.公共样式二.app全局配置 1.app.js 2.app.wxss 三.项目搭建目录前言我们在写一个微信小程序项目的时候,需要对项目进行一些基础配置,这些配置可以更加便捷地帮 ...
微信小程序简易搭建之框架/组件库
微信小程序简易搭建之框架/组件库 Vant weapp 下面看看如何导入 https://github.com/youzan/vant-weapp 使用教程: 1.下载后找到dist 2. 在你的项目 ...
视频教程-微信小程序项目-豆瓣评分-微信开发
微信小程序项目-豆瓣评分北京八维研修学院技术工程师,5年大型项目实战开发经验,3年授课经验. 孟宪杰 ¥68.00 立即订阅扫码下载「CSDN程序员学院APP」,1000+技术好课免费看 APP订 ...

微信小程序项目，实现图书搜索组件完善

微信小程序项目，实现图书搜索组件完善相关推荐

最新文章

热门文章