微信小程序 - 搜索历史记录功能

最新推荐文章于 2024-03-26 13:58:05 发布
最新推荐文章于 2024-03-26 13:58:05 发布
阅读量607 收藏
点赞数
文章标签： 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TiCrystal/article/details/133368504
版权
小程序 专栏收录该内容
53 篇文章 3 订阅 ¥59.90 ¥99.00
订阅专栏
本文介绍了如何在微信小程序中实现搜索历史记录功能，包括创建页面结构、添加搜索历史记录数据以及显示页面的方法。示例代码展示了如何在用户搜索时更新数据，并通过wx.navigateTo或wx.redirectTo导航到历史记录页面。
摘要由CSDN通过智能技术生成

在微信小程序开发中，搜索历史记录功能是许多应用程序中常见的功能之一。通过搜索历史记录，用户可以方便地查看他们之前搜索过的内容，快速找到他们感兴趣的内容。本文将介绍如何在微信小程序中实现搜索历史记录功能，并提供相应的源代码示例。

实现搜索历史记录功能涉及以下几个步骤：

  1. 创建页面结构

首先，我们需要创建一个页面来展示搜索历史记录。在微信小程序的页面文件中，创建一个名为"searchHistory"的页面，并在对应的wxml文件中添加一个列表来展示搜索历史记录。示例代码如下：

<!-- searchHistory.wxml -->
<view>
  <view class
