2025-06-25 11:48:56

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

HarmonyOS NEXT
141
0
2025-06-25 11:45:04

《仿盒马》app开发技术分享-- 订单列表页(33)

技术栈 Appgallery connect 开发准备 上一节我们实现了订单详情的展示,但是我们的确认订单页面只在下单成功后才会出现供用户查看,现在我们要有一个常驻的入口让用户去随时查看自己的订单以及订单状态,订单状态分为多个,还需要给用户提供切换的功能 功能分析 要实现这么一个功能我们首先就需要实现页面的切换功能,这里我们使用tabs组件,之后我们在tab..

HarmonyOS NEXT
132
0
2025-06-25 11:44:39

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

技术栈 Appgallery connect 开发准备 在之前的章节中我们实现了订单的提交,以及提交之后跳转到确认订单页面,在确认订单页面我们添加了一个入口,这个入口是查询订单,当我们点击入口时,我们需要跳转到一个新的界面,这个界面通过接收上个界面的订单id或者订单code 等信息,进行订单的详细内容展示 功能分析 要想实现订单内容的展示,首先我们要解决订单..

HarmonyOS NEXT
138
0
2025-06-25 11:44:15

《仿盒马》app开发技术分享-- 订单地址修改(31)

技术栈 Appgallery connect 开发准备 上一节我们实现了订单备注弹窗,订单商品列表的提交,订单列表的提交,提交之后的业务逻辑我们并没有去处理,那么订单提交之后我们需要进入到什么页面呢?这时候我们需要一个过渡页面,它能给我们提供更多的订单相关的入口,帮助用户去确认内容,或者查看订单相关内容 功能分析 要实现这样一个页面,首先我们要做的就是在这个..

HarmonyOS NEXT
136
0
2025-06-25 11:43:28

《仿盒马》app开发技术分享-- 确认订单页(业务逻辑)(30)

技术栈 Appgallery connect 开发准备 上一节我们实现了确认订单页的页面绘制和价格计算优惠计算,订单列表展示等功能,这一节我们来实现确认订单页的整个业务逻辑。首先我们要实现的就是地址的选择,然后把我们计算的价格,商品列表等数据保存起来,然后我们开始创建订单表实体类等,把这些数据提交到订单表中 功能分析 要想实现确认订单的功能,首先我们要创建对..

HarmonyOS NEXT
128
0
2025-06-25 11:42:54

《仿盒马》app开发技术分享-- 确认订单页(数据展示)(29)

技术栈 Appgallery connect 开发准备 上一节我们实现了地址的添加,那么有了地址之后我们接下来的重点就可以放到订单生成上了,我们在购物车页面,点击结算会跳转到一个 订单确认页面,在这个页面我们需要有地址选择、加购列表展示、价格计算、优惠计算、商品数量展示等信息。 功能分析 要想实现确认订单页面的功能,我们只需要从购物车页面把加购的列表传递过来..

HarmonyOS NEXT
131
0
2025-06-25 11:42:30

《仿盒马》app开发技术分享-- 新增地址(28)

技术栈 Appgallery connect 开发准备 上一节我们实现了地图选点,获取当前位置,在地图上添加标记,根据当前的定位获取poi地址列表等功能,这些全部都为了我们这一节而铺垫,这一节我们要实现的是新增地址,把我们的用户信息,填写收件人、门牌号、手机号、经纬度、详细地址等信息添加到我们的云数据库中,然后在地址查询列表里展示出来。 功能分析 实现地址的..

HarmonyOS NEXT
128
0
2025-06-25 11:42:11

《仿盒马》app开发技术分享-- 地图选点(27)

技术栈 Appgallery connect 开发准备 上一节我们实现了地图的简单展示,这一节我们要实现的内容是,根据展示的地图,实现当前定位功能,当前位置的poi地址功能,以及列表的展示,给地图添加标记,展示自己的当前定位 功能分析 要想实现这些功能,首先我们需要在地图加载之前获取当前的经纬度,根据经纬度查询附近的poi地址,然后我们获取这些poi地址展示..

