《仿盒马》app开发技术分享-- 旧物回收页(提交云端)(42)

简介: 上一节我们已经实现了地址,留言,取件时间的选择,以及静态的预估重量。现在我们需要把预估重量创建出来,从云端去获取,以应对后续的其他业务逻辑,以及回收订单的创建

技术栈

Appgallery connect

开发准备

上一节我们已经实现了地址,留言,取件时间的选择,以及静态的预估重量。现在我们需要把预估重量创建出来,从云端去获取,以应对后续的其他业务逻辑,以及回收订单的创建

功能分析

预估重量列表的实现首先需要创建对应的表和数据源,然后在页面打开的时候从云端查询出对应的数据,展示到我们创建的静态列表中,然后我们创建订单,把页面中的数据放置到创建的订单创建表中

代码实现

首先我们创建对应的表

{
   
  "objectTypeName": "weight_info",
  "fields": [
    {
   "fieldName": "id", "fieldType": "Integer", "notNull": true, "belongPrimaryKey": true},
    {
   "fieldName": "weight_id", "fieldType": "Integer"},
    {
   "fieldName": "weight", "fieldType": "String"},
    {
   "fieldName": "txt", "fieldType": "String"},
    {
   "fieldName": "integral", "fieldType": "Double"},
    {
   "fieldName": "money", "fieldType": "Double"}
  ],
  "indexes": [
    {
   "indexName": "field1IndexId", "indexList": [{
   "fieldName":"id","sortType":"ASC"}]}
  ],
  "permissions": [
    {
   "role": "World", "rights": ["Read", "Upsert", "Delete"]},
    {
   "role": "Authenticated", "rights": ["Read", "Upsert", "Delete"]},
    {
   "role": "Creator", "rights": ["Read", "Upsert", "Delete"]},
    {
   "role": "Administrator", "rights": ["Read", "Upsert", "Delete"]}
  ]
}

创建对应的实体和db类

import {
    cloudDatabase } from '@kit.CloudFoundationKit';

class weight_info extends cloudDatabase.DatabaseObject {
   
  public id: number;
  public weight_id: number;
  public weight: string;
  public txt: string;
  public integral: number;
  public money: number;

  public naturalbase_ClassName(): string {
   
    return 'weight_info';
  }
}

export {
    weight_info };




class WeightInfo {
   
    id: number;
    weight_id: number;
    weight: string;
    txt: string;
    integral: number;
    money: number;

    constructor() {
   
    }

    getFieldTypeMap():  Map<string, string> {
   
        let fieldTypeMap = new Map<string, string>();
        fieldTypeMap.set('id', 'Integer');
        fieldTypeMap.set('weight_id', 'Integer');
        fieldTypeMap.set('weight', 'String');
        fieldTypeMap.set('txt', 'String');
        fieldTypeMap.set('integral', 'Double');
        fieldTypeMap.set('money', 'Double');
        return fieldTypeMap;
    }

    getClassName(): string {
   
        return 'weight_info';
    }

    getPrimaryKeyList(): string[] {
   
        let primaryKeyList: string[] = [];
        primaryKeyList.push('id');
        return primaryKeyList;
    }

    getIndexList(): string[] {
   
        let indexList: string[] = [];
        indexList.push('id');
        return indexList;
    }

    getEncryptedFieldList(): string[] {
   
        let encryptedFieldList: string[] = [];
        return encryptedFieldList;
    }

    setId(id: number): void {
   
        this.id = id;
    }

    getId(): number  {
   
        return this.id;
    }

    setWeight_id(weight_id: number): void {
   
        this.weight_id = weight_id;
    }

    getWeight_id(): number  {
   
        return this.weight_id;
    }

    setWeight(weight: string): void {
   
        this.weight = weight;
    }

    getWeight(): string  {
   
        return this.weight;
    }

    setTxt(txt: string): void {
   
        this.txt = txt;
    }

    getTxt(): string  {
   
        return this.txt;
    }

