ITPub博客

## 技术栈Appgallery connect## 开发准备上一节我们针对订单兑换的业务逻辑进行了完善，成功的在兑换物品之后修改了用户信息的修改，新增了积分消费的记录。这一节我们实现订单创建之后进入的列表展示页框架。## 功能分析兑换商品的订单列表框架我们选择使用tabs，实现一个页面可以进行切换。这样我们一个页面中可以展示许多状态的订单。## 代码实现我们先实现一个整体框架，定义需要的参数``

## 技术栈Appgallery connect## 开发准备上一节我们已经实现了表单信息的创建，完成了首页跳转表单提交页的内容，这一节我们就要实现表单创建前的数据填充的页面。## 功能分析在表单提交前，我们要实现的静态内容有很多，分别有输入框，开关，时间选择器，表类型，是否置顶，是否设置结束时间，是否包含当天日期，事件的颜色选择，图标选择，当天的天气选择，心情选择，这些我们都需要去先有一个静态

## 技术栈Appgallery connect## 开发准备上一节我们实现了用户登录功能，现在我们进入首页，可以开始准备着手发布我们的日期计划了，在这之前我们先实现信息表的创建。在首页实现一个标题栏，一个悬浮的按钮。## 功能分析我们的信息表要展示的内容很多，首先是我们的事件名称，目标日期选择，公历农历，正数倒数，倒数类目的选择，是否实现置顶效果，是否显示精确时间，事件颜色，事件图标，事件心情，

## 技术栈Appgallery connect## 开发准备上一节我们实现了用户数据的提交，我们成功的实现了用户的注册，这一节我们就要根据提交的信息进行登陆验证，在登陆之后我们需要保存当前用户的信息，方便我们后续的使用。## 功能分析要实现登陆，首先我们需要拿到用户输入的内容，检测之后，我们实现用户的登陆，同时把用户登录成功后的数据存储起来，方便我们后续的使用## 功能开发我们先实现登陆相关的

## 技术栈Appgallery connect## 开发准备上一节我们已经实现了静态的用户登陆页，这时候我们已经有了用户登录的窗口了，现在我们只需要搞定用户数据的插入，就可以使用登陆功能了，这一节我们就要实现用户注册功能，实现用户的数据插入。这样我们在后续的业务里就可以实现绑定用户数据的插入了## 功能分析要实现用户数据的插入，首先我们要把用户填充的数据提交到表单中，同时我们要添加默认id 和用

## 技术栈Appgallery connect## 开发准备大家好，今天给大家带来一个全新的鸿蒙应用，名字叫做伴时匣，意思就是一个陪伴度过时光的匣子，首先来介绍关于伴时匣的整个功能设想，首先呢，就是应用的功能，这个应用主要用来进行倒计时提醒的功能，在这里我们可以发布一些日子作为目标日，通过设置正数倒数来展示我们设置的对应日子，大多数的应用同样也做得到这些，所以我们以用户为主导的思想肯定不仅限于

## 技术栈Appgallery connect## 开发准备上一节我们在欢迎页用户账号注销后给用户开通了一个账号恢复的功能，但是我们的账号注销一直都是从云数据库直接修改的。一直没有一个账号注销的入口，这一节我们来实现这样的一个入口，并且实现账号注销的功能## 功能分析要实现账号的注销，首先我们要在个人中心页面功能列表新增入口，通过这个入口我们进入页面，先拿到当前登陆账号的信息，用户确认无误后，输

## 技术栈Appgallery connect## 开发准备上一节我们实现了欢迎页的逻辑，并且在欢迎页面实现了对账号状态的提示，但是如果我们的用户之前因为一些原因注销了账号，但现在又想用回我们的应用怎么办？我们这一节就要在注销账号的提示弹窗处，实现一个账号恢复功能，使我们的用户可以继续使用我们的应用## 功能分析要实现账号恢复，首先我们需要在注销弹窗的事件出实现页面的跳转，在新页面里，我们通过修

## 技术栈Appgallery connect## 开发准备我们的app功能几乎完成了百分之95了，后续我们还会对细节上做更好的打磨，让它更像是一个商业项目，在商业项目中我们每次打开app都会有一个欢迎页面，他可以加载一些大图、广告横幅、视频广告等信息。我们也要实现这样的一个页面，同时我们在用户表设计的时候添加了是否注销字段，我们在这里也使用起来## 功能分析要实现欢迎页面，我们只需要做好大图

## 技术栈Appgallery connect## 开发准备现在我们的app功能已经趋近完善，bug和缺失的细节也越来越少了，我们继续对app进行优化，首先是我们的积分页面，我们只实现了全部的积分展示内容，对收入和支出的积分明细并没有进行展示，这里我们要实现一下，然后就是我们的优惠券，我们已过期的优惠券并没有修改状态为已过期。## 功能分析要实现积分列表的细分展示，首先我们就要从获取的全部数据中