HarmonyOS NEXT
137
0
2025-06-25 11:41:53

《仿盒马》app开发技术分享-- 原生地图展示(26)

技术栈 Appgallery connect 开发准备 上一节我们实现了获取当前用户的位置,并且成功的拿到了经纬度,这一节我们就要根据拿到的经纬度,结合我们其他的知识点来实现地图的展示。 功能分析 地图的展示,我们需要在管理中心先给我们对应的应用开启地图api功能,否则是不能展示的,其次是我们要配置自签,不配置的话也是无法使用地图功能,然后我们还需要注意应用..

HarmonyOS NEXT
128
0
2025-06-25 11:41:31

《仿盒马》app开发技术分享-- 定位获取(25)

技术栈 Appgallery connect 开发准备 上一节我们实现了地址管理页面的数据查询和展示,接下来我们要实现的功能是地址添加相关的,我们想实现的功能是地图选点,那么在地图选点之前我们要做的就是先获取用户当前的定位。获取定位后我们拿到经纬度和其他信息,然后在对应的地图上展示。 功能分析 要想实现定位功能,首先我们需要给应用申请定位权限,然后我们每次进..

HarmonyOS NEXT
144
0
2025-06-25 11:41:11

《仿盒马》app开发技术分享-- 地址管理页(24)

技术栈 Appgallery connect 开发准备 上一节我们实现了个人信息页面的信息展示和页面修改,并且实现了数据的同步修改,这一节我们来实现电商应用里比较重要的模块,地址模块。首先我们来实现地址的展示。 功能分析 地址列表的展示相对来说是比较简单的,首先我们要新增对应的表,然后在云端先添加几条测试数据,然后在页面中实现当前用户对应的地址查询,在列表组..

HarmonyOS NEXT
130
0
2025-06-25 11:38:36

《仿盒马》app开发技术分享-- 个人信息页(23)

技术栈 Appgallery connect 开发准备 上一节我们实现了个人中心的业务逻辑,实现了个人信息修改后的动态更换,而且实现了一个静态的头像选择弹窗,但是这个弹窗我们并没有使用。这一节我们在个人信息页面就会使用到这个弹窗并且还涉及其他的弹窗。以及信息的同步展示和修改 功能分析 个人信息页面的展示,我们需要通过个人中心的入口进入,个人中心页面首先要根据..

HarmonyOS NEXT
135
0
2025-06-25 11:38:13

《仿盒马》app开发技术分享-- 个人中心页or静态头像选择(业务逻辑)(22)

技术栈 Appgallery connect 开发准备 上一节我们实现了登录页面的业务逻辑,并且成功的实现了数据的查询,同时我们新增了用户首选项的工具类,现在主界面往登录页面跳转,登录成功后我们关闭登录页面,这时候我们就会回到个人中心页面,那么现在我们的业务逻辑是一种什么样的形式?登录成功后我们需要显示用户的信息,并且在下次登录时依旧展示个人信息。同时我们还..

HarmonyOS NEXT
137
0
2025-06-25 11:37:39

《仿盒马》app开发技术分享-- 用户登录页(业务逻辑)(21)

技术栈 Appgallery connect 开发准备 上一节我们实现了静态的用户登录页,这一节我们需要给他添加上业务逻辑,实现跟云数据库的互通,同时跟整个应用关联起来,因为我们还没有实现用户的注册页面,所以这里我们在云数据库的用户数据插入暂时先不做同用户名的校验,我们在云端先插入几条数据,暂时专注于查询即可 功能分析 登录页的业务逻辑主要还是针对用户输入的..

HarmonyOS NEXT
135
0
2025-06-25 11:37:15

《仿盒马》app开发技术分享-- 用户登陆页面(静态)(20)

