2025-06-25 11:57:27

《仿盒马》app开发技术分享--未完成订单列表展示逻辑优化(61)

技术栈 Appgallery connect 前言: 上一节我们实现订单与优惠券的联合提交时,我去到订单列表页面查看生成的订单信息,发现现在的订单从信息展示到价格计算全都是有问题的。所以紧急的把对应的问题修改一下。 问题来源: async aboutToAppear(): Promise<void> { const value = await S..

HarmonyOS NEXT
162
0
2025-06-25 11:57:02

《仿盒马》app开发技术分享-- 订单结合优惠券结算(60)

技术栈 Appgallery connect 开发准备 上一节我们已经实现了优惠券的选择,并且成功的把券后的价格也展示给用户,不能使用的优惠券我们也用友好的方式告知用户,这一节我们来实现优惠券内容的下一步,优惠券内容结合订单进行结算提交 功能分析 因为我们之前的订单列表是订单相关商品相关是分开的,所以在这里我们同样要把优惠券的内容分开,只存储id进去后续再查..

HarmonyOS NEXT
194
0
2025-06-25 11:56:38

《仿盒马》app开发技术分享--确认订单选择优惠券(59)

技术栈 Appgallery connect 开发准备 在上一节我们实现了在确认订单页查询优惠券,但是我们并没有其他优惠券相关的逻辑,我们的目的还是在订单结算的时候去使用我们对应的优惠券,现在我们要在确认订单页去进行优惠券的选择,为了方便用户操作,我们以弹窗的形式展现 功能分析 要实现在弹窗中展示优惠券首先,我们要创建一个自定义弹窗,在弹窗中我们要查询的数据..

HarmonyOS NEXT
165
0
2025-06-25 11:56:21

《仿盒马》app开发技术分享-- 优惠券逻辑优化(58)

技术栈 Appgallery connect 开发准备 我们已经实现了优惠券的领取和展示,现在已经趋近于一个完整的电商应用了,但是这时候问题又来了,我们领取完优惠券之后,我们的新用户优惠券模块依然存在,他并没有消失,既然我们是从云数据库中查询的数据,那么我们需要找到一个字段跟他对应起来,来实现新用户领券后关闭这个模块的展示,同时我们在未登录的时候他也要保持隐..

HarmonyOS NEXT
190
0
2025-06-25 11:56:02

《仿盒马》app开发技术分享-- 优惠券展示页(57)

技术栈 Appgallery connect 开发准备 上一节我们实现了优惠券的领取功能,并且在云端已经成功查询出优惠券信息,那么我们需要来实现一个优惠券展示的页面来向用户展示当前账号下的优惠券信息,辅助用户更好的去购买需要的商品,因为优惠券会有多种状态,在展示时也要注意不同状态的区分如何处理 功能分析 要实现优惠券的展示我们首先要获取当前登录的用户,因为我..

HarmonyOS NEXT
147
0
2025-06-25 11:55:41

《仿盒马》app开发技术分享-- 领取优惠券(56)

技术栈 Appgallery connect 开发准备 在之前的功能开发中,我们有些功能只有展示的能力并没有与云端产生任何的交互,后续经过我们的迭代,更多的能力有了交互能力,这一节我们就要开始着手给那些静态展示的模块添加业务逻辑,我们现在要实现的是首页的新人优惠券的领取 功能分析 新人优惠券我们在创建的时候给他赋予了一些字段,分别对应了优惠券的id,面额,最..

HarmonyOS NEXT
165
0
2025-06-25 11:55:14

《仿盒马》app开发技术分享-- 回收金提现安全锁校验(55)

技术栈 Appgallery connect 开发准备 上一节我们实现了回收金提现记录的展示功能,我们回收金相关的内容更加的丰富了,在之前的业务逻辑中我们添加了一个设置安全锁的功能,虽然我们成功设置了安全锁,也把对应的表信息提交到云端,但是我们并没有在提现的流程中去使用安全锁相关的内容,这一节我们就把安全锁相关的内容跟提现流程关联起来,让我们的功能安全性更高..

HarmonyOS NEXT
168
0
2025-06-25 11:54:38

《仿盒马》app开发技术分享-- 回收金提现记录查询(54)

技术栈 Appgallery connect 开发准备 上一节我们实现了回收金提现的功能,并且成功展示了当前账户的支出列表,但是我们的提现相关的记录并没有很好的给用户做出展示,用户只知道当前账户提现扣款,并不知道回收金的去向,这一节我们就要实现回收金记录的查询添加、查询、展示 功能分析 要实现这些功能我们需要新建一张表,根据当前用户绑定的信息去填充对应的信息..

HarmonyOS NEXT
156
0
2025-06-25 11:54:04

《仿盒马》app开发技术分享-- 回收金提现(53)

技术栈 Appgallery connect 开发准备 上一节我们实现了银行卡的绑定跟回显,这一节我们要真正的实现银行卡提现的功能了,在这之前我们还需要对提现页的业务逻辑进行更进一步的优化,同时为了方便我们去进行数据间的交互,我们在个人信息模块新增了金额和积分的字段,方便我们其他页面的展示和隐藏 功能分析 要实现这些功能首先我们要获取当前账号下的回收金总额,..

HarmonyOS NEXT
146
0
2025-06-25 11:53:35

《仿盒马》app开发技术分享-- 绑定银行卡回显(52)

技术栈 Appgallery connect 开发准备 上一节我们实现了安全锁的绑定,这一切都是为了帮助用户在提现流程上能有更好更安全的体验,现在我们开始正式着手提现相关的流程,我们先进行提现银行卡的绑定,绑定成功后我们关闭页面把数据回显到提现页 功能分析 首先我们要实现相应信息的录入,我们需要新建对应的银行卡绑定页面来填充信息,信息填充完成后把银行卡数据提..

HarmonyOS NEXT
203
0
2025-06-25 11:53:15

《仿盒马》app开发技术分享-- 设置安全锁(51)

技术栈 Appgallery connect 开发准备 上一节我们实现了提现页面以及部分组件的业务逻辑,那么我们在提现这一步为了更多的安全层面的考虑,设置了一个安全锁,用户只要开启了安全锁,那么每次的提现,都需要把本地的密码提交到云端核对安全锁的内容才可以执行后续的提现步骤,如果不能解锁,那么后续的内容都无法实现,这更好的保护了用户的财产安全 功能分析 要实..

HarmonyOS NEXT
180
0
2025-06-25 11:52:30

《仿盒马》app开发技术分享-- 回收金提现准备页(50)

技术栈 Appgallery connect 开发准备 上一节我们实现了回收金的收入、支出记录查询,并且在订单完成后成功创建对应的收支记录,但是我们暂时只有收入记录,并没有支出记录,这一节我们将要实现账号的回收金提现功能,从商业角度实现app应用的正向循环 功能分析 要实现提现功能,首先我们需要有对应银行卡信息的绑定,提现的金额,以及当前账号下的回收金总额,..

HarmonyOS NEXT
179
0
2025-06-25 11:52:08

《仿盒马》app开发技术分享-- 回收金收支查询(49)

技术栈 Appgallery connect 开发准备 上一节我们实现了回收金页面的部分布局填充和内容展示,并且实现了当前订单收益总金额的展示,以及金额的隐藏,这一节我们来实现当前用户收支列表的展示,在这之前,我们先要修改一下我们recycleinfo表,我们把规格相关的内容添加上去,方便我们后续的逻辑编写,不然每次都根据weightid查询确实有一点点不方..

HarmonyOS NEXT
166
0
2025-06-25 11:51:41

《仿盒马》app开发技术分享-- 回收金查询页面(48)

技术栈 Appgallery connect 开发准备 上一节我们实现了查看当前账号下的预收益,以及当下收益,并且展示了已完成订单的列表,现在我们可以针对收益来做更多的内容了,在之前的开发中我们在个人中心页面实现了一个静态的金额展示,后续我们将会在这里展示当前账号的总金额,点击当前账号金额进入回收金查询页面,在这个页面我们将会对该账号的回收金进行一系列的操作..

HarmonyOS NEXT
156
0
2025-06-25 11:51:15

《仿盒马》app开发技术分享-- 回收记录页(47)

技术栈 Appgallery connect 开发准备 上一节我们实现了在订单列表中查看订单详情,但是我们的回收相关的营收就必须要进入到商品详情页才能够进行查看,如果我们在订单较多的情况下,一个一个的查看订单的详情就会变得非常的麻烦了,现在我们需要实现一个订单记录查看页面,针对正在进行的订单,和已完成的订单,展示预估收益和收益统计。 功能分析 要实现这些功能..

HarmonyOS NEXT
174
0
2025-06-25 11:50:54

《仿盒马》app开发技术分享-- 回收订单详情页(46)

技术栈 Appgallery connect 开发准备 上一节我们实现了订单列表的所有功能,展示了待取件、已取消、运输中、已完成等订单列表的数据展示,并且在对应的订单中点击功能按钮实现了订单的状态切换,这一节我们就要通过点击对应列表内的订单进入相应的订单详情页,展示当前订单的状态和对应的信息,当进入的是已完成订单时展示当前订单的收益,分别显示收入多少金额和对..

HarmonyOS NEXT
179
0
2025-06-25 11:50:31

《仿盒马》app开发技术分享-- 回收订单页功能完善(45)

技术栈 Appgallery connect 开发准备 上一节我们实现了订单的待取件、已取消状态展示,并且成功实现了修改订单状态后的列表刷新,实现了云端数据的修改,这一节我们来实现订单页剩下的两个板块的业务逻辑,分别是运输中、已完成状态下的列表展示以及订单状态的修改 功能分析 要实现运输中、已完成订单状态我们分别要先实现tab切换时组件刷新的方法,根据对应的..

HarmonyOS NEXT
162
0
2025-06-25 11:50:09

《仿盒马》app开发技术分享-- 回收订单状态修改与展示(44)

技术栈 Appgallery connect 开发准备 上一节我们实现了订单列表页,但是我们的订单列表又分为很多的订单状态,我们在订单列表页取出的数据是所有的数据,订单的状态我们还需要进行一些操作,如果都在一起,对用户来说非常的不友好,所以我们需要把它修改为不同状态下展示不同的列表,同时我们实现订单的取消,以及已取消订单的列表查看 功能分析 想要在一个页面中..

HarmonyOS NEXT
181
0
2025-06-25 11:49:48

《仿盒马》app开发技术分享-- 旧物回收订单列表(43)

技术栈 Appgallery connect 开发准备 上一节我们实现了订单的创建,并且成功把数据提交到云数据库中,在上一节的内容中我们需要注意的是提交表单的时候注意非空字段的创建,不然会造成数据提交失败的情况,字段是否设置为非空可以在我们创建表的文件内查看notNull字段的值,这一节我们实现的内容是展示我们提交的订单列表。 功能分析 要实现订单列表的展示..

HarmonyOS NEXT
180
0
2025-06-25 11:49:17

《仿盒马》app开发技术分享-- 旧物回收页(提交云端)(42)

技术栈 Appgallery connect 开发准备 上一节我们已经实现了地址,留言,取件时间的选择,以及静态的预估重量。现在我们需要把预估重量创建出来,从云端去获取,以应对后续的其他业务逻辑,以及回收订单的创建 功能分析 预估重量列表的实现首先需要创建对应的表和数据源,然后在页面打开的时候从云端查询出对应的数据,展示到我们创建的静态列表中,然后我们创建订..

HarmonyOS NEXT
172
0
2025-06-25 11:48:56

《仿盒马》app开发技术分享-- 旧物回收页(业务逻辑)(41)

技术栈 Appgallery connect 开发准备 上一节我们实现了旧物回收页的静态展示页,现在我们开始添加对应的模块逻辑,我们要实现的内容有,地址选择、留言、取件时间、重量选择这些模块 功能分析 1.地址选择 要实现地址选择,我们首先要在跳转到地址列表选择页,传递过去一个标记,证明我们是从回收首页跳转过来的,选择地址后的地址信息传递要传递到对应的页面。..

HarmonyOS NEXT
189
0
2025-06-25 11:48:36

《仿盒马》app开发技术分享-- 旧物回收页(静态)(40)

技术栈 Appgallery connect 开发准备 上一节我们进行了购物车业务逻辑的优化,使我们的程序变得更加健壮,这一节我们将要开始电商业务以外的内容,旧物回收,这是一个全新的业务模块,我们将要在这里实现对应的,回收金,积分,回收业务相关内容 功能分析 要想实现旧物回收相关的内容,我们首先要搭建一个业务框架,我们这里我们要实现的内容有头部回收种类的展示..

HarmonyOS NEXT
150
0
2025-06-25 11:47:59

《仿盒马》app开发技术分享-- 购物车逻辑优化(39)

技术栈 Appgallery connect 开发准备 我们的app主要购物功能已经开发的相对来说比较完善了,接下来就针对各个功能的逻辑性进行迭代和修改,让我们的程序更加的健壮,减少一些逻辑上的bug 功能分析 在之前的开发中我们的购物车功能已经实现,但是在后来的使用中发现当新增商品的时候,会有添加不了商品的情况这主要是因为在商品规格弹窗 SpecDialo..

HarmonyOS NEXT
200
0
2025-06-25 11:47:40

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

技术栈 Appgallery connect 开发准备 上一节我们新建了商品搜索页,实现了顶部的搜索bar以及下方的推荐搜索列表,这一节我们要新增一个商品搜索记录列表,以及输入内容之后搜索出对应商品的功能,我们还需要保证搜索内容的唯一性,以及搜索记录的本地数据持久化和搜索记录列表的删除 功能分析 商品搜索记录列表,我们可以通过保存输入的搜索内容到用户首选项中..

HarmonyOS NEXT
170
0
2025-06-25 11:46:54

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

技术栈 Appgallery connect 开发准备 随着开发功能的逐渐深入,我们的应用逐渐趋于完善,现在我们需要继续在首页给没有使用按钮以及组件添加对应的功能,这一节我们要实现的功能是商品搜索页面,这个页面我们从上到下开始实现功能,首先就是一个搜索的bar,然后是一个系统推荐的热门搜索列表。 功能分析 要实现顶部的搜索bar其实还是非常简单的,我们只需要..

HarmonyOS NEXT
164
0
2025-06-25 11:46:32

《仿盒马》app开发技术分享-- 个人中心&关于逻辑完善(36)

技术栈 Appgallery connect 开发准备 上一节我们针对首页的一些静态按钮做了一些功能上的完善,这一节我们要针对已有的功能做一下逻辑完善,经过测试,在一开始的登录中我们登录之后当前页面的状态并不能马上的展示出来,并且缺少退出功能,退出后我们同样要立马让页面修改为用户未登录的状态,在个人中心页面关于功能缺失,这一节我们就来完善对应的内容 功能分析..

HarmonyOS NEXT
204
0
2025-06-25 11:46:07

《仿盒马》app开发技术分享-- 扫一扫功能(35)

技术栈 Appgallery connect 开发准备 随着app的逐渐完善,我们现在需要在细节处做更多的打磨,在首页我们添加了很多静态的按钮和组件,现在我们开始对这些组件进行功能的添加,这次首先实现的是首页头部的扫一扫功能,扫一扫我们实现扫码后跳转商品详情页 功能分析 要实现扫一扫的功能,我们有两种选择,首先是zxing,然后是scankit,这里我们选择..

HarmonyOS NEXT
185
0
2025-06-25 11:45:34

《仿盒马》app开发技术分享-- 购物车业务逻辑完善(34)

技术栈 Appgallery connect 开发准备 之前我们已经实现了购物车相关的内容,实现了购物车数据列表的展示,但是我们结算订单之后我们的购物车列表并没有刷新,而且底部的状态栏并没有明显的数据展示来提醒用户,而且当我们在商品详情页添加新商品,底部也没有同步更新,这一节我们要解决的问题就是这些 功能分析 1.新增商品 新增商品时我们需要在底部展示一个当..

HarmonyOS NEXT
203
0