## 技术栈Appgallery connect## 开发准备这一节我们继续对我们已有的业务逻辑进行优化，在积分兑换完商品后我们回到积分展示页面发现积分的数量并没有减少，而是重新进入才会发生变化，上一节我们实现商城订单的确认揽收之后继续在待收货页面实现确认揽收按钮的业务逻辑。## 功能分析要实现积分的实时变化，我们需要在page页面的生命周期onpageshow中实现积分信息的获取，待收货页面我

## 技术栈Appgallery connect## 开发准备随着上一节我们兑换商品订单相关逻辑的实现，我们的app功能已经更加的完善了，接下来我们开始对整个app缺失的小功能以及对已有的功能bug进行优化和逻辑的新增，这一节我们新增的功能是，商城订单的揽收功能，兑换订单的取消后积分退回功能，如果不实现积分退回，就会出现用户兑换后取消订单，但是积分已经消耗的情况## 功能分析要实现商城订单的揽收功

## 技术栈Appgallery connect## 开发准备我们的兑换商品列表相关的功能都已经实现的差不多了，现在我们还缺少一个订单详情查看的功能，为了ui一致性，我们的订单详情页样式要保持一致性，外观要跟订单、回收单的详情页相似。## 功能分析要实现订单详情首先我们需要拿到订单id，根据订单id去查询出对应的订单信息，拿到订单信息之后，根据ordertype去展示不同的订单状态，根据订单的状态

## 技术栈Appgallery connect## 开发准备上一节我们实现了兑换商品订单的确认揽收功能，实现了tabs切换时的数据刷新，实现了待收货订单的列表展示。这一节我们要实现确认收货功能，并且实现待收货的列表展示功能## 功能分析当我们点击确认揽收的时候，修改订单状态ordertype为3，同时刷新待收货订单列表的内容，切换tabs的时候，刷新已完成列表中的数据## 代码实现首先我们在待

## 技术栈Appgallery connect## 开发准备上一节我们实现了订单取消功能，实现了tabs切换时的数据刷新，实现了已取消订单的列表展示。这一节我们要实现揽收功能，并且实现待收货的列表展示功能## 功能分析当我们点击确认揽收的时候，修改订单状态ordertype为2，同时刷新待发货订单列表的内容，切换tabs的时候，刷新待收货列表中的数据## 代码实现首先实现确认揽收的数据状态修改`

## 技术栈Appgallery connect## 开发准备上一节我们实现了兑换订单待发货列表的展示逻辑，成功的在列表中展示出来，我们在订单条目中新增了两个按钮，确认揽收与取消订单，这一节我们要实现的功能是订单的取消，以及订单取消后取消列表的展示## 功能分析要实现订单取消的功能，我们需要在条目上点击取消预约按钮时对数据库点击条目的数据进行修改，同时刷新列表数据，把取消后的列表展示到页面上，同

## 技术栈Appgallery connect## 开发准备上一节我们实现了兑换订单展示页面的框架，这一节我们要进行兑换订单的展示，在兑换订单提交后，默认的状态是待发货状态，我们用列表的方式展示出来## 功能分析进入页面时我们就要通过用户的userid去查询对应的订单，获取到订单返回的列表数据后通过list展示到tabcontent中## 代码实现进入页面后先获取用户信息```css 

## 技术栈Appgallery connect## 开发准备上一节我们实现了兑换订单的提交功能，并且成功的把数据提交到云端,但是我们的业务逻辑并没有完全实现，我们只是把数据提交到了云端，但我们的积分还存在，我们回到积分数据查看的页面也没有消费积分的记录，这一节我们要实现的就是完善订单提交的业务逻辑## 功能分析首先我们要在兑换完成后把用户信息的积分给扣除掉，点击按钮后进行云端交互修改用户信息表

## 技术栈Appgallery connect## 开发准备上一节我们实现了兑换提交前的准备页面，向用户展示了兑换相关的所有信息，这一节我们就可以实现兑换订单的提交了## 功能分析订单提交我们需要创建对应的兑换商品订单提交信息表，我们需要把地址，商品信息，积分，备注，订单状态，订单创建时间，订单取消时间，订完完成时间等信息都进行存储## 代码实现首先我们创建兑换订单表```css{ 

## 技术栈Appgallery connect## 开发准备上一节我们实现了地址的选择，商品数据的展示，我们页面中需要的提交的内容还有所欠缺，我们还需要新增一些展示兑换细节的组件，同时在提交之前还需要实现备注功能，我们还要在页面中展示一些积分相关的内容，告知用户积分的详细情况## 功能分析兑换细节我们可以从商品详情里直接获取展示，备注功能我们需要创建一个自定义弹窗来实现，积分相关的内容我们需要