    setIntegral(integral: number): void {
   
        this.integral = integral;
    }

    getIntegral(): number  {
   
        return this.integral;
    }

    setMoney(money: number): void {
   
        this.money = money;
    }

    getMoney(): number  {
   
        return this.money;
    }

    static parseFrom(inputObject: any): WeightInfo {
   
        let result = new WeightInfo();
        if (!inputObject) {
   
            return result;
        }
        if (inputObject.id) {
   
            result.id = inputObject.id;
        }
        if (inputObject.weight_id) {
   
            result.weight_id = inputObject.weight_id;
        }
        if (inputObject.weight) {
   
            result.weight = inputObject.weight;
        }
        if (inputObject.txt) {
   
            result.txt = inputObject.txt;
        }
        if (inputObject.integral) {
   
            result.integral = inputObject.integral;
        }
        if (inputObject.money) {
   
            result.money = inputObject.money;
        }
        return result;
    }
}

export {
    WeightInfo };

在页面打开后获取云端的数据

 @State weightList:WeightInfo[]=[]
  @State weightInfo:WeightInfo|null=null
async aboutToAppear(): Promise<void> {
   
    const value = await StorageUtils.getAll('user');
    if (value != "") {
   
      this.user = JSON.parse(value)
    }
    let condition = new cloudDatabase.DatabaseQuery(weight_info);
    let listData = await databaseZone.query(condition);
    let json = JSON.stringify(listData)
    let weightInfo:WeightInfo[]= JSON.parse(json)
    this.weightList=weightInfo
    hilog.info(0x0000, 'testTag', `Succeeded in querying data, result: ${
   weightInfo}`);
    this.flag=true
  }

添加对应的数据到提交信息表

Text("预约呼叫")
              .width('95%')
              .height(45)
              .fontSize(16)
              .fontWeight(FontWeight.Bold)
              .borderRadius(5)
              .backgroundColor("#fff84f4f")
              .textAlign(TextAlign.Center)
              .margin({
   top:15})
              .onClick(async ()=>{
   
                let recyclePushInfo=new recycle_info()
                recyclePushInfo.id=Math.floor(Math.random() * 1000000);
                recyclePushInfo.user_id=this.user!.user_id
                recyclePushInfo.nike_name=this.addressInfo!.nikeName
                recyclePushInfo.phone=this.addressInfo!.phone
                recyclePushInfo.address=this.addressInfo!.address
                recyclePushInfo.day=this.formatCurrent()
                recyclePushInfo.start_time=this.formatCurrentDate()
                recyclePushInfo.end_time=this.formatCurrentEndDate()
                recyclePushInfo.weight_id=String(this.weightInfo!.weight_id)
                if (this.remark!='') {
   
                  recyclePushInfo.msg=this.remark
                }
                recyclePushInfo.create_time=this.formatCurrentCreatTime()
                recyclePushInfo.express_code=this.generate16DigitRandom()
                recyclePushInfo.express_people="骑士阿三"
                recyclePushInfo.express_company="中国邮政(默认)"
                recyclePushInfo.order_type=0
                recyclePushInfo.logistics_id=10
                let num = await databaseZone.upsert(recyclePushInfo);
                hilog.info(0x0000, 'testTag', `Succeeded in upserting data, result: ${
   num}`);
                if (num>0) {
   
                  showToast("下单成功")
                }
              })

到这里我们就实现了提交云端数据的功能

