- 博客(71)
- 收藏
- 关注
RSS订阅原创 《仿盒马》app开发技术分享--未完成订单列表展示逻辑优化（61）
上一节我们实现订单与优惠券的联合提交时，我去到订单列表页面查看生成的订单信息，发现现在的订单从信息展示到价格计算全都是有问题的。所以紧急的把对应的问题修改一下。if (value!= "") {我们可以看到，当我们进入到待发货页面的时候，我们进行了orderlist所有订单的请求，这里的请求是没有错的，我们继续向下，这时候我们通过条件进行数据查询这里我们直接拿了当前第一条数据放到list中去执行逻辑，这就会导致，我们列表的所有内容展示的都是第一条的相关商品和价格，展示的图片和价格都是一样的。
2025-06-18 22:31:09
137
原创 《仿盒马》app开发技术分享-- 订单结合优惠券结算（60）
因为我们之前的订单列表是订单相关商品相关是分开的，所以在这里我们同样要把优惠券的内容分开，只存储id进去后续再查询出对应的券金额，我们首先就是要修改订单表，然后在券选择的同时拿到优惠券的相关内容，提交订单时把优惠券内容一起提交，方便我们后续的订单详情内查询券后价。上一节我们已经实现了优惠券的选择，并且成功的把券后的价格也展示给用户，不能使用的优惠券我们也用友好的方式告知用户，这一节我们来实现优惠券内容的下一步，优惠券内容结合订单进行结算提交。然后我们在选择券的时候拿到券的id，这里我们用回调的方式实现。
2025-06-18 22:18:06
335
原创 《仿盒马》app开发技术分享--确认订单选择优惠券（59）
要实现在弹窗中展示优惠券首先，我们要创建一个自定义弹窗，在弹窗中我们要查询的数据应该是全部的数据，这样我们就能实现可用优惠券跟不可用优惠券的展示，告知用户可用优惠券的金额，以及不可用优惠券差多少额度可用，点击可用优惠券修改结算金额，展示选中的优惠券金额。在上一节我们实现了在确认订单页查询优惠券，但是我们并没有其他优惠券相关的逻辑，我们的目的还是在订单结算的时候去使用我们对应的优惠券，现在我们要在确认订单页去进行优惠券的选择，为了方便用户操作，我们以弹窗的形式展现。修改优惠券展示组件的逻辑。
2025-06-18 21:53:43
347
原创 《仿盒马》app开发技术分享-- 优惠券逻辑优化（58）
我们已经实现了优惠券的领取和展示，现在已经趋近于一个完整的电商应用了，但是这时候问题又来了，我们领取完优惠券之后，我们的新用户优惠券模块依然存在，他并没有消失，既然我们是从云数据库中查询的数据，那么我们需要找到一个字段跟他对应起来，来实现新用户领券后关闭这个模块的展示，同时我们在未登录的时候他也要保持隐藏，登录后能实现优惠券的领取。首先我们在优惠券领取之后，使用回调的方式修改isvip的状态，同时接收登陆后传递的信息，我们传user信息进组件内。实现自后我们来到确认订单页面，先查询出可用的优惠券。
2025-06-17 17:03:52
474
原创 《仿盒马》app开发技术分享-- 优惠券展示页（57）
上一节我们实现了优惠券的领取功能，并且在云端已经成功查询出优惠券信息，那么我们需要来实现一个优惠券展示的页面来向用户展示当前账号下的优惠券信息，辅助用户更好的去购买需要的商品，因为优惠券会有多种状态，在展示时也要注意不同状态的区分如何处理。要实现优惠券的展示我们首先要获取当前登录的用户，因为我们在领取优惠券的时候插入了领券用户的userid，所以在查询的时候也要根据userid进行查询，在进入页面时就要查询出云端对应的优惠券内容展示到list列表中。根据当前用户id去查询对应的优惠券列表。
2025-06-17 14:40:02
278
原创 《仿盒马》app开发技术分享-- 领取优惠券（56）
新人优惠券我们在创建的时候给他赋予了一些字段，分别对应了优惠券的id，面额，最小可用金额等，那我们既然需要跟用户进行绑定，还是需要新建一个优惠券的表，把优惠券已有的数据填充进去，并且添加上userid，方便我们按用户查。在之前的功能开发中，我们有些功能只有展示的能力并没有与云端产生任何的交互，后续经过我们的迭代，更多的能力有了交互能力，这一节我们就要开始着手给那些静态展示的模块添加业务逻辑，我们现在要实现的是首页的新人优惠券的领取。我们已经在云数据库查询出了对应的数据，到这我们就实现了优惠券领取功能。
2025-06-16 22:08:20
390
原创 《仿盒马》app开发技术分享-- 回收金提现安全锁校验（55）
上一节我们实现了回收金提现记录的展示功能，我们回收金相关的内容更加的丰富了，在之前的业务逻辑中我们添加了一个设置安全锁的功能，虽然我们成功设置了安全锁，也把对应的表信息提交到云端，但是我们并没有在提现的流程中去使用安全锁相关的内容，这一节我们就把安全锁相关的内容跟提现流程关联起来，让我们的功能安全性更高。然后我们把输入的值跟表中存储的值进行校验，验证成功后提交对应的记录。这里我们把弹窗中输入的值通过回调传递出去，在提现页面引用弹窗。然后我们进行数据源的非空判断，安全锁开关判断。
2025-06-15 22:06:16
453
原创 《仿盒马》app开发技术分享-- 回收金提现记录查询（54）
上一节我们实现了回收金提现的功能，并且成功展示了当前账户的支出列表，但是我们的提现相关的记录并没有很好的给用户做出展示，用户只知道当前账户提现扣款，并不知道回收金的去向，这一节我们就要实现回收金记录的查询添加、查询、展示。要实现这些功能我们需要新建一张表，根据当前用户绑定的信息去填充对应的信息，把提现的银行卡，提现状态，提现时间，提现金额都先添加到表里，在用户进入提现记录页面之后，通过userid去查询当前用户的记录然后在列表里进行展示。然后把我们查询到的数据展示到列表组件中。现在让我们运行代码查看效果。
2025-06-15 21:56:32
301
原创 《仿盒马》app开发技术分享-- 回收金提现（53）
上一节我们实现了银行卡的绑定跟回显，这一节我们要真正的实现银行卡提现的功能了，在这之前我们还需要对提现页的业务逻辑进行更进一步的优化，同时为了方便我们去进行数据间的交互，我们在个人信息模块新增了金额和积分的字段，方便我们其他页面的展示和隐藏。这样我们就先处理好了逻辑，然后在确认提现的按钮处操作我们的两张表，分别把已经获取到的数据和填写的提现金额输入进去，我们需要拿账号总额去减去当前提现的额度，并且生成记录。在提现成功后，我们需要给用户一个反馈，这时候我们就新增一个简单的页面展示状态即可。
2025-06-14 22:53:13
360
原创 《仿盒马》app开发技术分享-- 绑定银行卡回显（52）
首先我们要实现相应信息的录入，我们需要新建对应的银行卡绑定页面来填充信息，信息填充完成后把银行卡数据提交到云端的bindbank表中，然后我们在提现页面的onPageShow方法中查询对应的数据，展示到卡信息显示模块中，操作的时候一定要跟我们的userid进行关联。上一节我们实现了安全锁的绑定，这一切都是为了帮助用户在提现流程上能有更好更安全的体验，现在我们开始正式着手提现相关的流程，我们先进行提现银行卡的绑定，绑定成功后我们关闭页面把数据回显到提现页。到这里我们就实现了银行卡的绑定和回显。
2025-06-14 16:55:33
230
原创 《仿盒马》app开发技术分享-- 设置安全锁（51）
要实现这个功能首先我们需要在个人页面添加一个安全入口，然后在安全锁设置页面开启安全锁的按钮，当没有开启安全锁的时候，点击开启按钮会出现一个安全锁的弹窗，在弹窗里设置对应的密码，设置成功后保存对应的内容提交到云端，进行保存，方便后续的校验，关闭安全锁则在云端删除对应的内容。因为我们提交数据需要用户信息，首次进入页面也需要加载对应的状态所以还需要进行数据查询。接下来我们创建对应的安全锁设置弹窗并整理好对应的逻辑。首先我们直接在个人页面的列表中添加上对应的数据。创建对应的安全锁页面，在页面中设置好对应的参数。
2025-06-14 15:40:15
358
原创 《仿盒马》app开发技术分享-- 回收金提现准备页（50）
要实现提现功能，首先我们需要有对应银行卡信息的绑定，提现的金额，以及当前账号下的回收金总额，从商业角度考虑，我们还要限制一天内回收金额的提取总数，避免在某些情况下造成不必要的损失，首先我们需要判断当前账号是否绑定有对应的信息，然后我们通过对input组件进行条件判断来限制用户一些不正确的操作，然后在添加确认提现和提现记录按钮。通过定义的@Provide @Consume可以帮助我们跨组件获取值，来更好的进行逻辑判断。然后我们实现银行卡绑定模块，我们用组件引入的方式来实现，处理好绑定以及未绑定的展示逻辑。
2025-06-13 21:55:01
161
原创 《仿盒马》app开发技术分享-- 回收金收支查询（49）
上一节我们实现了回收金页面的部分布局填充和内容展示，并且实现了当前订单收益总金额的展示，以及金额的隐藏，这一节我们来实现当前用户收支列表的展示，在这之前，我们先要修改一下我们recycleinfo表，我们把规格相关的内容添加上去，方便我们后续的逻辑编写，不然每次都根据weightid查询确实有一点点不方便。然后我们生成Server Client 的Model，因为我们的现金奖励以及积分是只有在回收订完完成之后才会添加数据所以我们要在订单完成的点击事件中添加数据的提交，同时把状态改为收入。
2025-06-13 16:01:35
227
原创 《仿盒马》app开发技术分享-- 回收金查询页面（48）
上一节我们实现了查看当前账号下的预收益，以及当下收益，并且展示了已完成订单的列表，现在我们可以针对收益来做更多的内容了，在之前的开发中我们在个人中心页面实现了一个静态的金额展示，后续我们将会在这里展示当前账号的总金额，点击当前账号金额进入回收金查询页面，在这个页面我们将会对该账号的回收金进行一系列的操作。实现之后我们在中间实现我们的三个入口模块，我们创建自定义组件，然后引入。这样我们的入口模块就实现了，最后我们在这里加上收入支出的列表展示。首先实现回收金的展示和隐藏，以及提现金额的展示，我们先创建页面。
2025-06-12 20:45:55
282
原创 《仿盒马》app开发技术分享-- 回收记录页（47）
上一节我们实现了在订单列表中查看订单详情，但是我们的回收相关的营收就必须要进入到商品详情页才能够进行查看，如果我们在订单较多的情况下，一个一个的查看订单的详情就会变得非常的麻烦了，现在我们需要实现一个订单记录查看页面，针对正在进行的订单，和已完成的订单，展示预估收益和收益统计。然后我们定义接收对应数据的参数根据查询到订单列表的weightid查询出对应的收益和积分。首先我们拿到用户信息然后查询出对应的运输中订单跟已完成订单列表。获取到内容之后我们填充到页面上。我们执行代码查看效果。
2025-06-12 16:29:15
164
原创 《仿盒马》app开发技术分享-- 回收订单详情页（46）
上一节我们实现了订单列表的所有功能，展示了待取件、已取消、运输中、已完成等订单列表的数据展示，并且在对应的订单中点击功能按钮实现了订单的状态切换，这一节我们就要通过点击对应列表内的订单进入相应的订单详情页，展示当前订单的状态和对应的信息，当进入的是已完成订单时展示当前订单的收益，分别显示收入多少金额和对应的积分。拿到id对应的订单之后，我们根据当前订单的weightid查询出对应的重量、收益、积分等信息。首先添加对应的点击事件，在所有的列表都要添加上。然后在订单详情页面接收对应的id。
2025-06-11 22:08:26
159
原创 《仿盒马》app开发技术分享-- 回收订单页功能完善（45）
要实现运输中、已完成订单状态我们分别要先实现tab切换时组件刷新的方法，根据对应的index来实现当前页面的刷新，然后在刷新方法中请求云数据库的数据展示到页面上，通过userid与ordertype去筛选对应的订单，取出符合要求的数据，在不同的状态栏中我们还需要实现修改当前点击订单的状态，实现本地列表的更新和云端订单状态的修改。因为已完成页面不需要修改订单状态，仅需要展示，所以数据查询出来之后直接展示到list中即可。然后在订单中通过点击订单完成按钮完成对订单状态的修改。我们执行代码查看效果。
2025-06-11 20:42:28
650
原创 《仿盒马》app开发技术分享-- 回收订单状态修改与展示（44）
上一节我们实现了订单列表页，但是我们的订单列表又分为很多的订单状态，我们在订单列表页取出的数据是所有的数据，订单的状态我们还需要进行一些操作，如果都在一起，对用户来说非常的不友好，所以我们需要把它修改为不同状态下展示不同的列表，同时我们实现订单的取消，以及已取消订单的列表查看。创建代取件组件，根据userid、ordertype查询对应的待取件列表。到这里我们就实现了待取件订单的取消以及已取消订单的展示。取消预约按钮处，修改订单对应订单的状态。首先查询对应的取消订单列表。对应的列表展示（完整代码）
2025-06-11 16:23:44
419
原创 《仿盒马》app开发技术分享-- 旧物回收订单列表（43）
要实现订单列表的展示，首先我们要查询对应用户下的订单列表，查询出对应的订单列表后，展示出对应的数据到组件内，数据的列表展示使用list实现，在订单展示item上我们根据订单状态展示对应的订单操作按钮。上一节我们实现了订单的创建，并且成功吧数据提交到云数据库中，这一节我们实现的内容是展示我们提交的订单列表。根据用户信息查询当前用户下所有的列表。首先我们获取保存的用户信息。现在我们执行代码查看效果。使用list展示列表。
2025-06-11 15:12:37
414
原创 《仿盒马》app开发技术分享-- 旧物回收页（提交云端）（42）
预估重量列表的实现首先需要创建对应的表和数据源，然后在页面打开的时候从云端查询出对应的数据，展示到我们创建的静态列表中，然后我们创建订单，把页面中的数据放置到创建的订单创建表中。上一节我们已经实现了地址，留言，取件时间的选择，以及静态的预估重量。现在我们需要把预估重量创建出来，从云端去获取，以应对后续的其他业务逻辑，以及回收订单的创建。到这里我们就实现了提交云端数据的功能。在页面打开后获取云端的数据。添加对应的数据到提交信息表。创建对应的实体和db类。首先我们创建对应的表。
2025-06-10 17:02:37
225
原创 《仿盒马》app开发技术分享-- 旧物回收页（业务逻辑）（41）
要实现地址选择，我们首先要在跳转到地址列表选择页，传递过去一个标记，证明我们是从回收首页跳转过来的，选择地址后的地址信息传递要传递到对应的页面。上一节我们实现了旧物回收页的静态展示页，现在我们开始添加对应的模块逻辑，我们要实现的内容有，地址选择、留言、取件时间、重量选择这些模块。这里我们实现一个添加留言的弹窗，拿到内容展示到留言板块即可。可以点击切换，切换时修改对应的背景色，获取到对应的数据。地址选择，点击事件跳转对应的页面。在地址选择页面拿到对应的状态标记。传递对应的地址数据过去，然后接收。
2025-06-10 15:14:19
247
原创 《仿盒马》app开发技术分享-- 旧物回收页（静态）（40）
上一节我们进行了购物车业务逻辑的优化，使我们的程序变得更加健壮，这一节我们将要开始电商业务以外的内容，旧物回收，这是一个全新的业务模块，我们将要在这里实现对应的，回收金，积分，回收业务相关内容。要想实现旧物回收相关的内容，我们首先要搭建一个业务框架，我们这里我们要实现的内容有头部回收种类的展示模块，用户下单滚动提示模块，信息填充模块，以及后续的订单入口模块。然后是我们的用户信息填充模块，这里我们需要的关键信息就是地址，备注，用户下单的回收时间等。到这里我们就暂时实现了旧物回收的主要框架了。
2025-06-09 22:07:44
327
原创 《仿盒马》app开发技术分享-- 购物车逻辑优化（39）
之后我们继续进行逻辑漏洞的寻找，发现当我们选中和取消数据的时候，我们修改数据忘记了传入userid，这会导致我们的数据失去userid，下次在进入购物车查询，这些取消选中的数据都会消失掉，因为我们是根据用户的userid去进行查询的，在这里我们添加对应的逻辑。只要有一条是选中的我们就继续执行后续的逻辑，到了确认订单页面，我们拿到传递过来的数据根据isNeedPay 进行筛选，我们只拿为true的数据，其他的数据我们就不需要了，因为它没被结算依然要存储在购物车中。到这里我们的购物车相对来说就变得比较健壮了。
2025-06-09 22:00:18
279
原创 《仿盒马》app开发技术分享-- 商品搜索页（搜索记录&商品搜索）（38）
商品搜索记录列表，我们可以通过保存输入的搜索内容到用户首选项中实现。搜索记录的唯一性是当我们搜索相同的内容，只会产生一条记录，只需要在添加数据的时候进行一次过滤，搜索记录的删除我们通过弹窗来实现，调用封装好的删除方法，根据key删除对应的存储记录。上一节我们新建了商品搜索页，实现了顶部的搜索bar以及下方的推荐搜索列表，这一节我们要新增一个商品搜索记录列表，以及输入内容之后搜索出对应商品的功能，我们还需要保证搜索内容的唯一性，以及搜索记录的本地数据持久化和搜索记录列表的删除。可以看到我们的效果已经实现。
2025-06-05 10:42:07
469
原创 《仿盒马》app开发技术分享-- 商品搜索页（顶部搜索bar&热门搜索）（37）
随着开发功能的逐渐深入，我们的应用逐渐趋于完善，现在我们需要继续在首页给没有使用按钮以及组件添加对应的功能，这一节我们要实现的功能是商品搜索页面，这个页面我们从上到下开始实现功能，首先就是一个搜索的bar，然后是一个系统推荐的热门搜索列表。要实现顶部的搜索bar其实还是非常简单的，我们只需要使用对应的row布局去填充对应的组件，然后根据输入状态来实现对应组建的展示和隐藏即可，热门搜索列表我们需要在云端新建对应的表，填充数据后，进行云数据库数据的请求。之后我们创建对应的商品搜索页面，在页面中实现一个bar。
2025-06-04 17:02:23
292
原创 《仿盒马》app开发技术分享-- 个人中心&关于逻辑完善（36）
要实现状态的修改，我们在登录以及退出登录页面间通信采用emitter来发送和接收消息，在消息接收成功后的回调里修改当前页面的参数，同时销毁存储的用户信息，关于页面我们直接添加当前应用以及作者的信息即可，同时为了能更好的方便同学们查看其他内容，在关于中我使用webview展示了某站的个人主页，可以查看最新的文章列表，同时在个人信息页面添加退出按钮和对应逻辑。我们继续实现关于页面的逻辑，在这个页面我们只需要填充对应的信息即可，只需要注意跳转到web页面的事件。我们执行一下代码看看webview页面的展示效果。
2025-06-03 22:34:42
457
原创 《仿盒马》app开发技术分享-- 扫一扫功能（35）
要实现扫一扫的功能，我们有两种选择，首先是zxing，然后是scankit，这里我们选择使用scankit，因为它针对多种复杂扫码场景做了识别优化，提升扫码成功率与用户体验，我们自己要处理的内容就会少很多，我们主要扫码内容就是商品的id，通过扫描商品id对应的二维码，携带id跳转到对应的商品详情页面，查询出对应的商品详情展示。在回调中我们获取了扫码的内容，把扫码内容传递到商品详情页。然后我们在引用组件的地方调用Scankit。首先我们在二维码扫描的按钮添加事件回调。到这里就实现了扫码进入商品详情的功能。
2025-06-03 11:38:47
230
原创 《仿盒马》app开发技术分享-- 购物车业务逻辑完善（34）
之前我们已经实现了购物车相关的内容，实现了购物车数据列表的展示，但是我们结算订单之后我们的购物车列表并没有刷新，而且底部的状态栏并没有明显的数据展示来提醒用户，而且当我们在商品详情页添加新商品，底部也没有同步更新，这一节我们要解决的问题就是这些。然后我们在购物车组件内新增一个控制刷新的变量，并监听变量是否修改，修改后我们执行云数据库的查询方法，查询当前登录用户的购物车列表，当提交完订单之后，我们在订单提交页通过emitter传递状态。首先在底部购物车图标右上角新增Badge组件。2.提交购物车商品列表。
2025-06-02 15:37:55
304
原创 《仿盒马》app开发技术分享-- 订单列表页（33）
要实现这么一个功能我们首先就需要实现页面的切换功能，这里我们使用tabs组件，之后我们在tabcontent中添加对应的页面组件，对应当前展示的订单状态，分别有待发货、待收货、已完成这些状态，我们需要在切换到对应页面的时候进行订单的查询，注意tabcontent加载后再次切换时不会再执行生命周期方法，我们还需要进行切换时的请求处理，保证订单列表的实时性。首先实现一个切换的页面，并且添加对应的组件，这里我们暂时实现一个，其他的我们如法炮制即可，我们来实现待发货页面。然后实现切换后的查询代码。
2025-05-29 22:26:45
491
原创 《仿盒马》app开发技术分享-- 订单详情页（32）
在之前的章节中我们实现了订单的提交，以及提交之后跳转到确认订单页面，在确认订单页面我们添加了一个入口，这个入口是查询订单，当我们点击入口时，我们需要跳转到一个新的界面，这个界面通过接收上个界面的订单id或者订单code 等信息，进行订单的详细内容展示要想实现订单内容的展示，首先我们要解决订单查询的问题，之前的订单提交页面，因为我们做了一张关联表，把提交的商品放置到了一张单独的表中，通过order_product_id去做关联查询，所以我们还需要根据id 把对应的商品列表查出来，然后我们再查出对应order_
2025-05-29 20:55:27
571
原创 《仿盒马》app开发技术分享-- 订单地址修改（31）
要实现这样一个页面，首先我们要做的就是在这个页面我们能拿到用户的信息，对应的订单id，这样的话我们就可以通过一个查询订单的按钮或者入口进入到订单的详情界面，然后我们需要有一个地址确认的页面，这能帮助用户核对地址的准确性，同时我们还需要提供一个地址修改的信息展示，辅助用户进行错误地址的修改。当我们的地址需要修改，我们点击修改地址按钮，来到订单地址修改页，我们依旧要接收对应的数据集在当前页面加载，我们展示的内容有当前选择的地址，以及要修改的地址，要修改的地址我们从地址列表也重新选择实现。
2025-05-28 22:01:15
654
原创 《仿盒马》app开发技术分享-- 确认订单页（业务逻辑）（30）
上一节我们实现了确认订单页的页面绘制和价格计算优惠计算，订单列表展示等功能，这一节我们来实现确认订单页的整个业务逻辑。首先我们要实现的就是地址的选择，然后把我们计算的价格，商品列表等数据保存起来，然后我们开始创建订单表实体类等，把这些数据提交到订单表中。要想实现确认订单的功能，首先我们要创建对应的表，我们需要注意的数据有当前订单对应的userid，表的id，以及表携带的数据，订单的创建时间，完成时间，退单时间，订单编号，付款方式，备注等，还要注意商品列表多条时如何有效插入和查询的问题。
2025-05-28 16:35:26
900
原创 《仿盒马》app开发技术分享-- 确认订单页（数据展示）（29）
上一节我们实现了地址的添加，那么有了地址之后我们接下来的重点就可以放到订单生成上了，我们在购物车页面，点击结算会跳转到一个 订单确认页面，在这个页面我们需要有地址选择、加购列表展示、价格计算、优惠计算、商品数量展示等信息。要想实现确认订单页面的功能，我们只需要从购物车页面把加购的列表传递过来，然后根据列表中的buyamount 以及price 去计算对应的价格和加购数量，然后我们通过划线价去计算我们的优惠。最后确认无误提交订单。数据接收成功之后我们绘制收货地址模块，以及列表展示模块，价格计算模块的ui。
2025-05-27 22:37:41
875
原创 《仿盒马》app开发技术分享-- 新增地址（28）
上一节我们实现了地图选点，获取当前位置，在地图上添加标记，根据当前的定位获取poi地址列表等功能，这些全部都为了我们这一节而铺垫，这一节我们要实现的是新增地址，把我们的用户信息，填写收件人、门牌号、手机号、经纬度、详细地址等信息添加到我们的云数据库中，然后在地址查询列表里展示出来。然后我们创建一个新增地址页面在生命周期事件中接收，因为这个页面我们后期会展示用户选择的地址的位置，所以我们需要实现一个堆叠布局，把信息填写放置在地图之上展示。首先我们在地图选点页面，在列表的点击事件中传递我们点击的条目数据。
2025-05-26 22:05:20
1074
原创 《仿盒马》app开发技术分享-- 地图选点（27）
要想实现这些功能，首先我们需要在地图加载之前获取当前的经纬度，根据经纬度查询附近的poi地址，然后我们获取这些poi地址展示到列表内，同时我们根据当前位置计算出与列表内地址的直线差距。上一节我们实现了地图的简单展示，这一节我们要实现的内容是，根据展示的地图，实现当前定位功能，当前位置的poi地址功能，以及列表的展示，给地图添加标记，展示自己的当前定位。这样我们就已经实现了地图上的标记以及当前位置的展示，我们执行一下代码查看一下效果。
2025-05-26 16:44:34
725
原创 《仿盒马》app开发技术分享-- 原生地图展示（26）
地图的展示，我们需要在管理中心先给我们对应的应用开启地图api功能，否则是不能展示的，其次是我们要配置自签，不配置的话也是无法使用地图功能，然后我们还需要注意应用是否开启了联网权限，如果这些都已经完成，那么我们在地图显示之前还需要进行权限时候获取的校验。上一节我们实现了获取当前用户的位置，并且成功的拿到了经纬度，这一节我们就要根据拿到的经纬度，结合我们其他的知识点来实现地图的展示。到这里我们的地图展示就实现了，我们执行一下代码看看效果。可以看到我们的地图已经成功展示出来了，完整代码如下。
2025-05-25 22:17:32
607
原创 《仿盒马》app开发技术分享-- 定位获取（25）
上一节我们实现了地址管理页面的数据查询和展示，接下来我们要实现的功能是地址添加相关的，我们想实现的功能是地图选点，那么在地图选点之前我们要做的就是先获取用户当前的定位。要想实现定位功能，首先我们需要给应用申请定位权限，然后我们每次进入页面之前需要先进行定位功能是否开启的判断，如果没有开启我们要提示用户去开启，之后我们才是对定位请求的开启判断，用户同意之后获取当前的定位，在返回值中拿到经纬度。如果用户开启了定位，并且我们没有开启应用的定位权限，在当前页面的底部提醒用户，去开启定位。
2025-05-25 21:25:09
762
原创 《仿盒马》app开发技术分享-- 地址管理页（24）
上一节我们实现了个人信息页面的信息展示和页面修改，并且实现了数据的同步修改，这一节我们来实现电商应用里比较重要的模块，地址模块。地址列表的展示相对来说是比较简单的，首先我们要新增对应的表，然后在云端先添加几条测试数据，然后在页面中实现当前用户对应的地址查询，在列表组件中进行展示。可以看到我们已经有了两条测试数据，接下来我们就可以创建对应的页面开始查询我们云数据库的数据了。我们的断点中可以看到已经查询出了我们对应的两条数据，然后我们把它展示到列表中。然后我们点击新增进行数据的插入，插入后我们点击查询。
2025-05-25 19:43:29
895
原创 《仿盒马》app开发技术分享-- 个人信息页（23）
个人信息页面的展示，我们需要通过个人中心的入口进入，个人中心页面首先要根据user_id来查询我们用户相对应的信息，然后在页面进行展示，然后我们点击某些可以修改的选项，弹出编辑弹窗在数据库层面进行修改，同时在页面实时刷新。可以看到数据已经展示到页面上，接下来我们进行数据的修改，首先是头像的修改，因为之前我们已经创建了对应的弹窗但是没有实现对应的逻辑，这时候我们只需要在点击事件中添加对应的修改逻辑即可。然后创建对应的个人信息展示页面，并且在生命周期中查询对应的userid对应的个人信息。
2025-05-24 14:37:13
613
原创 《仿盒马》app开发技术分享-- 个人中心页or静态头像选择（业务逻辑）（22）
上一节我们实现了登录页面的业务逻辑，并且成功的实现了数据的查询，同时我们新增了用户首选项的工具类，现在主界面往登录页面跳转，登录成功后我们关闭登录页面，这时候我们就会回到个人中心页面，那么现在我们的业务逻辑是一种什么样的形式？然后解决切换时自定义组件不刷新的问题,我们在index页面定义一个下标的tag ，然后通过@prop 传进组件内，通过监听来执行我们想要的方法。现在我们切换的问题解决了，接下来要解决的是数据的传输，在上方的back中我们把用户信息传递到了index页面，所以我们需要接收一下。
2025-05-23 16:32:56
716
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人