首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

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

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

    29200

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

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

    1.9K30

    《仿盒马》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")

    26300

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

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

    1.7K30

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

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

    3.6K10

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

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

    3.6K30

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

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

    1.5K10

    纯血鸿蒙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

    84410

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

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

    1.7K100

    安卓天气预报app(四)——搜索城市、完善页面

    ✅简易的安卓天气app(一)——解析Json数据、数据类封装 ✅简易的安卓天气app(二)——适配器、每小时数据展示 ✅简易的安卓天气app(三)——城市管理、数据库操作 简易的安卓天气app(四)—...先获取到全国各个城市的信息,展示在搜索城市页面,方便查找。...第二层就是一个搜索框,使用到的是AutoCompleteTextView,带有提示信息的输入框,EditView也可以,右边搜索图标设置点击监听事件。...CityAdapter适配器: 前面文章提到过,略过过了就,, 指路==>适配器写法: 简易的安卓天气app(二)——适配器、每小时数据展示 根据目录适配器HourWeatherAdapter索引.../**也可以在此适配器添加点击事件,拿到天气,此方法前面文章(根据目录适配器AddCityAdapter索引)也提到过,此处略过/ SelectCityActivity.java 搜索框 搜索城市页面首先我们来设计搜索框输入文字提示框

    3.4K51

    如何快速爬取快手app短视频的搜索结果?

    很多网友做学术、写论文、或者从事自媒体运营,需要搜索一些快手app上的视频数据,但苦于一直没有合适的工具,手动复制往往毫无效率,今天小编就给大家介绍一个小工具,可以一键傻瓜式的就能将搜索结果导出来。...下面我们来看看这个小工具: 网站介绍:快手搜索采集助手_是一款可以按输入任意关键词采集视频搜索的结果的工具软件,软件简单易用,只需要在界面输入关键词及想要的搜索数量,软件即可自动进行抓取,并将结果导出到...image.png 快手搜索采集助手 界面 image.png 快手搜索采集助手 采集界面 我们来启动运行一下这个主程序。 界面简洁到令人发指。我们按提示输入一下关键词试试。...如果小伙伴是做学术、写论文、或者从事自媒体运营的,需要搜索一些快手app上的视频数据,那么这个软件还是值得推荐给大家使用的。...总结:这款按关键词搜索快手视频数据的软件,非常的简单易上手,没有任何的采集难度,而且采集出来的数据字段也是非常的丰富全面,很适合不懂爬虫的新手小白使用。

    3.2K20

    【小程序项目开发-- 京东商城】uni-app之自定义搜索组件(中)-- 搜索建议

    该文章收录专栏 ✨ 2022微信小程序京东商城实战 ✨ 专栏内容 ✨ 京东商城uni-app项目搭建 ✨ ✨ 京东商城uni-app 配置tabBar & 窗口样式 ✨ ✨ 京东商城uni-app...开发之分包配置 ✨ ✨ 京东商城uni-app开发之轮播图 ✨ ✨ 京东商城uni-app之分类导航区域 ✨ ✨ 京东商城uni-app 首页楼层商品 ✨ ✨ 京东商城uni-app 商品分类页面...(上) ✨ ✨ 京东商城uni-app 商品分类页面(下) ✨ ✨ 京东商城uni-app之自定义搜索组件(上) ✨ ✨ 京东商城uni-app之自定义搜索组件(中) ✨ 文章目录 一、...(每次编译即在该页面) 使用uni-app官方搜索组件可快速搭建 输入框 通过官方组件提供的搜索组件以及自定义结构如下 搜索页面时,搜索框自动获取焦点(可输入) 在官方组件源文件修改如下show , showsync属性为true(使其判断为真,焦点为真显示) 修改如下 注意(预览效果需要在真机上预览

    1.3K40

    uni-app实战之社区交友APP(8)搜索列表页和文章详情页开发

    文章目录 前言 一、搜索列表页开发 1.搜索类型传递和占位符设置 2.搜索功能实现 二、帖子详情页开发 1.pages.json配置和页面通信 2.公共列表组件功能优化 3.详情页关注和顶踩功能完善...4.帖子内容和图片展示 5.评论输入框组件开发和封装 6.评论列表组件开发 7.分享功能组件开发 总结 前言 本文先介绍了搜索结果页开发,包括搜索类型的传递、占位符设置和搜索功能实现; 再介绍了帖子详情页的开发...一、搜索列表页开发 首页有搜索帖子、动态页有搜索话题、消息页有搜索用户,因此需要实现搜索页。...可以看到,实现了根据不同的搜索类型显示不同的搜索内容。...() { this.shareText = 'uni-app可以同时发布成原生App、小程序、H5,邀请你一起体验!'

    3K50

    【小程序项目开发-- 京东商城】uni-app之自定义搜索组件(下) -- 搜索历史

    该文章收录专栏 ✨-- 2022微信小程序京东商城实战 --✨ 专栏内容 ✨-- 京东商城uni-app项目搭建 --✨ ✨-- 京东商城uni-app 配置tabBar & 窗口样式 -...-✨ ✨-- 京东商城uni-app开发之分包配置 --✨ ✨-- 京东商城uni-app开发之轮播图 --✨ ✨-- 京东商城uni-app之分类导航区域 --✨ ✨-- 京东商城uni-app...首页楼层商品 --✨ ✨-- 京东商城uni-app 商品分类页面(上) --✨ ✨-- 京东商城uni-app 商品分类页面(下) --✨ ✨-- 京东商城uni-app之自定义搜索组件(上)...--✨ ✨-- 京东商城uni-app之自定义搜索组件(中) --✨ 文章目录 一、搜索历史的基本结构 1.1 按需显示 二、处理历史搜索关键词 三、保存历史记录到本地 四、按下trash键清空历史...五、点击搜索历史跳转到商品详情页 六、search分支的提交 一、搜索历史的基本结构 在data 定义数据 存贮搜索历史 data() { return { // 输入数据

    1.1K40
    领券