零基础开始学习鸿蒙开发-验证登录跳转读书app首页

已于 2024-08-06 10:34:16 修改
阅读量64 收藏
点赞数 1
分类专栏： 鸿蒙基础开发介绍专栏 文章标签： 学习
于 2024-08-03 23:59:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36973384/article/details/140898854
版权

目录

开发步骤

        1.新建后端项目提供api接口

        2.新建鸿蒙项目编写界面以及网络接口

        3.编写网络请求组件，然后通过获取文本输入数据发起http请求

        4.需要用到的基础知识:Java，SpringBoot、Mysql，Mybatis（接口端，当然，也可以通过其他方式提供接口，例如python）

1.登录界面(用我之前博客写的，就不再啰嗦了)

2. 注册界面(也是用之前的)

3.http网络请求

4.在发起请求之前，记得在 module.json5 开启网络权限

5.页面注册

6.下面是后端相关接口

7.关于网络请求，鸿蒙要求可能会严格一些，本地127.0.0.1请求不了

        7.1 我们可以尝试一下，把地址改成127.0.1

​编辑         7.2 改成内网映射地址，也就是通过内网穿透出来的地址就可以登录成功.

8.关于内网穿透，我用的是闪库。

9.点击登录后，界面效果

10.注册成功之后，界面效果

11.后台数据库 

开发步骤

        1.新建后端项目提供api接口

        2.新建鸿蒙项目编写界面以及网络接口

        3.编写网络请求组件，然后通过获取文本输入数据发起http请求

        4.需要用到的基础知识:Java，SpringBoot、Mysql，Mybatis（接口端，当然，也可以通过其他方式提供接口，例如python）

1.登录界面(用我之前博客写的，就不再啰嗦了)

import router from "@ohos.router"
import http from '@ohos.net.http';
import promptAction from '@ohos.promptAction';
import  postReqeust from '../utils/HttpUtil';

@Entry
@Component
struct  loginPage{
  //定义用户名
  @State username:string ="";
  //定义密码
  @State password:string ="";
  //定义重复用户名密码
  @State repeatPwd:string ="";
  //判断是否为空的标志
  @State isBlank:boolean=false;
  //提示语
  @State message:string ="";
  //全局URL
  @State URL:string ="http://127.0.0.1:8083";
  //定义颜色的值
  // @ts-ignore
  @State colorParm:Color = Color.Gray;
  //判断输入的参数是否为空方法
    isEmty(username:string,password:string,repeatPwd:string){
     //判断用户名是否为空
     if(username==null ||username==""){
       console.debug("用户名为空----");
       return true;
     }
     if(password==null ||password==""){
       console.debug("密码为空----");
       return true;
     }

     if(repeatPwd==null ||repeatPwd==""){
       console.debug("重复输入密码为空----");
       return true;
     }
  }
  //创建请求的方法

