首页
学习
活动
专区
圈层
工具
发布

《仿盒马》app开发技术分享-- 商品搜索页(搜索记录&商品搜索)(38)

## 技术栈Appgallery connect## 开发准备上一节我们新建了商品搜索页,实现了顶部的搜索bar以及下方的推荐搜索列表,这一节我们要新增一个商品搜索记录列表,以及输入内容之后搜索出对应商品的功能...,我们还需要保证搜索内容的唯一性,以及搜索记录的本地数据持久化和搜索记录列表的删除## 功能分析商品搜索记录列表,我们可以通过保存输入的搜索内容到用户首选项中实现。...搜索记录的唯一性是当我们搜索相同的内容,只会产生一条记录,只需要在添加数据的时候进行一次过滤,搜索记录的删除我们通过弹窗来实现,调用封装好的删除方法,根据key删除对应的存储记录## 代码实现首先实现存储搜索的内容...({left:10}) Blank() Column() { Image($r('app.media.cart...({left:10}) Blank() Column() { Image($r('app.media.cart

5500

《仿盒马》app开发技术分享-- 商品搜索页(顶部搜索bar&热门搜索)(37)

## 技术栈Appgallery connect## 开发准备随着开发功能的逐渐深入,我们的应用逐渐趋于完善,现在我们需要继续在首页给没有使用按钮以及组件添加对应的功能,这一节我们要实现的功能是商品搜索页面...,这个页面我们从上到下开始实现功能,首先就是一个搜索的bar,然后是一个系统推荐的热门搜索列表。...## 功能分析要实现顶部的搜索bar其实还是非常简单的,我们只需要使用对应的row布局去填充对应的组件,然后根据输入状态来实现对应组建的展示和隐藏即可,热门搜索列表我们需要在云端新建对应的表,填充数据后...false @State isSearch:boolean=false @State columns: number = 2```实现布局```c Row(){ Image($r('app.media.left_back...```c Text("热门搜索") .width('100%') .fontSize(16) .fontColor("#000000")

