- 博客(102)
- 收藏
- 关注
原创 《伴时匣》app开发技术分享--表单提交页(5)
在表单提交前,我们要实现的静态内容有很多,分别有输入框,开关,时间选择器,表类型,是否置顶,是否设置结束时间,是否包含当天日期,事件的颜色选择,图标选择,当天的天气选择,心情选择,这些我们都需要去先有一个静态选择或者展示的入口。上一节我们已经实现了表单信息的创建,完成了首页跳转表单提交页的内容,这一节我们就要实现表单创建前的数据填充的页面。这样我们就实现了表单提交页和日期的选择器。接下来我们实现一个日期选择的弹窗。我们先实现简单的静态页。
2025-06-29 21:58:08
267
原创 《伴时匣》app开发技术分享--表单提交准备(4)
我们的信息表要展示的内容很多,首先是我们的事件名称,目标日期选择,公历农历,正数倒数,倒数类目的选择,是否实现置顶效果,是否显示精确时间,事件颜色,事件图标,事件心情,事件天气,跟用户绑定,跟绑定的关系用户绑定等。上一节我们实现了用户登录功能,现在我们进入首页,可以开始准备着手发布我们的日期计划了,在这之前我们先实现信息表的创建。在首页实现一个标题栏,一个悬浮的按钮。这样我们就完成了表单的创建和标题栏悬浮按钮的实现。我们实现首页标题栏和悬浮添加按钮。我们先实现对应的表的创建。
2025-06-29 20:43:28
321
原创 《伴时匣》app开发技术分享--用户登录(3)
上一节我们实现了用户数据的提交,我们成功的实现了用户的注册,这一节我们就要根据提交的信息进行登陆验证,在登陆之后我们需要保存当前用户的信息,方便我们后续的使用。要实现登陆,首先我们需要拿到用户输入的内容,检测之后,我们实现用户的登陆,同时把用户登录成功后的数据存储起来,方便我们后续的使用。然后我们查询对应的数据实现登录,把信息存储到首选项中。这样我们就实现了用户的登录功能。我们先实现登陆相关的内容。
2025-06-29 17:48:34
234
原创 《伴时匣》app开发技术分享--用户注册(2)
要实现用户数据的插入,首先我们要把用户填充的数据提交到表单中,同时我们要添加默认id 和用户id ,绑定id 我们在后续绑定的时候使用,我们拿到输入的用户名和密码,完成信息的提交,要注意的是我们在用户注册提交表单之前,要先校验用户提交的信息是否二次创建。上一节我们已经实现了静态的用户登陆页,这时候我们已经有了用户登录的窗口了,现在我们只需要搞定用户数据的插入,就可以使用登陆功能了,这一节我们就要实现用户注册功能,实现用户的数据插入。到这里我们就实现了用户注册功能,用户的其他信息,我们可以通过用户自行设置。
2025-06-29 17:28:49
275
原创 《伴时匣》app开发技术分享--用户登陆页静态(1)
大家好,今天给大家带来一个全新的鸿蒙应用,名字叫做伴光匣,意思就是一个陪伴度过时光的匣子,首先来介绍关于伴时匣的整个功能设想,首先呢,就是应用的功能,这个应用主要用来进行倒计时提醒的功能,在这里我们可以发布一些日子作为目标日,通过设置正数倒数来展示我们设置的对应日子,大多数的应用同样也做得到这些,所以我们以用户为主导的思想肯定不仅限于此,我们还要实现关系的绑定,实现我们“伴”的主体思想,我们可以通过绑定已有的关系,查看不同角色之间我们创建的内容。这样我们就兼顾实现了个人,多人共同使用的一个场景。
2025-06-29 15:48:09
221
原创 《仿盒马》app开发技术分享-- 项目结束(87)
这个文件夹你需要移植到你项目中的云数据库表创建的路径内,然后把这个包删除掉。后续我也会出一个讲解的视频,说一下我们的app大概有什么功能。这里上传的是业务逻辑的代码。数据库相关的表我放到了以下路径。
2025-06-28 10:20:15
121
原创 《仿盒马》app开发技术分享-- 账号注销(86)
要实现账号的注销,首先我们要在个人中心页面功能列表新增入口,通过这个入口我们进入页面,先拿到当前登陆账号的信息,用户确认无误后,输入密码点击注销,这时会出现一个弹窗二次提醒,用户点击弹窗确认后实现账号的注销。但是我们注销之后,我们修改了当前的账号状态,我们应用其实还是有账号信息,还是可以使用的,所以我们还需要把当前的账号退出,我们在注销成功的判断中实现账号退出。我们创建对应的注销页面,在进入页面之后拿到当前用户的信息,告知用户要注销的账号,以及一些细则。到这里我们就实现了账号注销的功能了。
2025-06-27 15:29:46
305
原创 《仿盒马》app开发技术分享-- 注销账号恢复(85)
上一节我们实现了欢迎页的逻辑,并且在欢迎页面实现了对账号状态的提示,但是如果我们的用户之前因为一些原因注销了账号,但现在又想用回我们的应用怎么办?我们这一节就要在注销账号的提示弹窗处,实现一个账号恢复功能,使我们的用户可以继续使用我们的应用。要实现账号恢复,首先我们需要在注销弹窗的事件出实现页面的跳转,在新页面里,我们通过修改用户当前账号的状态来实现,当然了,我们也需要在里边添加一些恢复的说明,避免引起不必要的麻烦。首先我们实现账号恢复的ui页面,创建好等会要使用的变量。到这里我们就实现了账号的恢复功能。
2025-06-27 13:38:01
327
原创 《仿盒马》app开发技术分享-- 实现欢迎页与账号校验(84)
我们的app功能几乎完成了百分之95了,后续我们还会对细节上做更好的打磨,让它更像是一个商业项目,在商业项目中我们每次打开app都会有一个欢迎页面,他可以加载一些大图、广告横幅、视频广告等信息。要实现欢迎页面,我们只需要做好大图的展示和倒计时后的自动跳转以及主动的点击跳转,在进入页面时我们就开始从首选项中拿用户数据,如果用户数据存在,我们就根据用户信息查询云数据库中的数据判断当前账号的状态,如果正常进入首页,如果账号异常,则通知用户当前账号已经注销。倒计时方法实现之后我们添加关闭的方法和跳转方法。
2025-06-27 11:39:26
293
原创 《仿盒马》app开发技术分享-- 逻辑优化第三弹(83)
现在我们的app功能已经趋近完善,bug和缺失的细节也越来越少了,我们继续对app进行优化,首先是我们的积分页面,我们只实现了全部的积分展示内容,对收入和支出的积分明细并没有进行展示,这里我们要实现一下,然后就是我们的优惠券,我们已过期的优惠券并没有修改状态为已过期。要实现积分列表的细分展示,首先我们就要从获取的全部数据中筛选出对应type的数据,在对应的自定义组件和列表中展示,针对已经过期的优惠券,在进入页面时,我们先查询出所有的数据,再根据日期对优惠券的类型进行修改,把修改后的数据展示到列表上。
2025-06-26 22:27:47
303
原创 《仿盒马》app开发技术分享-- 逻辑优化第二弹(82)
要实现积分的实时变化,我们需要在page页面的生命周期onpageshow中实现积分信息的获取,待收货页面我们要新增一个确认收货按钮并实现数据库逻辑的修改,数据修改完成后我们对数据列表进行刷新,记得修改orderstatus的状态,这会影响到我们对数据的筛选。这一节我们继续对我们已有的业务逻辑进行优化,在积分兑换完商品后我们回到积分展示页面发现积分的数量并没有减少,而是重新进入才会发生变化,上一节我们实现商城订单的确认揽收之后继续在待收货页面实现确认揽收按钮的业务逻辑。
2025-06-26 16:55:41
170
原创 《仿盒马》app开发技术分享-- 逻辑优化第一弹(81)
随着上一节我们兑换商品订单相关逻辑的实现,我们的app功能已经更加的完善了,接下来我们开始对整个app缺失的小功能以及对已有的功能bug进行优化和逻辑的新增,这一节我们新增的功能是,商城订单的揽收。要实现商城订单的揽收功能,首先需要在待发货列表里新增确认揽收按钮,并新增修改订单状态的功能,然后我们在兑换订单点击取消按钮后把扣除掉用户的积分返还给用户。功能,兑换订单的取消后积分退回功能,如果不实现积分退回,就会出现用户兑换后取消订单,但是积分已经消耗的情况。首先我们在列表中新增确认揽收按钮,实现相关的逻辑。
2025-06-26 16:28:30
179
原创 《仿盒马》app开发技术分享-- 兑换商品订单详情页(80)
我们的兑换商品列表相关的功能都已经实现的差不多了,现在我们还缺少一个订单详情查看的功能,为了ui一致性,我们的订单详情页样式要保持一致性,外观要跟订单、回收单的详情页相似。要实现订单详情首先我们需要拿到订单id,根据订单id去查询出对应的订单信息,拿到订单信息之后,根据ordertype去展示不同的订单状态,根据订单的状态展示不同的时间戳。首先我们在订单列表条目上添加对应的点击事件,传递订单id到详情页。订单详情页接收id,根据id查询订单数据。这样我们就实现了兑换商品订单的详情页。
2025-06-26 14:16:58
212
原创 《仿盒马》app开发技术分享-- 兑换商品收货确认&已完成列表展示(79)
上一节我们实现了兑换商品订单的确认揽收功能,实现了tabs切换时的数据刷新,实现了待收货订单的列表展示。这一节我们要实现确认收货功能,并且实现待收货的列表展示功能。当我们点击确认揽收的时候,修改订单状态ordertype为3,同时刷新待收货订单列表的内容,切换tabs的时候,刷新已完成列表中的数据。到这里我们就实现了兑换商品的确认收货功能,展示了已完成兑换商品列表。首先我们在待收货列表确认收货按钮实现修改订单状态的逻辑。修改完成之后我们查询已完成列表。
2025-06-26 13:37:29
163
原创 《仿盒马》app开发技术分享-- 兑换商品确认揽收&待收货列表展示(78)
上一节我们实现了订单取消功能,实现了tabs切换时的数据刷新,实现了已取消订单的列表展示。这一节我们要实现揽收功能,并且实现待收货的列表展示功能。当我们点击确认揽收的时候,修改订单状态ordertype为2,同时刷新待发货订单列表的内容,切换tabs的时候,刷新待收货列表中的数据。数据查询出来之后我们实现订单列表展示,添加上确认收货按钮。到这里我们的确认揽收跟待收货列表展示就实现了。然后我们实现待收货页面切换订单刷新。首先实现确认揽收的数据状态修改。在tabcontent中引用。
2025-06-26 13:20:28
412
原创 《仿盒马》app开发技术分享-- 兑换商品取消订单&取消列表展示(77)
要实现订单取消的功能,我们需要在条目上点击取消预约按钮时对数据库点击条目的数据进行修改,同时刷新列表数据,把取消后的列表展示到页面上,同时当我们切换tabs页签的时候还要同步刷新组件的内容,保证数据的实时性。上一节我们实现了兑换订单待发货列表的展示逻辑,成功的在列表中展示出来,我们在订单条目中新增了两个按钮,确认揽收与取消订单,这一节我们要实现的功能是订单的取消,以及订单取消后取消列表的展示。接下来我们实现取消订单列表的展示,新建取消订单组件。到这里我们就实现了订单的取消和取消列表的展示。
2025-06-26 11:30:34
271
原创 《仿盒马》app开发技术分享-- 待发货兑换订单列表(76)
上一节我们实现了兑换订单展示页面的框架,这一节我们要进行兑换订单的展示,在兑换订单提交后,默认的状态是待发货状态,我们用列表的方式展示出来。进入页面时我们就要通过用户的userid去查询对应的订单,获取到订单返回的列表数据后通过list展示到tabcontent中。在tabcontent中引用自定义组件传入刚才查询出的列表。根据用户的userid查询出对应的兑换订单列表。在确认兑换成功后跳转到兑换订单展示页。到这里我们就实现了待取件订单列表。积分展示页新增列表展示入口。进入页面后先获取用户信息。
2025-06-25 22:35:54
312
原创 《仿盒马》app开发技术分享-- 兑换订单列表框架(75)
上一节我们针对订单兑换的业务逻辑进行了完善,成功的在兑换物品之后修改了用户信息的修改,新增了积分消费的记录。这一节我们实现订单创建之后进入的列表展示页框架。兑换商品的订单列表框架我们选择使用tabs,实现一个页面可以进行切换。这样我们一个页面中可以展示许多状态的订单。tabs,在切换的时候把下标赋予给定义的变量。我们先实现一个整体框架,定义需要的参数。到这里我们就完成了兑换订单列表的框架。自定义的tabar布局。
2025-06-25 22:08:43
231
原创 《仿盒马》app开发技术分享-- 订单提交逻辑完善(74)
上一节我们实现了兑换订单的提交功能,并且成功的把数据提交到云端,但是我们的业务逻辑并没有完全实现,我们只是把数据提交到了云端,但我们的积分还存在,我们回到积分数据查看的页面也没有消费积分的记录,这一节我们要实现的就是完善订单提交的业务逻辑。首先我们要在兑换完成后把用户信息的积分给扣除掉,点击按钮后进行云端交互修改用户信息表,然后我们在兑换成功时新增一条积分消费记录。修改完用户信息之后,我们同时还需要新增一条积分收支记录,在收支记录添加前,还需要实现一个时间获取的方法。到这里我们的订单提交逻辑就彻底完善了。
2025-06-25 21:40:43
166
原创 《仿盒马》app开发技术分享-- 兑换订单提交(73)
订单提交我们需要创建对应的兑换商品订单提交信息表,我们需要把地址,商品信息,积分,备注,订单状态,订单创建时间,订单取消时间,订完完成时间等信息都进行存储。上一节我们实现了兑换提交前的准备页面,向用户展示了兑换相关的所有信息,这一节我们就可以实现兑换订单的提交了。到这里我们的兑换订单提交就完成了。首先我们创建兑换订单表。然后我们开始提交数据。
2025-06-25 20:05:39
187
原创 《仿盒马》app开发技术分享-- 兑换提交准备(72)
上一节我们实现了地址的选择,商品数据的展示,我们页面中需要的提交的内容还有所欠缺,我们还需要新增一些展示兑换细节的组件,同时在提交之前还需要实现备注功能,我们还要在页面中展示一些积分相关的内容,告知用户积分的详细情况。兑换细节我们可以从商品详情里直接获取展示,备注功能我们需要创建一个自定义弹窗来实现,积分相关的内容我们需要先查询当前账号的积分,即将使用的积分,剩余积分等信息等,展示给用户查看。首先我们展示一些兑换商品的细节到页面上。到这里我们的准备提交工作就已经完成了。剩余积分我们也展示到页面上。
2025-06-25 16:24:46
229
原创 《仿盒马》app开发技术分享-- 兑换页地址商品展示(71)
上一节我们实现了商品兑换的校验功能,这能很好的帮助用户节省更多的时间,同时也能减小服务器的开销,同时我们的业务逻辑也会更加的完善功能也更加的丰富了,这一节我们实现校验通过后的内容,实现地址的选择和兑换商品信息的展示。地址的选择我们通过获取地址管理页的地址来实现,商品兑换信息的展示我们通过传递详情页的商品id来这个页面继续进行查询。现在我们就实现了兑换页地址和商品的展示逻辑。然后我们通过传递过来的id查询对应的商品。然后我们把查询出的兑换商品展示到页面上。把获取到的地址信息展示到页面上。
2025-06-25 14:58:49
313
原创 《仿盒马》app开发技术分享-- 商品兑换校验(70)
上一节我们实现了可兑换商品的详情,我们能够查看到商品更多的信息,这一节我们来实现商品兑换相关的功能,在进行商品兑换之前,我们在兑换详情页面,点击立即兑换按钮之后我们需要跳转到兑换详情页,但是用户的积分可能达不到我们当前商品的兑换标准,这时候如果我们进入了下个页面,在用户点击确认的时候去校验,就让用户多操作了一步,这样的操作体验非常的不友好,所以我们在兑换前进行校验,通过校验后我们在确认页实现地址添加相关的内容。首先我们实现校验功能,这里我们就需要拿到用户数据,根据用户信息去查询用户详情。
2025-06-25 13:59:38
212
原创 《仿盒马》app开发技术分享-- 兑换商品详情(69)
在数据列表展示的时候其实我们已经获取到了当前商品的大部分数据,但是为了获取内容的实时性,保证跟云端能够匹配,我们还是通过id查询的方式查询用户点击条目的对应商品数据。查询出对应的商品条目数据后,我们在列表上进行展示。上一节我们实现了兑换商品列表的展示,用户可以在回收之后通过积分页面进入兑换列表页查看当前能够兑换的商品了,我们距离一个完整的app又更近了一步,现在我们要实现的就是当用户点击列表条目的时候能够查看数据详情。首先我们把兑换商品的id 传递到详情页面。到这里我们就实现了兑换物品的商品详情页。
2025-06-24 22:33:51
322
原创 《仿盒马》app开发技术分享-- 兑换列表展示(68)
上一节我们创建了积分相关的商品表,我们现在可以针对积分进行更多的操作了,我们首先添加了对应的数据到我们的云数据库中,这一节我们就要把我们存储的数据查询出来展示给用户。首先我们需要在进入页面后进行数据查询,数据查出后我们定义对应的集合,然后我们新建一个瀑布流组件,把数据传递进去,进行数据的展示,在引用组件的地方我们传递数据。然后我们新建一个自定义组件,先定义好一条数据的样式。然后我们创建对应的布局,引入item。到这里我们就实现了兑换列表的展示。我们首先在进入页面后查询数据。实现之后我们引入组件。
2025-06-24 22:03:27
382
原创 《仿盒马》app开发技术分享-- 兑换商品数据插入(67)
上一节我们实现了积分列表的展示,我们可以更直观的查看当前用户积分的收支情况,但是现在我们只有积分收入并没有消费的地方,所以现在我们开始着手积分兑换相关的内容。这一节我们来实现积分兑换商品的内容。首先我们需要创建对应的积分商品表、实体类、db类,现在我们的表是空的,在进行数据展示之前我们先要添加数据,我们创建一个空页面,在生命周期方法中先添加数据,方便我们等会儿使用。都创建完成之后我们新建一个页面,在页面加载时新增数据。我们新建的页面,通过积分兑换按钮进入。到这里我们就实现了数据的插入。
2025-06-24 16:54:35
290
原创 《仿盒马》app开发技术分享-- 积分信息展示(66)
数据的展示我们通过用自定义组件的方式实现,这样我们的页面不会那么的臃肿,首先在进入页面后我们判断用户信息是否存在,如果用户信息存在,我们通过userid进行数据查询,拿到数据列表后,传递给自定义组件进行展示,在列表中全部选项我们要注意区分数据的两种状态。上一节我们实现了数据的插入,现在我们需要在tabs中展示我们积分的详细情况了,现在我们只需要从云端进行数据的查询,在页面中拿到数据进行展示就能实现我们想要的效果。拿到数据之后我们创建列表展示的自定义组件,并且在组件内排列好布局以及展示的数据。
2025-06-24 15:46:13
831
原创 《仿盒马》app开发技术分享-- 插入积分信息(65)
然后我们修改userinfo的积分信息,在积分列表全部选项里查询出积分的数据在list列表中进行展示。上一节我们实现了积分页面的大概框架,那么现在我们开始进行数据的填充和查询,积分相关的内容现在之后当回收订单结算之后才会进行积分数据的添加,那我们想查询出对应的积分数据,还需要新增一张积分信息表。现在积分相关的有订单结算以及后续的积分兑换功能,我们先实现订单结算的积分新增以及用户信息表的积分总额计算。到这里我们就实现了用户积分信息的插入。首先我们创建对应的表、实体、db类。用户账号内的总积分数修改。
2025-06-24 13:58:53
173
原创 《仿盒马》app开发技术分享-- 积分页组件新增(64)
上一节我们创建了积分页,给页面添加了标题栏和积分展示的组件。这一节我们继续丰富积分页的内容,添加引导栏,积分明细展示等区域。因为页面的关联不强,我们采用组件引入的方式实现引导栏,同时,在下方继续添加对应的tabs组件,方便我们积分明细的展示和查看。然后我们开始实现tabs,我们通过@Builder的方式创建标题栏,同时添加对应的切换事件。在引导栏中我们给按钮添加点击事件,方便我们后期跳转到对应的页面。到这里我们的积分页组件就全部添加上了,后续我们开始实现对应的逻辑。首先我们实现引导栏的内容。
2025-06-24 11:28:51
227
原创 《仿盒马》app开发技术分享-- 我的积分页(63)
因为我们的回收订单是跟回收金积分是绑定的,我们在完成回收订单时把对应的金额跟积分已经添加到了用户的个人信息表中,这里我们能够取出总的积分金额。上一节我们实现了个人中心页面的业务逻辑优化,成功的在用户登陆退出状态下展示对应的组件内容,这一节我们来实现app中另外一个比较重要的模块—积分模块。首先我们创建积分页,为了样式的统一我们的积分页跟回收金的布局不要相差太多,这样方便用户去进行操作和查看。然后我们在生命周期中根据用户数据查询对应的用户信息,并且赋值给我们定义的对象和变量。
2025-06-24 09:43:21
351
原创 《仿盒马》app开发技术分享-- 个人中心页优化(62)
上一节我们实现了订单逻辑的优化,现在我们的app功能更加的完善了,并且随着我们的迭代逻辑漏洞越来越少,现在我们继续进行优化,在之前的业务逻辑中我们的个人中心页面展示了用户的余额以及积分商城入口,这里我们要展示余额准确的值,积分商城的入口我们修改为积分相关的功能入口。因为我们的tabs切换之后会触发组件内的刷新请求逻辑,所以我们需要根据当前的用户id查询出userinfo的信息,然后展示到页面上,同时当用户退出登陆,我们需要给积分和余额一个默认状态。给定义的变量赋值,接收对应的参数值。
2025-06-24 09:04:31
260
原创 《仿盒马》app开发技术分享--未完成订单列表展示逻辑优化(61)
上一节我们实现订单与优惠券的联合提交时,我去到订单列表页面查看生成的订单信息,发现现在的订单从信息展示到价格计算全都是有问题的。所以紧急的把对应的问题修改一下。if (value!= "") {我们可以看到,当我们进入到待发货页面的时候,我们进行了orderlist所有订单的请求,这里的请求是没有错的,我们继续向下,这时候我们通过条件进行数据查询这里我们直接拿了当前第一条数据放到list中去执行逻辑,这就会导致,我们列表的所有内容展示的都是第一条的相关商品和价格,展示的图片和价格都是一样的。
2025-06-18 22:31:09
169
原创 《仿盒马》app开发技术分享-- 订单结合优惠券结算(60)
因为我们之前的订单列表是订单相关商品相关是分开的,所以在这里我们同样要把优惠券的内容分开,只存储id进去后续再查询出对应的券金额,我们首先就是要修改订单表,然后在券选择的同时拿到优惠券的相关内容,提交订单时把优惠券内容一起提交,方便我们后续的订单详情内查询券后价。上一节我们已经实现了优惠券的选择,并且成功的把券后的价格也展示给用户,不能使用的优惠券我们也用友好的方式告知用户,这一节我们来实现优惠券内容的下一步,优惠券内容结合订单进行结算提交。然后我们在选择券的时候拿到券的id,这里我们用回调的方式实现。
2025-06-18 22:18:06
382
原创 《仿盒马》app开发技术分享--确认订单选择优惠券(59)
要实现在弹窗中展示优惠券首先,我们要创建一个自定义弹窗,在弹窗中我们要查询的数据应该是全部的数据,这样我们就能实现可用优惠券跟不可用优惠券的展示,告知用户可用优惠券的金额,以及不可用优惠券差多少额度可用,点击可用优惠券修改结算金额,展示选中的优惠券金额。在上一节我们实现了在确认订单页查询优惠券,但是我们并没有其他优惠券相关的逻辑,我们的目的还是在订单结算的时候去使用我们对应的优惠券,现在我们要在确认订单页去进行优惠券的选择,为了方便用户操作,我们以弹窗的形式展现。修改优惠券展示组件的逻辑。
2025-06-18 21:53:43
391
原创 《仿盒马》app开发技术分享-- 优惠券逻辑优化(58)
我们已经实现了优惠券的领取和展示,现在已经趋近于一个完整的电商应用了,但是这时候问题又来了,我们领取完优惠券之后,我们的新用户优惠券模块依然存在,他并没有消失,既然我们是从云数据库中查询的数据,那么我们需要找到一个字段跟他对应起来,来实现新用户领券后关闭这个模块的展示,同时我们在未登录的时候他也要保持隐藏,登录后能实现优惠券的领取。首先我们在优惠券领取之后,使用回调的方式修改isvip的状态,同时接收登陆后传递的信息,我们传user信息进组件内。实现自后我们来到确认订单页面,先查询出可用的优惠券。
2025-06-17 17:03:52
512
原创 《仿盒马》app开发技术分享-- 优惠券展示页(57)
上一节我们实现了优惠券的领取功能,并且在云端已经成功查询出优惠券信息,那么我们需要来实现一个优惠券展示的页面来向用户展示当前账号下的优惠券信息,辅助用户更好的去购买需要的商品,因为优惠券会有多种状态,在展示时也要注意不同状态的区分如何处理。要实现优惠券的展示我们首先要获取当前登录的用户,因为我们在领取优惠券的时候插入了领券用户的userid,所以在查询的时候也要根据userid进行查询,在进入页面时就要查询出云端对应的优惠券内容展示到list列表中。根据当前用户id去查询对应的优惠券列表。
2025-06-17 14:40:02
344
原创 《仿盒马》app开发技术分享-- 领取优惠券(56)
新人优惠券我们在创建的时候给他赋予了一些字段,分别对应了优惠券的id,面额,最小可用金额等,那我们既然需要跟用户进行绑定,还是需要新建一个优惠券的表,把优惠券已有的数据填充进去,并且添加上userid,方便我们按用户查。在之前的功能开发中,我们有些功能只有展示的能力并没有与云端产生任何的交互,后续经过我们的迭代,更多的能力有了交互能力,这一节我们就要开始着手给那些静态展示的模块添加业务逻辑,我们现在要实现的是首页的新人优惠券的领取。我们已经在云数据库查询出了对应的数据,到这我们就实现了优惠券领取功能。
2025-06-16 22:08:20
421
原创 《仿盒马》app开发技术分享-- 回收金提现安全锁校验(55)
上一节我们实现了回收金提现记录的展示功能,我们回收金相关的内容更加的丰富了,在之前的业务逻辑中我们添加了一个设置安全锁的功能,虽然我们成功设置了安全锁,也把对应的表信息提交到云端,但是我们并没有在提现的流程中去使用安全锁相关的内容,这一节我们就把安全锁相关的内容跟提现流程关联起来,让我们的功能安全性更高。然后我们把输入的值跟表中存储的值进行校验,验证成功后提交对应的记录。这里我们把弹窗中输入的值通过回调传递出去,在提现页面引用弹窗。然后我们进行数据源的非空判断,安全锁开关判断。
2025-06-15 22:06:16
477
原创 《仿盒马》app开发技术分享-- 回收金提现记录查询(54)
上一节我们实现了回收金提现的功能,并且成功展示了当前账户的支出列表,但是我们的提现相关的记录并没有很好的给用户做出展示,用户只知道当前账户提现扣款,并不知道回收金的去向,这一节我们就要实现回收金记录的查询添加、查询、展示。要实现这些功能我们需要新建一张表,根据当前用户绑定的信息去填充对应的信息,把提现的银行卡,提现状态,提现时间,提现金额都先添加到表里,在用户进入提现记录页面之后,通过userid去查询当前用户的记录然后在列表里进行展示。然后把我们查询到的数据展示到列表组件中。现在让我们运行代码查看效果。
2025-06-15 21:56:32
334
原创 《仿盒马》app开发技术分享-- 回收金提现(53)
上一节我们实现了银行卡的绑定跟回显,这一节我们要真正的实现银行卡提现的功能了,在这之前我们还需要对提现页的业务逻辑进行更进一步的优化,同时为了方便我们去进行数据间的交互,我们在个人信息模块新增了金额和积分的字段,方便我们其他页面的展示和隐藏。这样我们就先处理好了逻辑,然后在确认提现的按钮处操作我们的两张表,分别把已经获取到的数据和填写的提现金额输入进去,我们需要拿账号总额去减去当前提现的额度,并且生成记录。在提现成功后,我们需要给用户一个反馈,这时候我们就新增一个简单的页面展示状态即可。
2025-06-14 22:53:13
403
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人