-
《仿盒马》app开发技术分享-- 购物车业务逻辑完善（34）
## 技术栈Appgallery connect## 开发准备之前我们已经实现了购物车相关的内容，实现了购物车数据列表的展示，但是我们结算订单之后我们的购物车列表并没有刷新，而且底部的状态栏并没有明显的数据展示来提醒用户，而且当我们在商品详情页添加新商品，底部也没有同步更新，这一节我们要解决的问题就是这些## 功能分析1.新增商品新增商品时我们需要在底部展示一个当前商品数量的标记展示在购物车图标的
-
《仿盒马》app开发技术分享-- 订单列表页（33）
## 技术栈Appgallery connect## 开发准备上一节我们实现了订单详情的展示，但是我们的确认订单页面只在下单成功后才会出现供用户查看，现在我们要有一个常驻的入口让用户去随时查看自己的订单以及订单状态，订单状态分为多个，还需要给用户提供切换的功能## 功能分析要实现这么一个功能我们首先就需要实现页面的切换功能，这里我们使用tabs组件，之后我们在tabcontent中添加对应的页面组
-
《仿盒马》app开发技术分享-- 订单详情页（32）
## 技术栈Appgallery connect## 开发准备在之前的章节中我们实现了订单的提交，以及提交之后跳转到确认订单页面，在确认订单页面我们添加了一个入口，这个入口是查询订单，当我们点击入口时，我们需要跳转到一个新的界面，这个界面通过接收上个界面的订单id或者订单code 等信息，进行订单的详细内容展示## 功能分析要想实现订单内容的展示，首先我们要解决订单查询的问题，之前的订单提交页面，
-
《仿盒马》app开发技术分享-- 订单地址修改（31）
## 技术栈Appgallery connect## 开发准备上一节我们实现了订单备注弹窗，订单商品列表的提交，订单列表的提交，提交之后的业务逻辑我们并没有去处理，那么订单提交之后我们需要进入到什么页面呢？这时候我们需要一个过渡页面，它能给我们提供更多的订单相关的入口，帮助用户去确认内容，或者查看订单相关内容## 功能分析要实现这样一个页面，首先我们要做的就是在这个页面我们能拿到用户的信息，对应的
-
《仿盒马》app开发技术分享-- 确认订单页（业务逻辑）（30）
## 技术栈Appgallery connect## 开发准备上一节我们实现了确认订单页的页面绘制和价格计算优惠计算，订单列表展示等功能，这一节我们来实现确认订单页的整个业务逻辑。首先我们要实现的就是地址的选择，然后把我们计算的价格，商品列表等数据保存起来，然后我们开始创建订单表实体类等，把这些数据提交到订单表中## 功能分析要想实现确认订单的功能，首先我们要创建对应的表，我们需要注意的数据有当前
-
《仿盒马》app开发技术分享-- 确认订单页（数据展示）（29）
## 技术栈Appgallery connect## 开发准备上一节我们实现了地址的添加，那么有了地址之后我们接下来的重点就可以放到订单生成上了，我们在购物车页面，点击结算会跳转到一个 订单确认页面，在这个页面我们需要有地址选择、加购列表展示、价格计算、优惠计算、商品数量展示等信息。## 功能分析要想实现确认订单页面的功能，我们只需要从购物车页面把加购的列表传递过来，然后根据列表中的buyamou
-
《仿盒马》app开发技术分享-- 新增地址（28）
## 技术栈Appgallery connect## 开发准备上一节我们实现了地图选点，获取当前位置，在地图上添加标记，根据当前的定位获取poi地址列表等功能，这些全部都为了我们这一节而铺垫，这一节我们要实现的是新增地址，把我们的用户信息，填写收件人、门牌号、手机号、经纬度、详细地址等信息添加到我们的云数据库中，然后在地址查询列表里展示出来。## 功能分析实现地址的新增对我们现在的应用完整度来说并
-
《仿盒马》app开发技术分享-- 地图选点（27）
## 技术栈Appgallery connect## 开发准备上一节我们实现了地图的简单展示，这一节我们要实现的内容是，根据展示的地图，实现当前定位功能，当前位置的poi地址功能，以及列表的展示，给地图添加标记，展示自己的当前定位## 功能分析要想实现这些功能，首先我们需要在地图加载之前获取当前的经纬度，根据经纬度查询附近的poi地址，然后我们获取这些poi地址展示到列表内，同时我们根据当前位置计
-
《仿盒马》app开发技术分享-- 原生地图展示（26）
## 技术栈Appgallery connect## 开发准备上一节我们实现了获取当前用户的位置，并且成功的拿到了经纬度，这一节我们就要根据拿到的经纬度，结合我们其他的知识点来实现地图的展示。## 功能分析地图的展示，我们需要在管理中心先给我们对应的应用开启地图api功能，否则是不能展示的，其次是我们要配置自签，不配置的话也是无法使用地图功能，然后我们还需要注意应用是否开启了联网权限，如果这些都已
-
《仿盒马》app开发技术分享-- 定位获取（25）
## 技术栈Appgallery connect## 开发准备上一节我们实现了地址管理页面的数据查询和展示，接下来我们要实现的功能是地址添加相关的，我们想实现的功能是地图选点，那么在地图选点之前我们要做的就是先获取用户当前的定位。获取定位后我们拿到经纬度和其他信息，然后在对应的地图上展示。## 功能分析要想实现定位功能，首先我们需要给应用申请定位权限，然后我们每次进入页面之前需要先进行定位功能是否
-
《仿盒马》app开发技术分享-- 地址管理页（24）
## 技术栈Appgallery connect## 开发准备上一节我们实现了个人信息页面的信息展示和页面修改，并且实现了数据的同步修改，这一节我们来实现电商应用里比较重要的模块，地址模块。首先我们来实现地址的展示。## 功能分析地址列表的展示相对来说是比较简单的，首先我们要新增对应的表，然后在云端先添加几条测试数据，然后在页面中实现当前用户对应的地址查询，在列表组件中进行展示## 代码实现首先我
-
《仿盒马》app开发技术分享-- 个人信息页（23）
## 技术栈Appgallery connect## 开发准备上一节我们实现了个人中心的业务逻辑，实现了个人信息修改后的动态更换，而且实现了一个静态的头像选择弹窗，但是这个弹窗我们并没有使用。这一节我们在个人信息页面就会使用到这个弹窗并且还涉及其他的弹窗。以及信息的同步展示和修改## 功能分析个人信息页面的展示，我们需要通过个人中心的入口进入，个人中心页面首先要根据user_id来查询我们用户相对
-
《仿盒马》app开发技术分享-- 个人中心页or静态头像选择（业务逻辑）（22）
## 技术栈Appgallery connect## 开发准备上一节我们实现了登录页面的业务逻辑，并且成功的实现了数据的查询，同时我们新增了用户首选项的工具类，现在主界面往登录页面跳转，登录成功后我们关闭登录页面，这时候我们就会回到个人中心页面，那么现在我们的业务逻辑是一种什么样的形式？登录成功后我们需要显示用户的信息，并且在下次登录时依旧展示个人信息。同时我们还新增了一个头像选择的静态弹窗，丰富
-
《仿盒马》app开发技术分享-- 用户登录页（业务逻辑）（21）
## 技术栈Appgallery connect## 开发准备上一节我们实现了静态的用户登录页，这一节我们需要给他添加上业务逻辑，实现跟云数据库的互通，同时跟整个应用关联起来，因为我们还没有实现用户的注册页面，所以这里我们在云数据库的用户数据插入暂时先不做同用户名的校验，我们在云端先插入几条数据，暂时专注于查询即可## 功能分析登录页的业务逻辑主要还是针对用户输入的账号密码跟数据库存储的信息是否匹
-
《仿盒马》app开发技术分享-- 用户登陆页面（静态）（20）
## 技术栈Appgallery connect## 开发准备上一节我们实现了个人中心页面的静态展示，项目进行到这里呢，我们也是时候添加用户相关的内容了， 因为到了后期，我们的数据都是跟用户绑定的，各个用户之间的数据并不互通，现在为了实现我们的用户绑定制度，我们需要给应用添加一个用户登陆的入口的。## 功能分析用户登陆页面的内容相对来说比较简单，我们首先要实现的就是登陆页的静态页面，需要展示的内容
-
《仿盒马》app开发技术分享-- 个人中心页面（19）
## 技术栈Appgallery connect## 开发准备上一节我们实现了分类页面的所有联动效果，这一节我们要开始完成一个新的页面，这个页面是我们主界面的第四个板块，就是个人中心页面。在这个模块，我们可以显示一些用户信息，以及用户相关的各类功能的入口## 功能分析要实现个人中心页面，首先我们要规划好整体的布局，我们选择从上到下实现，分为三块，一块显示用户信息，一块显示关键信息，一块用来展示用户
-
《仿盒马》app开发技术分享-- 分类右侧商品列表（18）
## 技术栈Appgallery connect## 开发准备上一节我们实现了分类页左侧二级分类列表功能，并实现了顶部列表&弹窗跟左侧列表的联动，这一节我们需要在它们联动的基础上继续添加右侧列表的联动效果## 功能分析**1.列表展示**当我们选择顶部一级分类列表时，左侧列表展示二级分类列表，右侧商品列表展示二级分类列表下的同品类商品，这时候我们需要很好的控制它们之间的联动效果，保证我们每
-
《仿盒马》app开发技术分享-- 分类左侧列表（17）
## 技术栈Appgallery connect## 开发准备上一节我们实现了分类页面的顶部导航栏全选弹窗列表，并实现了跟顶部列表的点击选中联动效果，这一节我们要实现的功能是，分类模块的左侧列表，它同样也需要跟弹窗列表的点击，顶部列表的点击有联动的效果## 功能分析1.列表展示列表的数据展示，我们要根据当前选中的顶部列表child_id作为前提条件进行数据的查询，因为我们的顶部列表是一个大的分类，
-
《仿盒马》app开发技术分享-- 分类模块顶部导航列表弹窗（16）
## 技术栈Appgallery connect## 开发准备上一节我们实现了分类页面的顶部导航栏列表，并且实现了首页金刚区跟首页导航栏的联动，这一节我们实现导航栏列表的弹窗功能，需要学习的知识点有自定义弹窗，同时我们的数据源需要跟分类页保持一一致。## 功能分析**1.弹窗**自定义弹窗的实现，然后我们需要在弹窗创建的时候实现数据的同步，当我们在弹窗未出现的时候进行列表下标的切换，打开弹窗的时候
-
《仿盒马》app开发技术分享-- 分类模块顶部导航列表（15）
## 技术栈Appgallery connect## 开发准备上一节我们实现了购物车商品列表的大部分功能，实现了商品的添加、删除、增减、价格计算等业务，并且都跟云端进行通信。现在我们继续对项目进行改造，这一节我们要改造的内容是分类页，这个页面我们在之前的非端云一体化项目中实现过。现在要改造成端云一体的模式，并且我们的金刚区也要实现分类页的点击联动## 功能分析1.分类列表分类列表我们要注意首页跳入
