文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

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

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

19100

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

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

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

    64510

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

    文章目录 前言 一、搜索页开发 1.搜索页面搭建 2.搜索结果显示和优化 二、发布页开发 1.自定义导航栏开发 2.文本域组件使用 3.底部操作条组件开发 4.多图上传功能开发 5.删除选中图片功能实现...6.保存草稿功能开发 总结 前言 本文先介绍了搜索页的开发，包括页面的搭建（搜索框、搜索历史和搜索结果）和搜索逻辑的优化； 再重点介绍了发布页的开发：自定义导航栏的实现，文本输入框的实现，底部操作条图标和按钮的实现...一、搜索页开发 1.搜索页面搭建 搜索页可以根据关键字搜索。...4.多图上传功能开发 uni-app官方模板hello_uniapp项目提供了多图上传接口，位于pages/API/image目录下，可以将image.vue拷贝到components/common下并重命名为...总结 首页导航栏的实现主要包括搜索页和贴子发布页的实现，这是开发的基础功能搜索页展示话题和帖子、发布页发布帖子，也包含了很多功能细节，需要一一实现。

    3.3K10

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

    就像掌握快捷键可以大大提高开发速度，有一些命令也能将你的谷歌搜索技巧上升到一个新的台阶。 以下罗列一些可以帮助到开发者的搜索命令。...精确查找 如果你用引号将搜索内容的一部分或者全部框起来，Google就会精确查找这部分短语，而不像平常一样，单独地匹配各个单词，这应该是谷歌最常见搜索技巧之一，但对开发者来说尤其有用。...比如在查找异常字符串时，你明确地需要搜索这种异常而不是其他，这么做可以砍掉搜索结果中大部分的无用内容。...直接从Chrome搜索框搜索一个网站的内容 Chrome支持自定义搜索引擎，这点很有用，尤其当你经常在一个特定的网站搜索时，比如StackOverflow。...在第一栏中填入搜索引擎的名称，如Stack Overflow，在第二栏中填入网址，如：stackoverflow.com，第三栏中填入搜索引擎的地址，并用%s代替搜索字词。

    2.4K20

    移动app开发流程，app开发步骤

    个人github：https://github.com/qiilee 欢迎follow 移动app开发流程，app开发步骤 app是手机软件的简称。...一款好的app需要哪些步骤？ 移动应用开发步骤1. 规划应用UI 移动应用开发步骤2. 设计数据操作与存储 移动应用开发步骤3. 跳转多页面实现 移动应用开发步骤4....功能开发： 产品经理协同主工程师，基于APP界面设计方案，形成程序架构设计方案，并有工程师团队进行开发，完成产品设计。...经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询 开发app项目的步骤 据北京APP开发公司东方爱智总结得出：一个完整的app开发过程要经过合同的签订→项目启动→建立产品原型...这就是一个完整的app开发过程 App的开发是一个不断和客户沟通和推敲的过程。首先，如果要做一款app，必须要前期进行沟通，初步表明此款app要实现的效果，属于哪个类型的app。

    4.5K20

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

    该文章收录专栏 ✨ 2022微信小程序京东商城实战 ✨ 专栏内容 ✨ 京东商城uni-app项目搭建 ✨ ✨ 京东商城uni-app 配置tabBar & 窗口样式 ✨ ✨ 京东商城uni-app...开发之分包配置 ✨ ✨ 京东商城uni-app开发之轮播图 ✨ ✨ 京东商城uni-app之分类导航区域 ✨ ✨ 京东商城uni-app 首页楼层商品 ✨ ✨ 京东商城uni-app 商品分类页面...（上） ✨ ✨ 京东商城uni-app 商品分类页面（下） ✨ ✨ 京东商城uni-app之自定义搜索组件（上） ✨ ✨ 京东商城uni-app之自定义搜索组件（中） ✨ 文章目录 一、...渲染UI结构 二、 input事件处理 三、搜索框自动获取焦点 四、防抖处理 五、根据关键词查询搜索建议列表 5.1 数据请求 5.2 渲染UI结构 5.3 点击建议跳转详情页 一、 渲染UI结构 可在开发工具中添加该页面编译模式...（每次编译即在该页面） 使用uni-app官方搜索组件可快速搭建 输入框 通过官方组件提供的搜索组件以及自定义结构如下 <uni-search-bar :radius="100" @input="

    1.2K40

    【小程序项目开发-- 京东商城】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键清空历史...提交到暂存区 git commit -m "完成了search的开发" 提交到本地仓库 git push origin -u search 提交到远程仓库的search分支 git checkout master

    94740

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

    文章目录 前言 一、搜索列表页开发 1.搜索类型传递和占位符设置 2.搜索功能实现 二、帖子详情页开发 1.pages.json配置和页面通信 2.公共列表组件功能优化 3.详情页关注和顶踩功能完善...4.帖子内容和图片展示 5.评论输入框组件开发和封装 6.评论列表组件开发 7.分享功能组件开发 总结 前言 本文先介绍了搜索结果页开发，包括搜索类型的传递、占位符设置和搜索功能实现； 再介绍了帖子详情页的开发...一、搜索列表页开发 首页有搜索帖子、动态页有搜索话题、消息页有搜索用户，因此需要实现搜索页。...在进行uni-app开发之前需要先搭建环境，下载并安装HBuilderX、微信开发者工具；新建项目时选择类型，创建之后会自动生成项目的默认目录，可以通过多种方式编译运行。...6.评论列表组件开发 评论列表组件使用uni-app官方提供的模板，如下： <!

    2.7K50

    前端APP开发

    移动端APP开发方式概述 按照开发分类，大致可以分为下面这三种： 1、WebApp WebApp开发，严格来说并不是一个APP软件，只是一个Web型的微网站。市面上也被叫做H5应用程序 。...虽然开发人员单单使用HTML5和JavaScript就能构建功能复杂的应用程序，但仍然存在一些重大的局限性，具体包括会话管理、安全离线存储以及访问原生设备功能等。 将我们写的页面，封装成一个App。...写页面的方式来开发App（APIClound）。 优点：开发时间短、兼容性强、方便系统移植。 缺点：必须有网络的支持，用户体验相对差，对于手机的一些原生底层功能不能实现。...优点：原生App、用户体验非常好、可以调用手机的底层组件。 缺点：开发时间长、兼容性差、必须掌握Java等编程语言。...3、HybridApp（混合式App开发） 介于WebApp和NativeApp这两者之间的App，开发时间短、成本低、用户体验度好，可以调用手机底层组件，方便移植，是目前及未来App开发的流程趋势。

    2.5K40

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

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

    1.7K30

    小程序搜索功能，云开发搜索，小程序云开发模糊搜索，同时搜索多个字段

    今天来给大家讲讲小程序的搜索功能。我这里后台数据库用的是小程序云开发的云数据库。所以我们搜索的时候就要借助云开发来实现。 一，需求 比如我这里有如下的一些数据 ?...我们想实现如下搜索需求 1，搜索标题(title)包含‘小石头’的数据 2，搜索标题(title)或者描述(desc)包含‘小石头’的数据 3，搜索标题(title)描述(desc)都包含‘小石头’的数据...所以我们今天就来学习下模糊搜索功能的实现。我们以上面三个需求为例，来一个个讲解。 二，实现原理 我们做模糊搜索的时候，其实就是查询某个字段里是否包含我们的搜索词。...三，模糊搜索的代码实现 3-1，模糊搜索单个字段 需求：搜索标题(title)包含‘小石头’的数据 代码如下 ? 查询结果如下： ?...查询成功', res) }) .catch(res => { console.log('查询失败', res) }) 到这里就讲完了，我后面会专门在云开发入门的课程里作为实战案例录制视频给到大家的

    2.4K20

    后台开发 vs App应用开发？

    原文链接地址：后台开发 vs App应用开发？ 最近很多老铁从app转做后台了，说app招聘的太少了，基本混合开发一出，app原生开发需求越来越少。...[1240] App应用开发成果显著，能够激励自己进步，比较好玩。优势是能够自己独立开发应用，有更多的机会接触需求/客户，更懂产品。由于我不是做这方面的，所以它的苦逼之处我也太清楚，跨平台？...应用开发好‘玩’，会有“所见即所得”的看得见、摸得着的成就感，而且上手快，有项目的话很快就能积累起经验。...后台开发修炼内功，需要沉得下心，但是知识体系比较稳定，以不变应万变。优势是对系统底层比较熟悉，能够更好的胜任架构方面的工作。...公司后台一般是java的，我在公司负责后台和app的对接工作，后台侧重业务的处理，数据的优化和传输的稳定性，容错能力……App侧重用户体验，现在我是双语开发，做好java的后端支撑，又做App的前端体验和展示

    3.1K30
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券