3200
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    百度推出人工智能搜索APP“简单搜索”

    在“人工智能:AI 生态 加速未来”的高端对话中,李彦宏发表了“为了一个更美好的 AI 时代”为主题的演讲,其中提到百度推出了新的“简单搜索”App。 ?...搜索“感冒头疼”时,出现的搜索结果 “简单搜索”在搜索结果中没有任何广告。你还可以在“设置-广告屏蔽”中开启“手动屏蔽广告”功能,再遇到广告时,就可以长按网页手动将广告屏蔽。 ?...标准模式下搜索“小猪佩奇”,搜索结果会出现“小猪佩奇社会人是什么梗”这样的结果,而儿童搜索则会展现更适合儿童观看的内容。 ?...左:标准搜索模式,右:儿童搜索模式 简单搜索专门定制“少儿搜索模式”,也可以手动开启。...只要打开“简单搜索 App”,点击右下角出现扩展菜单,找到“设置-切换 App 版本”,再点击少儿版,搜索结果就会过滤大部分少儿不宜的词汇和露骨内容。 ?

    1.4K30

    通过苹果APP Store站内搜索故障 来告诉你站内搜索水有多深

    苹果APP Store站内搜索故障犹如洪水猛兽,来势汹汹,多款应用疑似下架,但一家欢喜一家愁,腾讯系列应用等知名产品搜索关键词覆盖数急速下降,但带来了一批新型产品的关键词覆盖数提高,苹果站内搜索到底怎么了...当有搜索框时,用户的注意力会集中在搜索的内容上,很少关心网站搜索引擎的搜索结果是否令人满意。只有在搜索不到想要的结果时才会吐槽一下网站的搜索引擎。...相关搜索词推荐 相关搜索词推荐即当用户输入一个搜索词时,系统推荐与当前搜索词相关的其他搜索词,帮助用户进行联想式查询。...对于运营商开发者来说,提高用户粘性是很重要的指标,如若没有自已的研发团队,为了节省机器成本、开发成本,企业网站可选择安全可靠的第三方帮助其开发运营,第三方对应用方各平台一键安全对接,如PC、M站、Android APP...、IOS APP的搜索数据进行全面深入的统计分析,并以简单直观的方式在第三方平台上展现,方便应用方随时了解搜索服务的使用情况和效果,帮助应用方了解搜索功能在不同平台的使用情况。

    1.3K100

    纯血鸿蒙APP实战开发——搜索功能实现案例

    介绍本示例介绍使用includes方法对数据实现模糊查询效果图预览使用说明点击首页搜索框跳转到搜索页面在搜索页面输入框中输入搜索的内容,下方列表自动根据搜索的内容进行筛选渲染点击筛选后的列表跳转到相应的页面跳转后会保存搜索历史...,搜索历史使用持久化存储处理退出应用再次进入依旧存在点击搜索历史可以跳转到相应页面实现思路通过include方法判读是否存在符合条件的数据。...searchHistoryData') searchHistoryData: ListData[] = [] ListItem() { Column() { Row() { Image($r('app.media.search...')) .width($r('app.string.search_list_image_width')) Text(item.name) .fontSize...($r('app.string.search_history_font_size2')) .margin({ left: $r('app.string.search_history_text_padding_margin2

    27510

    Android 天气APP(二十八)地图搜索定位

    } return false; } }); 这里其实就是对输入法简单的回车按钮的监听,这也是现在很多app...的通用做法,不需要再自己去写一个搜索按钮来控制,而使用输入法的回车键作为搜索按钮,那么是怎么改的呢?...这里我还多加了一个关闭搜索布局的方法代码。来运行一下吧。 ? 你以为这就完了吗?当然没有!我真是猜不透我自己啊!哈哈哈哈!...展开这里稍微讲解一下,因为展开的时候我并不知道你的搜索布局是否展开,所以加了一个判断,如果你的搜索布局是展开的,那么先收缩的搜索布局,再隐藏的搜索布局,这里新开了一个延时线程,500毫秒后执行隐藏动画,...因为搜索布局收缩的过渡动画设置的时间就是500毫秒,这样就能做到无缝连接了,有没有恍然不明白的感觉啊?同样,如果底部布局展开时,搜索布局没有展开则直接隐藏即可。那么再来运行一下看看效果如何?

    1.1K10

    uni-app搜索历史记录功能实现

    H5 商品和店铺搜索的时候,有一个搜索历史记录功能。但是测试时发现历史记录中的关键词,再次搜索时不能跳转。...检查了一下代码,在触发搜索的时候,会去一下缓存中的数组,如果搜索关键词在数组中有的就直接 return 了。...于是我就改造,重写了一下: searchStart: function () {   let _this = this;   if (_this.searchText == '') {//搜索关键词为空...      }     })   } } 这样可以在搜索的时候查一下缓存,如果有重复,就删除原数组中的该关键词,然后添加到数组的开头。...然后删除数组第6个以后的元素(保留6条搜索历史),存入缓存,跳转搜索。 这样就可以实现搜索历史记录功能了,如果有更好的方法或者建议,可以在下方评论区指出。

    3.2K30

    谷歌高级搜索技巧_谷歌搜索app技巧

    就像掌握快捷键可以大大提高开发速度,有一些命令也能将你的谷歌搜索技巧上升到一个新的台阶。 以下罗列一些可以帮助到开发者的搜索命令。...比如在查找异常字符串时,你明确地需要搜索这种异常而不是其他,这么做可以砍掉搜索结果中大部分的无用内容。...举例 IntelliJ shortcuts filetype:PDF 站内搜索 我经常会发现,在一个没有站内搜索的网站或论坛搜索想要的东西是一件很费时的事,幸运的是,Google可以帮你解决这个问题...直接从Chrome搜索框搜索一个网站的内容 Chrome支持自定义搜索引擎,这点很有用,尤其当你经常在一个特定的网站搜索时,比如StackOverflow。...在第一栏中填入搜索引擎的名称,如Stack Overflow,在第二栏中填入网址,如:stackoverflow.com,第三栏中填入搜索引擎的地址,并用%s代替搜索字词。

    1.9K20

    uni-app实战之社区交友APP(5)搜索和发布页开发

    文章目录 前言 一、搜索页开发 1.搜索页面搭建 2.搜索结果显示和优化 二、发布页开发 1.自定义导航栏开发 2.文本域组件使用 3.底部操作条组件开发 4.多图上传功能开发 5.删除选中图片功能实现...6.保存草稿功能开发 总结 前言 本文先介绍了搜索页的开发,包括页面的搭建(搜索框、搜索历史和搜索结果)和搜索逻辑的优化; 再重点介绍了发布页的开发:自定义导航栏的实现,文本输入框的实现,底部操作条图标和按钮的实现...一、搜索页开发 1.搜索页面搭建 搜索页可以根据关键字搜索。...可以看到,点击搜索栏,跳转到了搜索页。 现进一步完成搜索历史,search.vue如下: 搜索历史进行搜索。

    2.9K10

    腾讯云短信套餐优惠活动价格

    腾讯云短信息套餐包优惠活动开始了 腾讯云短信99%到达率,支持大容量、高并发处理,自购买之日起两年内有效。(因腾讯云短信优惠活动,价格有时会有变动。...具体实际价格以腾讯云短信显示的价格为准) 腾讯云短信优惠活动地址点击打开 短信优惠活动分为1万条(8.7折优惠),10万条(8.3折优惠),50万条(8.2折优惠),100万条(7.8折优惠),300万条...腾讯云最新优惠活动点击查询 实时更新腾讯云最新优惠活动 image.png 腾讯云短信服务共分为国内短信,语音短信和国际短信,无论你的客户在国内,还是国外,或者需要语音短信,腾讯云短信均可以做到。...现在腾讯云短信优惠活动正在进行中,需要短信业务的不要错过了这次优惠活动哦。 来源 http://www.liuyyy111.cn/tx/6.html

    49.3K00

    app里的搜索提示是如何实现的?

    咱就是说:我们在浏览器或者app里搜索的时候 为什么我只输入了一两个字,下面就已经给我罗列出来我想搜的具体内容了 "搜索"就是"问问题" 其实"搜索"对应现实场景就是"问问题" 这个过程就像是:...其实大脑的思考过程和app的思考逻辑是一样的, 我们来具体探寻一下!...关键词 我们每个人使用app时的搜索需求都是不同的,比如购物app,每个人想买的东西都不一样, 这个时候app会定时统计每个用户发送过的搜索内容并生成一个"关键词库": 列出来 年底将至,我们就以"...排序 经过上一步"列出来"之后,由于数据过多,app还需要将数据重新排序,并选择排名靠前的数据作为最后的"搜索提示"结果来展示给用户。...你可以简单的这样理解:按照关键词的搜索频率排序,频率越高越靠前: 排好序之后靠前的数据就是我们最终看到的"搜索提示"啦!

    1.2K30

    新用户可以享受哪些腾讯云优惠活动?腾讯云优惠活动全知道

    腾讯云为扩大市场占有率,对用户的优惠力度也是史无前例的,优其是新用户,下面我们就来看看,腾讯云最新的优惠活动有哪些: 腾讯云优惠活动第一发: 这一波优惠是针对腾讯云新用户来的,新用户们要记得,这是一个超级大额代金券...,有效期限是30天,所以领完券记得及时使用哦,新客户无门槛领取总价值高达2775元代金券,每种代金券限量500张,先到先得:点我进入领券地址 新手礼包560x300.jpg 腾讯云优惠活动第二发: 腾讯云服务器比起其它云平台...腾讯云还有AMD的处理器CPU服务器,这对于AMD爱好者来说是很重要的,国内首家采用 amd EPYC™霄龙处理器的实例,业界领先的性价比,0.57元/天起:点我进入活动地址 500x300.jpg 腾讯云优惠活动第三发...: 如何快速低成本搭建网站,助力日PV1-100万网站部署,腾讯云网站解决方案帮您轻松应对建站成本高/网络不稳等常见问题,网站解决方案-3折特惠:点我进入活动地址 560x300.jpg 腾讯云优惠活动第四发

    18.7K30
    领券