  postReq(){
    //创建http请求
      var  httpReq = http.createHttp();
     console.info("发起请求----")
      httpReq.request("http://ntek44b.nat.ipyingshe.com/login",{
      //定义请求方法
      method:http.RequestMethod.POST,
      //添加请求头
      header:{
        'Content-Type':'application/json',
        'charset':'utf-8'
      },
      //请求数据，用户名，密码
      extraData:{
        "username":this.username,
        "password":this.password,
      },
      connectTimeout:60000,
      readTimeout:72000,
    },(msg,data)=>{
      console.debug("data=={}",JSON.stringify(data))
      //请求成功
      if (msg.code==200){
        this.colorParm = Color.Green;
        this.message ="登录成功!";
      }else {
        // @ts-ignore
        this.colorParm = Color.Red;
        this.message ="登录失败,请检查用户名或密码";
      }
    }
    );
  }
  build() {
    //垂直的容器
    Column({ space: 5 }) {
      Row({space:2}){
        Image($r("app.media.app_icon"))
          .width("100")
          .height("100")
          .margin(50);
      }
      Column({ space: 5 }) {
        //输入框
        TextInput({ placeholder: "请输入用户名" }).type(InputType.Normal)
          .width("300").onChange((username: string) => {
          //通过onChange事件获取用户名
          this.username = username;
          console.debug("username==={}", this.username);
        });
        //密码输入框
        TextInput({ placeholder: "请输入密码" }).type(InputType.Password)
          .width("300").onChange((password: string) => {
          //通过onChange事件获取密码
          this.password = password;
          console.debug("password==={}", this.password);
        });
        //重新确认密码
        TextInput({ placeholder: "请再次输入密码" }).type(InputType.Password)
          .width("300").onChange((repeatPwd: string) => {
          //通过onChange事件获取重复输入的密码
          this.repeatPwd = repeatPwd;
          console.debug("repeatPwd==={}", this.repeatPwd);
        });
        Row({ space: 5 }) {
          Text("提示语:").fontColor(Color.Gray);
          // @ts-ignore
          Text(this.message).fontColor(this.colorParm);
        }
        Row({space:2}) {
          //登录
          Button("登录").width("20%").onClick(async () => {
            //判断是否为空
            this.isBlank = this.isEmty(this.username, this.password, this.repeatPwd);
            if (this.isBlank) {
              this.colorParm = Color.Red;
              this.message = "请检查参数是否为空";
              return;
            } else {
              //判断两次输入的密码是否正确
              if (this.password != this.repeatPwd) {
                this.colorParm = Color.Red;
                this.message = "两次输入的密码不一致";
                return;
              }
            }
            //网络请求数据库验证登录
            //发送异步请求
            postReqeust("http://r3y8xeo.nat.ipyingshe.com/login", this.username, this.password)
              .then(data => {
                // 处理成功的数据
                if (data.responseCode===200) {
                  //成功弹窗
                  promptAction.showToast({
                    // @ts-ignore
                    message: JSON.parse(data.result).msg
                  });
                  router.pushUrl({ url: 'pages/shouye'}).then(() => {
                  }).catch((err) => {
                  });
                }else {
                  promptAction.showToast({
                    message: '账号或者密码错误!' // 弹窗内容
                  });
                }
              })
              .catch(error => {
                promptAction.showToast({
                  message: '请求失败，网络接口有问题!' // 弹窗内容
                });
              });
          }).backgroundColor(Color.Green);
          Button("注册").onClick(() => {

            // 跳转到第二页
            router.pushUrl({ url: 'pages/Register'}).then(() => {
            }).catch((err) => {

            });
          });
        }
      }.height("100%")
      .width("100%")
      .alignItems(HorizontalAlign.Center)
      .justifyContent(FlexAlign.Center)
    }

  }
}

2. 注册界面(也是用之前的)

import router from "@ohos.router"
import http from '@ohos.net.http';
import httpPost from '../utils/HttpUtil';
import  postReqeust from '../utils/HttpUtil';
import promptAction from '@ohos.promptAction';
@Entry
@Component
struct  registePage{
  //定义用户名
  @State username:string ="";
  //定义密码
  @State password:string ="";
  //定义重复用户名密码
  @State repeatPwd:string ="";
  //判断是否为空的标志
  @State isBlank:boolean=false;
  //提示语
  @State message:string ="";
  //全局URL
  @State URL:string ="http://127.0.0.1:8083";
  //定义颜色的值
  // @ts-ignore
  @State colorParm:Color = Color.Gray;
  //判断输入的参数是否为空方法
  isEmty(username:string,password:string,repeatPwd:string){
    //判断用户名是否为空
    if(username==null ||username==""){
      console.debug("用户名为空----");
      return true;
    }
    if(password==null ||password==""){
      console.debug("密码为空----");
      return true;
    }

    if(repeatPwd==null ||repeatPwd==""){
      console.debug("重复输入密码为空----");
      return true;
    }
  }
  //创建请求的方法