技术栈 Appgallery connect 开发准备 上一节我们实现了个人中心页面的静态展示,项目进行到这里呢,我们也是时候添加用户相关的内容了, 因为到了后期,我们的数据都是跟用户绑定的,各个用户之间的数据并不互通,现在为了实现我们的用户绑定制度,我们需要给应用添加一个用户登陆的入口的。 功能分析 用户登陆页面的内容相对来说比较简单,我们首先要实现的就是..

HarmonyOS NEXT
127
0
2025-06-25 11:36:54

《仿盒马》app开发技术分享-- 个人中心页面(19)

技术栈 Appgallery connect 开发准备 上一节我们实现了分类页面的所有联动效果,这一节我们要开始完成一个新的页面,这个页面是我们主界面的第四个板块,就是个人中心页面。在这个模块,我们可以显示一些用户信息,以及用户相关的各类功能的入口 功能分析 要实现个人中心页面,首先我们要规划好整体的布局,我们选择从上到下实现,分为三块,一块显示用户信息,一..

HarmonyOS NEXT
143
0
2025-06-25 11:36:27

《仿盒马》app开发技术分享-- 分类右侧商品列表(18)

技术栈 Appgallery connect 开发准备 上一节我们实现了分类页左侧二级分类列表功能,并实现了顶部列表&弹窗跟左侧列表的联动,这一节我们需要在它们联动的基础上继续添加右侧列表的联动效果 功能分析 1.列表展示 当我们选择顶部一级分类列表时,左侧列表展示二级分类列表,右侧商品列表展示二级分类列表下的同品类商品,这时候我们需要很好的控制它们..

HarmonyOS NEXT
125
0
2025-06-25 11:36:05

《仿盒马》app开发技术分享-- 分类左侧列表(17)

技术栈 Appgallery connect 开发准备 上一节我们实现了分类页面的顶部导航栏全选弹窗列表,并实现了跟顶部列表的点击选中联动效果,这一节我们要实现的功能是,分类模块的左侧列表,它同样也需要跟弹窗列表的点击,顶部列表的点击有联动的效果 功能分析 1.列表展示 列表的数据展示,我们要根据当前选中的顶部列表child_id作为前提条件进行数据的查询,..

HarmonyOS NEXT
132
0
2025-06-25 11:35:31

《仿盒马》app开发技术分享-- 分类模块顶部导航列表弹窗(16)

技术栈 Appgallery connect 开发准备 上一节我们实现了分类页面的顶部导航栏列表,并且实现了首页金刚区跟首页导航栏的联动,这一节我们实现导航栏列表的弹窗功能,需要学习的知识点有自定义弹窗,同时我们的数据源需要跟分类页保持一一致。 功能分析 1.弹窗 自定义弹窗的实现,然后我们需要在弹窗创建的时候实现数据的同步,当我们在弹窗未出现的时候进行列表..

HarmonyOS NEXT
124
0
2025-06-25 11:34:49

《仿盒马》app开发技术分享-- 分类模块顶部导航列表(15)

技术栈 Appgallery connect 开发准备 上一节我们实现了购物车商品列表的大部分功能,实现了商品的添加、删除、增减、价格计算等业务,并且都跟云端进行通信。现在我们继续对项目进行改造,这一节我们要改造的内容是分类页,这个页面我们在之前的非端云一体化项目中实现过。现在要改造成端云一体的模式,并且我们的金刚区也要实现分类页的点击联动 功能分析 1.分..

HarmonyOS NEXT
127
0
2025-06-25 11:34:06

《仿盒马》app开发技术分享-- 购物车功能完善(14)

技术栈 Appgallery connect 开发准备 上一节我们实现了购物车商品列表的状态切换,已添加商品数量的增减,已添加商品滑动删除,已添加商品在选中情况下的价格计算。这一节我们在这些功能的基础上实现云端记录,因为我们现在只有数据的查询是从云端获取的,其他的操作虽然都实现了相对应的功能,但是当我们操作完,关闭app,再打开不会有对应的记录,有的同学可能..

HarmonyOS NEXT
137
0