相关文章
|
3月前
|
存储
《仿盒马》app开发技术分享--未完成订单列表展示逻辑优化(61)
上一节我们实现订单与优惠券的联合提交时,我去到订单列表页面查看生成的订单信息,发现现在的订单从信息展示到价格计算全都是有问题的。所以紧急的把对应的问题修改一下。
183 70
|
3月前
《仿盒马》app开发技术分享--确认订单选择优惠券(59)
在上一节我们实现了在确认订单页查询优惠券,但是我们并没有其他优惠券相关的逻辑,我们的目的还是在订单结算的时候去使用我们对应的优惠券,现在我们要在确认订单页去进行优惠券的选择,为了方便用户操作,我们以弹窗的形式展现
95 10
|
3月前
|
存储
《仿盒马》app开发技术分享-- 优惠券展示页(57)
上一节我们实现了优惠券的领取功能,并且在云端已经成功查询出优惠券信息,那么我们需要来实现一个优惠券展示的页面来向用户展示当前账号下的优惠券信息,辅助用户更好的去购买需要的商品,因为优惠券会有多种状态,在展示时也要注意不同状态的区分如何处理
97 9
|
3月前
|
数据库
《仿盒马》app开发技术分享-- 优惠券逻辑优化(58)
我们已经实现了优惠券的领取和展示,现在已经趋近于一个完整的电商应用了,但是这时候问题又来了,我们领取完优惠券之后,我们的新用户优惠券模块依然存在,他并没有消失,既然我们是从云数据库中查询的数据,那么我们需要找到一个字段跟他对应起来,来实现新用户领券后关闭这个模块的展示,同时我们在未登录的时候他也要保持隐藏,登录后能实现优惠券的领取。然后在结算的时候得出有几张符合的券能用
96 9
|
3月前
|
数据库
《仿盒马》app开发技术分享-- 回收金提现(53)
上一节我们实现了银行卡的绑定跟回显,这一节我们要真正的实现银行卡提现的功能了,在这之前我们还需要对提现页的业务逻辑进行更进一步的优化,同时为了方便我们去进行数据间的交互,我们在个人信息模块新增了金额和积分的字段,方便我们其他页面的展示和隐藏
84 5
|
3月前
《仿盒马》app开发技术分享-- 回收金提现记录查询(54)
上一节我们实现了回收金提现的功能,并且成功展示了当前账户的支出列表,但是我们的提现相关的记录并没有很好的给用户做出展示,用户只知道当前账户提现扣款,并不知道回收金的去向,这一节我们就要实现回收金记录的查询添加、查询、展示
83 5
|
3月前
|
存储 安全
《仿盒马》app开发技术分享-- 回收金提现安全锁校验(55)
上一节我们实现了回收金提现记录的展示功能,我们回收金相关的内容更加的丰富了,在之前的业务逻辑中我们添加了一个设置安全锁的功能,虽然我们成功设置了安全锁,也把对应的表信息提交到云端,但是我们并没有在提现的流程中去使用安全锁相关的内容,这一节我们就把安全锁相关的内容跟提现流程关联起来,让我们的功能安全性更高
87 5
|
3月前
|
安全 数据安全/隐私保护
《仿盒马》app开发技术分享-- 设置安全锁(51)
上一节我们实现了提现页面以及部分组件的业务逻辑,那么我们在提现这一步为了更多的安全层面的考虑,设置了一个安全锁,用户只要开启了安全锁,那么每次的提现,都需要把本地的密码提交到云端核对安全锁的内容才可以执行后续的提现步骤,如果不能解锁,那么后续的内容都无法实现,这更好的保护了用户的财产安全
90 4
|
3月前
|
安全
《仿盒马》app开发技术分享-- 绑定银行卡回显(52)
上一节我们实现了安全锁的绑定,这一切都是为了帮助用户在提现流程上能有更好更安全的体验,现在我们开始正式着手提现相关的流程,我们先进行提现银行卡的绑定,绑定成功后我们关闭页面把数据回显到提现页
86 4
|
3月前
|
数据库
《仿盒马》app开发技术分享-- 回收金收支查询(49)
上一节我们实现了回收金页面的部分布局填充和内容展示,并且实现了当前订单收益总金额的展示,以及金额的隐藏,这一节我们来实现当前用户收支列表的展示,在这之前,我们先要修改一下我们recycleinfo表,我们把规格相关的内容添加上去,方便我们后续的逻辑编写,不然每次都根据weightid查询确实有一点点不方便
82 3