  postReq(){
    //创建http请求
    var  httpReq = http.createHttp();
    httpReq.request("http://ntek44b.nat.ipyingshe.com/login",{
      //定义请求方法
      method:http.RequestMethod.POST,
      //添加请求头
      header:{
        'Content-Type':'application/json',
        'charset':'utf-8'
      },
      //请求数据，用户名，密码
      extraData:{
        "username":this.username,
        "password":this.password
      },
      connectTimeout:60000,
      readTimeout:72000,
    },(msg,data)=>{
      console.debug("data=={}",JSON.stringify(data))
      console.debug("请求完成---")
      //请求成功
      if (msg.code==200){
        this.colorParm = Color.Green;
        this.message ="登录成功!";
      }else {
        // @ts-ignore
        this.colorParm = Color.Red;
        this.message ="注册失败,请检查用户名或密码";
      }
    }
    );
  }
  build() {
    //垂直的容器
    Column({ space: 5 }) {
      Row({space:2}){
        Image($r("app.media.app_icon"))
          .width("100")
          .height("100")
          .margin(50);
        Button("返回").onClick(()=>{
          router.back();
        }).width("80").backgroundColor(Color.Green)
      }

      Column({ space: 5 }) {
        //输入框
        TextInput({ placeholder: "请输入用户名" }).type(InputType.Normal)
          .width("300").onChange((username: string) => {
          //通过onChange事件获取用户名
          this.username = username;
          console.debug("username==={}", this.username);
        });
        //密码输入框
        TextInput({ placeholder: "请输入密码" }).type(InputType.Password)
          .width("300").onChange((password: string) => {
          //通过onChange事件获取密码
          this.password = password;
          console.debug("password==={}", this.password);
        });
        //重新确认密码
        TextInput({ placeholder: "请再次输入密码" }).type(InputType.Password)
          .width("300").onChange((repeatPwd: string) => {
          //通过onChange事件获取重复输入的密码
          this.repeatPwd = repeatPwd;
          console.debug("repeatPwd==={}", this.repeatPwd);
        });
        Row({ space: 5 }) {
          Text("提示语:").fontColor(Color.Gray);
          // @ts-ignore
          Text(this.message).fontColor(this.colorParm);
        }
          //注册
          Button("提交注册信息").width("45%").onClick( async () => {
            console.debug("注册")
            //判断是否为空
            this.isBlank = this.isEmty(this.username, this.password, this.repeatPwd);
            if (this.isBlank) {
              this.colorParm =Color.Red;
              this.message = "请检查参数是否为空";
              return;
            } else {
              //判断两次输入的密码是否正确
              if (this.password != this.repeatPwd) {
                this.colorParm =Color.Red;
                this.message = "两次输入的密码不一致";
                return;
              }
            }
            //网络请求数据库验证登录
            //发送异步请求
            postReqeust("http://r3y8xeo.nat.ipyingshe.com/register", this.username, this.password)
              .then(data => {
                // 处理成功的数据
                if (data.responseCode===200) {
                  promptAction.showToast({
                    // @ts-ignore
                    message: JSON.parse(data.result).msg
                    // 弹窗内容
                  });
                }else {
                  promptAction.showToast({
                    message: '注册失败！' // 弹窗内容
                  });
                }
              })
              .catch(error => {
                promptAction.showToast({
                  message: '请求失败，网络接口有问题!' // 弹窗内容
                });
              });
          }).backgroundColor(Color.Green);
      }.height("100%")
      .width("100%")
      .alignItems(HorizontalAlign.Center)
      .justifyContent(FlexAlign.Center)
    }
  }
}

3.http网络请求