了解本专栏 订阅专栏 解锁全文
TiCrystal
关注
专栏目录
订阅专栏
微信小程序 - 最新详细实现搜索框+历史记录功能，每次搜索时都会留下历史记录并且支持一键清空（类似美团淘宝等平台的搜索框，点击进入一个新页面进行搜索并留下搜索记录功能），提供详细示例源码，一键复制！
王佳斌
09-10 1395
微信小程序，vue2，vue3，搜索历史，历史记录，搜索框下方的搜索记录，缓存，微信小程序实现搜索历史功能，前端如何实现搜索历史记录，实现搜索历史功能，搜索-历史记录，前端怎么如何实现搜索历史记录，搜索历史记录功能实现，搜索、历史记录功能简单实现，实现搜索商品和历史记录的功能，实现历史搜索，使用setStorageSync存储历史搜索记录，搜索页功能模块，实现搜索功能详细步骤前端开发，中实现搜索功能和历史记录，小程序浏览历史记录功能实现。使用localstorage完成历史搜索功能。详细实现搜索框+ 历史记
微信小程序 - 搜索历史记录功能（纯前端）
王佳斌
08-02 3425
微信小程序 - 搜索历史记录功能（纯前端实现），微信小程序实现搜索历史功能，搜索、历史记录功能简单实现，实现搜索商品和历史记录的功能，Wechat 实现历史搜索，微信小程序使用setStorageSync存储历史搜索记录，搜索页功能模块，微信小程序实现搜索功能详细步骤前端开发，微信小程序中实现搜索功能和历史记录，微信小程序浏览历史记录功能实现。vue、Wechat使用localstorage完成历史搜索功能。搜索-历史记录，前端怎么如何实现搜索历史记录，微信小程序搜索历史记录功能实现.......
微信小程序实现搜索历史功能
10-16
主要为大家详细介绍了微信小程序实现搜索历史功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
微信小程序实现历史搜索
最新发布
Wx001214的博客
03-26 435
x</text><text class="label" bind:tap="search">搜索
微信小程序实现历史搜索功能（h5同理）
aaa123aaasqw的博客
05-12 615
并将每次选择的数据移到数组的第一条。将数据存在storage中。
微信小程序—实现搜索功能，搜索历史记录功能
qq_38188228的博客
08-29 3933
本文主要基于微信小程序实现和uni-app实现搜索商品和历史记录的功能。 不详细介绍，主看代码注释即可！！ 1、搜索组件页面代码块 <template> <view> <!-- uni的搜索框 --> <view class="search-box"> <uni-search-bar @input="input" :radius="100" cancelButton="none"></uni-search-ba
微信小程序（三十四）搜索框-带历史记录
不起眼小菜菜的博客
02-05 1614
注释很详细，直接上代码……
微信小程序-仿喜马拉雅FM电台微信小程序
06-01
标题 "微信小程序-仿喜马拉雅FM电台微信小程序" 提示我们这个项目是关于创建一个类似于喜马拉雅FM的微信小程序。喜马拉雅FM是一款知名的在线音频分享平台，提供了丰富的有声书、音乐、新闻、课程等内容。因此，这个...
微信小程序-扫码借阅系统（完整带后台）小程序源码
06-17
微信小程序是一种轻量级的应用开发平台，由腾讯公司推出，主要针对移动设备用户，提供无需下载安装即可使用的便捷服务。本项目是“扫码借阅系统”的完整源码，包括后台管理系统，适合图书馆或书籍共享场景，用户通过...
微信小程序-点餐外卖小程序完整源码.zip
03-28
微信小程序是一种轻量级的应用开发平台，主要针对移动端，尤其是智能手机用户。它的出现使得开发者能够快速构建具有原生体验的应用程序，而无需通过应用商店进行分发，用户只需在微信内搜索或扫描二维码即可使用。这...
非常详细的小程序搜索历史功能
Chanyto的博客
06-17 1755
我们在进行一些项目开发时，很有可能会涉及到在搜索框中搜索某一个词条，从而进行相应的检索。在这里就会出现一个优化功能，我们在搜索后的某一个词条，我希望能够显示在历史记录中。这样一个小的tip，可以给用户带来更高的使用体验。历史记录并不会保存在后端，因为历史记录本身体积小，也为了方便对其操作，一般保存在本地中。小程序本地存储小程序本地取出搜索历史应该包含以下效果：1.空格无效2.存储词条3.删除词条4.获取词条。
小程序搜索功能并对搜索出的数据存储到历史记录
05-03
用户对搜索出来的list点击后,去到下一个页面,但是也会把当前数据在当前页面做成一个历史记录,如果点击历史对应的标签会,把带着当时存下来的Id跳到detail页面
微信小程序开发记录
FanJin的博客
12-10 250
关于其setData机制，如果真的是全局渲染，那么就真的性能低下，不知道官方是不是这么设计的。就不能局部渲染吗。这篇文章的想法和我很像：http://blog.csdn.net/u014559227/article/details/71514339 数据绑定，只能单向绑定数据。毕竟小程序还是太菜。 文档的完整性真是堪忧，比如getUserInfo这个API和对应的bindgetUserInfo回...
微信小程序开发记录（一）
EastWindInPavi的博客
05-21 190
微信小程序开发记录创建一个tabBar导航栏 创建一个tabBar导航栏 原因是我一开始以为需要在app.json的第一个page页面中使用tabBar。实际上是在app.json中直接使用tabBar就可以 这个组件的list中的第一个pagePath必须与pages中的第一个页面地址相同，否则不会显示该控件 ...
微信小程序开发记录总结
feiyu_may的博客
09-18 550
    微信小程序的简易教程请参考官方文档：     https://developers.weixin.qq.com/miniprogram/dev/index.html     这里只记录自己开发中遇到的一些问题及注意事项。     1、前端代码限制大小不超过2M     如果不是很复杂的项目，代码限制在2M内是可以的，在项目中比较占空间的是images文件夹下的图片，我们可以将较大的...
微信小程序实现历史搜索记录的本地储存和删除
热门推荐
weixin_41531446的博客
07-19 2万+
输入框和搜索按钮表单的wxml，没啥特别的，这里绑定了输入框的输入值，样式我就不放上来了 &lt;form class='searchForm' bindsubmit='searchSubmitFn'&gt; &lt;input value="{{searchValue}}" class='topInput' name='input'/&gt; &lt;butt...
微信小程序代码记录
zlart的博客
11-19 2047
分享wxml-- 自定义弹出窗口-底部弹出 -->分享到微信好友生成海报取消
微信小程序 - icemusic
10-26
总的来说，icemusic是一款功能全面、操作简便的微信小程序音乐播放器。它提供了大量优质的音乐资源，帮助用户享受音乐的乐趣。无论是在家还是在旅途中，用户都可以通过icemusic随时随地欣赏自己喜欢的音乐。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值