/*
 * Copyright (c) 2023 Huawei Device Co., Ltd.
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import http from '@ohos.net.http';


// @ts-ignore
export default  function postReqeust(url: string,username:string,password:string) {
  if (!url) {
    return undefined;
  }
  let request = http.createHttp();
  let options = {
    method: http.RequestMethod.POST,
    header: {
      'Content-Type': 'application/json', 'charset': 'utf-8'
    },
    extraData: {
      "username": username,
      "password": password
    },
    readTimeout: 5000,
    connectTimeout: 5000
  } as http.HttpRequestOptions;
  try {
    // 使用 await 等待异步请求的结果
    let result = request.request(url, options);
    // 如果请求成功，处理 result
    // 返回结果或进行其他处理
    return result;
  } catch (error) {
    // 如果请求失败，捕获错误
    // 在这里处理错误，比如重试请求、记录日志或抛出新的错误
    // 你可以选择返回一个错误对象、null、默认值或者重新抛出错误
    // 例如，重新抛出错误以便上层调用者可以处理它
    throw error; // 或者你可以不抛出错误，而是返回一个默认值或错误对象
  }
}



// @ts-ignore
export    function postData(url: string,username:string,password:string) {
  if (!url) {
    return undefined;
  }
  let request = http.createHttp();
  let rs = request.request(
    // 填写HTTP请求的URL地址，可以带参数也可以不带参数。URL地址需要开发者自定义。请求的参数可以在extraData中指定
    url,
    {
      method: http.RequestMethod.POST, // 可选，默认为http.RequestMethod.GET
      // 开发者根据自身业务需要添加header字段
      header: {
        'Content-Type': 'application/json'
      },
      // 当使用POST请求时此字段用于传递内容
      extraData: {
        "username": username,
        "password": password
      },
      expectDataType: http.HttpDataType.OBJECT, // 可选，指定返回数据的类型
      usingCache: true, // 可选，默认为true
      priority: 1, // 可选，默认为1
      connectTimeout: 3000, // 可选，默认为60000ms
      readTimeout: 3000, // 可选，默认为60000ms
      usingProtocol: http.HttpProtocol.HTTP1_1, // 可选，协议类型默认值由系统自动指定
    }, (err, data) => {
    if (!err) {
      // data.result为HTTP响应内容，可根据业务需要进行解析
      console.info('Result:' + JSON.stringify(data.result));
      console.info('code:' + JSON.stringify(data.responseCode));
      // data.header为HTTP响应头，可根据业务需要进行解析
      console.info('header:' + JSON.stringify(data.header));
      console.info('cookies:' + JSON.stringify(data.cookies)); // 8+
      // 取消订阅HTTP响应头事件
      request.off('headersReceive');
      // 当该请求使用完毕时，调用destroy方法主动销毁
      request.destroy();
    } else {
      console.info('error:' + JSON.stringify(err));

      request.off('headersReceive');

      request.destroy();
    }
  });
  return rs;
}

4.在发起请求之前，记得在 module.json5 开启网络权限

{
  "module": {
    "name": "entry",
    "type": "entry",
    "description": "$string:module_desc",
    "mainElement": "EntryAbility",
    "deviceTypes": [
      "phone",
      "tablet"
    ],
    "deliveryWithInstall": true,
    "installationFree": false,
    "pages": "$profile:main_pages",
    "abilities": [
      {
        "name": "EntryAbility",
        "srcEntry": "./ets/entryability/EntryAbility.ts",
        "description": "$string:EntryAbility_desc",
        "icon": "$media:icon",
        "label": "$string:EntryAbility_label",
        "startWindowIcon": "$media:icon",
        "startWindowBackground": "$color:start_window_background",
        "exported": true,
        "skills": [
          {
            "entities": [
              "entity.system.home"
            ],
            "actions": [
              "action.system.home"
            ]
          }
        ]
      }
    ],
    "requestPermissions": [
      {
        "name": "ohos.permission.INTERNET"
      }
    ]
  }
}

5.页面注册

        5.1 在使用页面的时候需要在main_pages.json文件先注册，否则无法使用，即无法跳转。

{
  "src": [
    "pages/Index",
    "pages/Register",
    "pages/home",
    "pages/find",
    "pages/setting",
    "pages/shouye",
    "component/MyMessage"
  ]
}

6.下面是后端相关接口

7.关于网络请求，鸿蒙要求可能会严格一些，本地127.0.0.1请求不了

        7.1 我们可以尝试一下，把地址改成127.0.1

         7.2 改成内网映射地址，也就是通过内网穿透出来的地址就可以登录成功.

8.关于内网穿透，我用的是闪库。

9.点击登录后，界面效果

10.注册成功之后，界面效果

11.后台数据库 

此项目的鸿蒙代码和Java的SpringBoot绑定资源分享在博客。

有不懂的，欢迎私信，购买专栏的优先解答，谢谢大家的支持。

心之所想，行则将至
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
鸿蒙开发编写登录页面
weixin_68450731的博客
12-14 1749
【代码】鸿蒙开发编写登录页面。
零基础开始学习鸿蒙开发-登录页面跳转到注册页面。
qq_36973384的博客
11-28 1952
做一件简单的是很简单，但是坚持把简单的事情重复做，坚持做，就非常非常的难了。
零基础开始学习鸿蒙开发-获取个人信息以及头像信息
qq_36973384的博客
08-04 408
id:number;qq:String;) {//构建用户信息数据let userInfo: UserInfo = new UserInfo(1,'test','游客','','','123456xxxxx');//保存用户对象伟键值对@Entry@Component//定义用户名//定义密码//定义重复用户名密码//判断是否为空的标志//提示语//全局URL//定义颜色的值//判断输入的参数是否为空方法//判断用户名是否为空。
HarmonyOS鸿蒙开发学习：鸿蒙基础-基础环境-ArkTS-组件-样式
专注移动开发
08-05 661
下载对应的版本API12 的编辑器 API12的模拟器(mac英特尔安装API11)解压编辑器版本 将左侧内容拖入点击打开 新建一个路径 HarmonyOS-SDK 将资源下载包中的sdk的内容进行解压，放入到刚刚新建的目录 将设置中的安装路径改变成新建的目录，最终点击确认，sdk就安装好了打开原有项目发现 一个配置文件的依赖，线上没有提供云下载地址，只能采用离线的版本 。hvigor下载资源包中，还有提供一个dependencies， 这就是我们需要替换的版本 internal-plugin-S
HarmonyOS从基础到实战-高性能华为在线答题元服务
热门推荐
一键难忘的博客
11-21 12万+
HarmonyOS从基础到实战-高性能华为在线答题元服务 在本文中，我们介绍了一个关于在线答题应用的项目，其中包括项目结构和开发计划。项目主要分为主应用的Ability（entryability）、卡片的Ability（Entnyformability）、从云数据库导出的数据类型（Models）以及页面代码文件夹（Pages）等模块。使用了两个重要的配置文件，分别是agconnect-services.json和schema.json，用于连接serverless服务和云端配置信息。
HarmonyOS应用开发实战—登录页面【ArkTS】
一键难忘的博客
11-24 4029
在运行时实例内存隔离的基础上，ArkCompiler通过共享运行实例中的不可变或者不易变的对象、内建代码块、方法字节码等技术手段，优化了并发运行实例的启动性能和内存开销。它的目标是提供更加统一、开放、灵活的操作系统平台，使得开发者能够更轻松地创建跨设备的应用程序，并为用户提供一致的、流畅的使用体验。ArkTS提供了简洁自然的声明式语法、组件化机制、数据-UI自动关联等能力，实现了贴近自然语言，书写效率更高的编程方式，为开发者带来易学、易懂、极简开发的优质体验。这有助于推动开发者社区的参与和生态系统的发展。
鸿蒙应用开发系列 EX篇：HarmonyOS应用开发者基础认证
生活在别处
05-06 725
该认证旨在验证开发者是否掌握了HarmonyOS应用开发的基本技能和知识，包括但不限于HarmonyOS的应用架构、开发环境搭建、基础组件使用、页面导航、数据存储、网络通信、图形与动画处理、权限管理、应用分发与安全等核心内容。准备该认证的开发者可以通过官方提供的培训资源进行学习，包括在线课程、文档、实践教程等，这些资源详细介绍了HarmonyOS应用开发的基础概念、开发工具（如DevEco Studio）的使用、以及如何运用HarmonyOS特有的功能和服务来构建应用。
HarmonyOS应用开发实战—开箱即用的登录页面3【ArkTS】
一键难忘的博客
12-27 2762
HarmonyOS（鸿蒙操作系统）是华为公司推出的一种分布式操作系统。它被设计为一种全场景、全连接的操作系统，旨在实现在各种设备之间的无缝协同和共享，包括智能手机、平板电脑、智能穿戴、智能家居、车载系统等。HarmonyOS的目标是构建一个统一的、开放的、全场景的操作系统生态系统。 这是我做项目中用到的应该展示页面。 ArkTS是鸿蒙生态的应用开发语言。它在保持TypeScript（简称TS）基本语法风格的基础上，对TS的动态类型特性施加更严格的约束，引入静态类型。同时，提供了声明式UI、状态管理等相应的能
iomuxc、pinctrl子系统、gpio子系统（学习总结）
weixin_61385844的博客
09-04 949
IOMUXC是SOC设计中实现引脚复用的关键组件，它通过动态切换引脚功能，提高了IO资源的利用率，满足了不同外设和功能的IO需求。在配置和使用IOMUXC时，需要参考芯片使用手册和设备树文档，确保引脚功能的正确设置。
qmt量化交易策略小白学习笔记第61期【qmt编程之期权行情数据--get_market_data_ex函数】
fanglue3705的博客
09-09 462
获取期权行情数据 获取期权最新数据，首先需要进行数据订阅。完成合约订阅后，用get_market_data_ex函数即可提取相关信息。这个过程包含两大步骤： 第一，通过订阅操作确保能接收到你感兴趣的期权合约的更新； 第二，调用get_market_data_ex函数来实际获取并处理这些订阅到的数据,如果需要用到历史数据或过期合约数据，需要使用download_history_data进行下载。
sheng的学习笔记-AI-规则学习（rule learning）
coldstarry的专栏
09-09 681
机器学习中的“规则”(rule)通常是指语义明确、能描述数据分布所隐含的客观规律或领域概念、可写成“若……，则……”形式的逻辑规则。​“规则学习”(rule learning)是从训练数据中学习出一组能用于对未见示例进行判别的规则。一条规则形如：在数理逻辑中“文字”专指原子公式(atom)及其否定。与神经网络、支持向量机这样的“黑箱模型”相比，规则学习具有更好的可解释性，能使用户更直观地对判别过程有所了解。另一方面，数理逻辑具有极强的表达能力，绝大多数人类知识都能通过数理逻辑进行简洁的刻画和表达。
IP学习——Fiveday
qq_52973916的博客
09-05 488
设备排错：注意黑洞路由
Android Fragment 学习备忘
sdaujz的博客
09-08 327
1.fragment的动态添加与管理：
9.6学习记录+三场笔试
m0_62956971的博客
09-07 1142
短作业优先。
EmguCV学习笔记 C# 第10章 人脸识别
UruseiBest 的技术专栏
09-05 526
EmguCV是一个基于OpenCV的开源免费的跨平台计算机视觉库,它向C#和VB.NET开发者提供了OpenCV库的大部分功能。10.1 人脸检测 CascadeClassifier类。10.2.2.1 EigenFaceRecgnizer类。10.2.1 LBPHFaceRecgnizer类。10.2 人脸识别 FaceRecgnizer类。教程配套文件及相关说明。
《数字信号处理》学习05-单位冲击响应与系统响应
码到成龚的博客
09-08 1077
一，单位冲激响应二，LTI系统对任意序列的系统响应三，LTI系统的性质​ 在《信号与系统》中，离散时间线性时不变系统用 唯一表征： ：单位冲击响应（或称为单位抽样响应）。输入序列是单位冲击序列，输出序列是初始状态为0时系统的输出。 1，h虽然不是特定单词的缩写，但在信号处理领域的使用已经成为一种约定，代表了系统的单位冲击响应，因此，一般用来代表离散时间LTI系统的单位冲击响应。 2，之所以强调输出序列是在初始状态为0时的系统输出，是因为在“初始状态为0”时输出序列完全基于输入序列和单
学习threejs，创建立方体，并执行旋转动画
最新发布
我哎GIS博客
09-09 470
本文基于threejs，实现立方体的创建，并加入立方体旋转动画。
"零基础学习JAVA基础知识-教师自我介绍、课程目标及发展历程
总结：JAVA基础知识学习零基础课程...总的来说，JAVA基础知识学习零基础课程提供了全面的Java编程入门知识，逐步引导学员从零基础开始学习，掌握Java编程的基本概念和技巧，为进一步深入学习和应用Java打下坚实的基础。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

心之所想，行则将至

创作不易，希望大家多多鼓励支持

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值