鸿蒙APP开发从入门到精通：鸿蒙电商购物车全栈项目——订单管理、支付管理、AI原生

Ne0inhk

— 13 min read
鸿蒙APP开发从入门到精通：鸿蒙电商购物车全栈项目——订单管理、支付管理、AI原生

《鸿蒙APP开发从入门到精通》第14篇：鸿蒙电商购物车全栈项目——订单管理、支付管理、AI原生 📱💳🤖

在这里插入图片描述

内容承接与核心价值

这是《鸿蒙APP开发从入门到精通》的第14篇——订单管理、支付管理、AI原生篇，100%承接第13篇的「用户管理、商品列表、购物车」项目架构，完成鸿蒙电商购物车全栈项目的核心业务功能实现。

学习目标：

  • 掌握订单管理的设计与实现；
  • 实现创建订单、查看订单、取消订单；
  • 理解支付管理的设计与实现；
  • 实现微信支付、支付宝支付；
  • 掌握AI原生的设计与实现；
  • 实现AI搜索、AI推荐、AI客服；
  • 优化订单管理、支付管理、AI原生的用户体验（响应速度、数据安全、用户反馈）。

学习重点：

  • 鸿蒙APP订单管理的开发流程；
  • 订单管理的分类与使用场景；
  • 支付管理的设计与实现；
  • AI原生的设计与实现。

一、 订单管理基础 🎯

1.1 订单管理定义

订单管理是指对应用的订单进行管理，主要包括以下方面：

  • 创建订单：用户可以创建订单；
  • 查看订单：用户可以查看订单；
  • 取消订单：用户可以取消订单；
  • 订单状态管理：管理订单的状态。

1.2 订单管理架构

订单管理采用分层架构，由以下部分组成：

  • 订单服务层：负责订单的业务逻辑；
  • 订单数据层：负责订单的数据存储与管理；
  • 订单接口层：负责订单的接口设计与实现；
  • 订单展示层：负责订单的界面渲染与交互。

二、 订单管理实战 🛠️

2.1 实战目标

基于第13篇的「MyFirstHarmonyApp」项目架构，实现以下功能：

  • 创建订单：用户可以创建订单；
  • 查看订单：用户可以查看订单；
  • 取消订单：用户可以取消订单。

2.2 🔧 订单管理工具类

⌨️ entry/src/main/ets/utils/OrderManagementUtil.ets

import order from'@ohos.order';// 订单管理工具类exportclassOrderManagementUtil{privatestatic instance: OrderManagementUtil |null=null;private orderHelper: order.OrderHelper |null=null;// 单例模式staticgetInstance(): OrderManagementUtil {if(!OrderManagementUtil.instance){ OrderManagementUtil.instance =newOrderManagementUtil();}return OrderManagementUtil.instance;}// 初始化订单管理asyncinit():Promise<void>{if(!this.orderHelper){this.orderHelper = order.createOrderHelper();}}// 创建订单asynccreateOrder(cartItemIds:Array<number>):Promise<order.CreateOrderResult>{if(!this.orderHelper){returnnull;}const result =awaitthis.orderHelper.createOrder(cartItemIds);return result;}// 查看订单asyncgetOrderList():Promise<Array<order.Order>>{if(!this.orderHelper){return[];}const result =awaitthis.orderHelper.getOrderList();return result;}// 取消订单asynccancelOrder(orderId:number):Promise<order.CancelOrderResult>{if(!this.orderHelper){returnnull;}const result =awaitthis.orderHelper.cancelOrder(orderId);return result;}// 确认收货asyncconfirmOrder(orderId:number):Promise<order.ConfirmOrderResult>{if(!this.orderHelper){returnnull;}const result =awaitthis.orderHelper.confirmOrder(orderId);return result;}}

2.3 🔧 订单创建应用

⌨️ entry/src/main/ets/pages/CreateOrderPage.ets

import{ OrderManagementUtil }from'../utils/OrderManagementUtil';import{ CartManagementUtil }from'../utils/CartManagementUtil';@Entry@Component struct CreateOrderPage {@State order: order.Order |null=null;@State cartItems:Array<cart.CartItem>=[];@State totalPrice:number=0;build(){Column({ space:16}){if(this.cartItems.length >0){Text('订单详情').fontSize(18).fontWeight(FontWeight.Bold).textColor('#000000');ListComponent({ data:this.cartItems,renderItem:(item: cart.CartItem, index:number)=>{Row({ space:16}){Image(item.avatarUrl).width(80).height(80).objectFit(ImageFit.Cover).borderRadius(8);Column({ space:8}){Text(item.name).fontSize(16).fontWeight(FontWeight.Bold).textColor('#000000');Text(item.description).fontSize(14).textColor('#666666').maxLines(2).textOverflow({ overflow: TextOverflow.Ellipsis });Text(`¥${item.price}`).fontSize(16).fontWeight(FontWeight.Bold).textColor('#FF0000');}.layoutWeight(1);Text(`×${item.quantity}`).fontSize(14).textColor('#666666');}.width('100%').height('auto').padding(16).backgroundColor('#FFFFFF').borderRadius(8).margin({ bottom:8});},onItemClick:(item: cart.CartItem, index:number)=>{ router.pushUrl({ url:'/pages/ProductDetailPage', params:{ productId: item.productId }});}});Row({ space:16}){Text('总价格：').fontSize(16).fontWeight(FontWeight.Bold).textColor('#000000');Text(`¥${this.totalPrice}`).fontSize(18).fontWeight(FontWeight.Bold).textColor('#FF0000');}.width('100%').height('auto').justifyContent(FlexAlign.End).padding(16).backgroundColor('#FFFFFF').borderRadius(8);ButtonComponent({ text:'提交订单',onClick:async()=>{awaitthis.createOrder();}, disabled:this.cartItems.length ===0});}}.width('100%').height('100%').padding(16).backgroundColor('#F5F5F5');}aboutToAppear(){// 初始化订单管理 OrderManagementUtil.getInstance().init();// 初始化购物车管理 CartManagementUtil.getInstance().init();// 获取购物车数据this.getCartData();}asyncgetCartData():Promise<void>{this.cartItems =await CartManagementUtil.getInstance().getCartList();this.totalPrice =this.cartItems.reduce((sum, item)=> sum + item.price * item.quantity,0);}asynccreateOrder():Promise<void>{const cartItemIds =this.cartItems.map(item => item.cartItemId);const result =await OrderManagementUtil.getInstance().createOrder(cartItemIds);if(result.success){ promptAction.showToast({ message:'订单创建成功'});// 清空购物车await CartManagementUtil.getInstance().clearCart();// 跳转到订单列表页 router.pushUrl({ url:'/pages/OrderListPage'});}else{ promptAction.showToast({ message:'订单创建失败'});}}}

2.4 🔧 订单列表应用

⌨️ entry/src/main/ets/pages/OrderListPage.ets

import{ OrderManagementUtil }from'../utils/OrderManagementUtil';@Entry@Component struct OrderListPage {@State orderList:Array<order.Order>=[];build(){Column({ space:16}){ListComponent({ data:this.orderList,renderItem:(item: order.Order, index:number)=>{Row({ space:16}){Column({ space:8}){Text(`订单号：${item.orderId}`).fontSize(14).textColor('#666666');Text(`创建时间：${item.createTime}`).fontSize(14).textColor('#666666');Text(`订单状态：${this.getOrderStatusText(item.orderStatus)}`).fontSize(14).textColor(this.getOrderStatusColor(item.orderStatus));Text(`总价格：¥${item.totalPrice}`).fontSize(16).fontWeight(FontWeight.Bold).textColor('#000000');}.layoutWeight(1);Row({ space:8}){if(item.orderStatus ==='待支付'){ButtonComponent({ text:'立即支付',onClick:async()=>{awaitthis.payOrder(item.orderId);}, disabled:false});}if(item.orderStatus ==='待发货'|| item.orderStatus ==='待收货'){ButtonComponent({ text:'取消订单',onClick:async()=>{awaitthis.cancelOrder(item.orderId);}, disabled:false});}if(item.orderStatus ==='待收货'){ButtonComponent({ text:'确认收货',onClick:async()=>{awaitthis.confirmOrder(item.orderId);}, disabled:false});}}.width('auto').height('auto');}.width('100%').height('auto').padding(16).backgroundColor('#FFFFFF').borderRadius(8).margin({ bottom:8});},onItemClick:(item: order.Order, index:number)=>{ router.pushUrl({ url:'/pages/OrderDetailPage', params:{ orderId: item.orderId }});}});}.width('100%').height('100%').padding(16).backgroundColor('#F5F5F5');}aboutToAppear(){// 初始化订单管理 OrderManagementUtil.getInstance().init();// 获取订单列表this.getOrderList();}asyncgetOrderList():Promise<void>{this.orderList =await OrderManagementUtil.getInstance().getOrderList();}asynccancelOrder(orderId:number):Promise<void>{const result =await OrderManagementUtil.getInstance().cancelOrder(orderId);if(result.success){ promptAction.showToast({ message:'订单取消成功'});this.getOrderList();}else{ promptAction.showToast({ message:'订单取消失败'});}}asyncconfirmOrder(orderId:number):Promise<void>{const result =await OrderManagementUtil.getInstance().confirmOrder(orderId);if(result.success){ promptAction.showToast({ message:'确认收货成功'});this.getOrderList();}else{ promptAction.showToast({ message:'确认收货失败'});}}asyncpayOrder(orderId:number):Promise<void>{// 跳转到支付页面 router.pushUrl({ url:'/pages/PaymentPage', params:{ orderId: orderId }});}getOrderStatusText(orderStatus:string):string{switch(orderStatus){case'待支付':return'待支付';case'待发货':return'待发货';case'待收货':return'待收货';case'已完成':return'已完成';case'已取消':return'已取消';default:return'未知状态';}}getOrderStatusColor(orderStatus:string):string{switch(orderStatus){case'待支付':return'#FF0000';case'待发货':return'#FFA500';case'待收货':return'#008000';case'已完成':return'#0000FF';case'已取消':return'#666666';default:return'#000000';}}}

三、 支付管理实战 🛠️

3.1 实战目标

基于第13篇的「MyFirstHarmonyApp」项目架构，实现以下功能：

  • 微信支付：实现微信支付功能；
  • 支付宝支付：实现支付宝支付功能。

3.2 🔧 支付管理工具类

⌨️ entry/src/main/ets/utils/PaymentManagementUtil.ets

import payment from'@ohos.payment';// 支付管理工具类exportclassPaymentManagementUtil{privatestatic instance: PaymentManagementUtil |null=null;private paymentHelper: payment.PaymentHelper |null=null;// 单例模式staticgetInstance(): PaymentManagementUtil {if(!PaymentManagementUtil.instance){ PaymentManagementUtil.instance =newPaymentManagementUtil();}return PaymentManagementUtil.instance;}// 初始化支付管理asyncinit():Promise<void>{if(!this.paymentHelper){this.paymentHelper = payment.createPaymentHelper();}}// 微信支付asyncwechatPay(orderId:number):Promise<payment.WechatPayResult>{if(!this.paymentHelper){returnnull;}const result =awaitthis.paymentHelper.wechatPay(orderId);return result;}// 支付宝支付asyncalipay(orderId:number):Promise<payment.AlipayResult>{if(!this.paymentHelper){returnnull;}const result =awaitthis.paymentHelper.alipay(orderId);return result;}}

3.3 🔧 支付应用

⌨️ entry/src/main/ets/pages/PaymentPage.ets

import{ PaymentManagementUtil }from'../utils/PaymentManagementUtil';import{ OrderManagementUtil }from'../utils/OrderManagementUtil';@Entry@Component struct PaymentPage {@State order: order.Order |null=null;@State paymentMethod:string='wechat';@State orderId:number=0;build(){Column({ space:16}){if(this.order){Text(`订单号：${this.order.orderId}`).fontSize(14).textColor('#666666');Text(`创建时间：${this.order.createTime}`).fontSize(14).textColor('#666666');Text(`总价格：¥${this.order.totalPrice}`).fontSize(18).fontWeight(FontWeight.Bold).textColor('#FF0000');Text('支付方式：').fontSize(14).textColor('#000000');RadioContainer({ name:'paymentMethod', value:this.paymentMethod }){Radio({ value:'wechat', name:'paymentMethod'}){Text('微信支付').fontSize(14).textColor('#000000');}.onChange((value:string)=>{this.paymentMethod = value;});Radio({ value:'alipay', name:'paymentMethod'}){Text('支付宝支付').fontSize(14).textColor('#000000');}.onChange((value:string)=>{this.paymentMethod = value;});}.width('100%').height('auto');ButtonComponent({ text:'立即支付',onClick:async()=>{awaitthis.pay();}, disabled:!this.order });}}.width('100%').height('100%').padding(16).backgroundColor('#F5F5F5');}aboutToAppear(){// 初始化支付管理 PaymentManagementUtil.getInstance().init();// 初始化订单管理 OrderManagementUtil.getInstance().init();// 获取订单详情this.getOrderDetail();}asyncgetOrderDetail():Promise<void>{const params = router.getParams()as{ orderId:number};this.orderId = params.orderId;this.order =await OrderManagementUtil.getInstance().getOrderDetail(this.orderId);}asyncpay():Promise<void>{let result: payment.WechatPayResult | payment.AlipayResult |null;if(this.paymentMethod ==='wechat'){ result =await PaymentManagementUtil.getInstance().wechatPay(this.orderId);}else{ result =await PaymentManagementUtil.getInstance().alipay(this.orderId);}if(result?.success){ promptAction.showToast({ message:'支付成功'});// 跳转到订单列表页 router.pushUrl({ url:'/pages/OrderListPage'});}else{ promptAction.showToast({ message:'支付失败'});}}}

四、 AI原生实战 🛠️

4.1 实战目标

基于第13篇的「MyFirstHarmonyApp」项目架构，实现以下功能：

  • AI搜索：实现AI搜索功能；
  • AI推荐：实现AI推荐功能；
  • AI客服：实现AI客服功能。

4.2 🔧 AI搜索实现

1. AI搜索工具类

⌨️ entry/src/main/ets/utils/AISearchUtil.ets

import ai from'@ohos.ai';// AI搜索工具类exportclassAISearchUtil{privatestatic instance: AISearchUtil |null=null;private aiHelper: ai.AIHelper |null=null;// 单例模式staticgetInstance(): AISearchUtil {if(!AISearchUtil.instance){ AISearchUtil.instance =newAISearchUtil();}return AISearchUtil.instance;}// 初始化AI搜索asyncinit():Promise<void>{if(!this.aiHelper){this.aiHelper = ai.createAIHelper();}}// AI搜索asyncaiSearch(keyword:string):Promise<Array<product.Product>>{if(!this.aiHelper){return[];}const result =awaitthis.aiHelper.aiSearch(keyword);return result;}}
2. AI搜索应用

⌨️ entry/src/main/ets/pages/AISearchPage.ets

import{ AISearchUtil }from'../utils/AISearchUtil';@Entry@Component struct AISearchPage {@State searchKeyword:string='';@State productList:Array<product.Product>=[];build(){Column({ space:16}){InputComponent({ placeholder:'请输入搜索关键词', value:this.searchKeyword,onChange:(value:string)=>{this.searchKeyword = value;}, type: InputType.Normal });ButtonComponent({ text:'AI搜索',onClick:async()=>{awaitthis.aiSearch();}, disabled:!this.searchKeyword });ListComponent({ data:this.productList,renderItem:(item: product.Product, index:number)=>{Row({ space:16}){Image(item.avatarUrl).width(80).height(80).objectFit(ImageFit.Cover).borderRadius(8);Column({ space:8}){Text(item.name).fontSize(16).fontWeight(FontWeight.Bold).textColor('#000000');Text(item.description).fontSize(14).textColor('#666666').maxLines(2).textOverflow({ overflow: TextOverflow.Ellipsis });Text(`¥${item.price}`).fontSize(16).fontWeight(FontWeight.Bold).textColor('#FF0000');}.layoutWeight(1);ButtonComponent({ text:'查看详情',onClick:()=>{ router.pushUrl({ url:'/pages/ProductDetailPage', params:{ productId: item.productId }});}, disabled:false});}.width('100%').height('auto').padding(16).backgroundColor('#FFFFFF').borderRadius(8).margin({ bottom:8});},onItemClick:(item: product.Product, index:number)=>{ router.pushUrl({ url:'/pages/ProductDetailPage', params:{ productId: item.productId }});}});}.width('100%').height('100%').padding(16).backgroundColor('#F5F5F5');}aboutToAppear(){// 初始化AI搜索 AISearchUtil.getInstance().init();}asyncaiSearch():Promise<void>{this.productList =await AISearchUtil.getInstance().aiSearch(this.searchKeyword);}}

4.3 🔧 AI推荐实现

1. AI推荐工具类

⌨️ entry/src/main/ets/utils/AIRecommendationUtil.ets

import ai from'@ohos.ai';// AI推荐工具类exportclassAIRecommendationUtil{privatestatic instance: AIRecommendationUtil |null=null;private aiHelper: ai.AIHelper |null=null;// 单例模式staticgetInstance(): AIRecommendationUtil {if(!AIRecommendationUtil.instance){ AIRecommendationUtil.instance =newAIRecommendationUtil();}return AIRecommendationUtil.instance;}// 初始化AI推荐asyncinit():Promise<void>{if(!this.aiHelper){this.aiHelper = ai.createAIHelper();}}// AI推荐asyncaiRecommendation():Promise<Array<product.Product>>{if(!this.aiHelper){return[];}const result =awaitthis.aiHelper.aiRecommendation();return result;}}
2. AI推荐应用

⌨️ entry/src/main/ets/pages/AIRecommendationPage.ets

import{ AIRecommendationUtil }from'../utils/AIRecommendationUtil';@Entry@Component struct AIRecommendationPage {@State productList:Array<product.Product>=[];build(){Column({ space:16}){Text('AI推荐商品').fontSize(18).fontWeight(FontWeight.Bold).textColor('#000000');ListComponent({ data:this.productList,renderItem:(item: product.Product, index:number)=>{Row({ space:16}){Image(item.avatarUrl).width(80).height(80).objectFit(ImageFit.Cover).borderRadius(8);Column({ space:8}){Text(item.name).fontSize(16).fontWeight(FontWeight.Bold).textColor('#000000');Text(item.description).fontSize(14).textColor('#666666').maxLines(2).textOverflow({ overflow: TextOverflow.Ellipsis });Text(`¥${item.price}`).fontSize(16).fontWeight(FontWeight.Bold).textColor('#FF0000');}.layoutWeight(1);ButtonComponent({ text:'查看详情',onClick:()=>{ router.pushUrl({ url:'/pages/ProductDetailPage', params:{ productId: item.productId }});}, disabled:false});}.width('100%').height('auto').padding(16).backgroundColor('#FFFFFF').borderRadius(8).margin({ bottom:8});},onItemClick:(item: product.Product, index:number)=>{ router.pushUrl({ url:'/pages/ProductDetailPage', params:{ productId: item.productId }});}});}.width('100%').height('100%').padding(16).backgroundColor('#F5F5F5');}aboutToAppear(){// 初始化AI推荐 AIRecommendationUtil.getInstance().init();// 获取AI推荐商品this.getAIRecommendation();}asyncgetAIRecommendation():Promise<void>{this.productList =await AIRecommendationUtil.getInstance().aiRecommendation();}}

4.4 🔧 AI客服实现

1. AI客服工具类

⌨️ entry/src/main/ets/utils/AICustomerServiceUtil.ets

import ai from'@ohos.ai';// AI客服工具类exportclassAICustomerServiceUtil{privatestatic instance: AICustomerServiceUtil |null=null;private aiHelper: ai.AIHelper |null=null;// 单例模式staticgetInstance(): AICustomerServiceUtil {if(!AICustomerServiceUtil.instance){ AICustomerServiceUtil.instance =newAICustomerServiceUtil();}return AICustomerServiceUtil.instance;}// 初始化AI客服asyncinit():Promise<void>{if(!this.aiHelper){this.aiHelper = ai.createAIHelper();}}// AI客服asyncaiCustomerService(question:string):Promise<ai.AICustomerServiceResult>{if(!this.aiHelper){returnnull;}const result =awaitthis.aiHelper.aiCustomerService(question);return result;}}
2. AI客服应用

⌨️ entry/src/main/ets/pages/AICustomerServicePage.ets

import{ AICustomerServiceUtil }from'../utils/AICustomerServiceUtil';@Entry@Component struct AICustomerServicePage {@State question:string='';@State answer:string='';build(){Column({ space:16}){Text('AI客服').fontSize(18).fontWeight(FontWeight.Bold).textColor('#000000');InputComponent({ placeholder:'请输入您的问题', value:this.question,onChange:(value:string)=>{this.question = value;}, type: InputType.Normal });ButtonComponent({ text:'发送',onClick:async()=>{awaitthis.sendQuestion();}, disabled:!this.question });if(this.answer){Text('AI回答：').fontSize(14).textColor('#000000');Text(this.answer).fontSize(14).textColor('#666666').maxLines(10).textOverflow({ overflow: TextOverflow.Ellipsis });}}.width('100%').height('100%').padding(16).backgroundColor('#F5F5F5');}aboutToAppear(){// 初始化AI客服 AICustomerServiceUtil.getInstance().init();}asyncsendQuestion():Promise<void>{const result =await AICustomerServiceUtil.getInstance().aiCustomerService(this.question);if(result?.success){this.answer = result.answer;}else{this.answer ='抱歉，未能找到相关答案';}}}

五、 项目配置与部署 🚀

5.1 配置文件修改

1. module.json5修改

在「entry/src/main/module.json5」中添加订单管理、支付管理、AI原生配置：

{"module":{"requestPermissions":[// ...],"abilities":[// ...],"widgets":[// ...],"pages":[// ...]}}

5.2 🔧 项目部署

1. 编译项目

在DevEco Studio中点击「Build」→「Build HAP」，编译项目。

2. 部署到设备

将编译后的HAP文件部署到鸿蒙设备上。

3. 测试订单管理、支付管理、AI原生
  • 在应用中查看创建订单的效果；
  • 在应用中查看查看订单的效果；
  • 在应用中查看取消订单的效果；
  • 在应用中查看微信支付的效果；
  • 在应用中查看支付宝支付的效果；
  • 在应用中查看AI搜索的效果；
  • 在应用中查看AI推荐的效果；
  • 在应用中查看AI客服的效果。

六、 项目运行与效果验证 📱

6.1 效果验证

✅ 订单管理：创建订单、查看订单、取消订单；
✅ 支付管理：微信支付、支付宝支付；
✅ AI原生：AI搜索、AI推荐、AI客服。

七、 总结与未来学习路径 🚀

7.1 总结

本文作为《鸿蒙APP开发从入门到精通》的第14篇，完成了：

  • 鸿蒙APP订单管理的定义与架构；
  • 创建订单、查看订单、取消订单的实现；
  • 支付管理的设计与实现；
  • 微信支付、支付宝支付的实现；
  • AI原生的设计与实现；
  • AI搜索、AI推荐、AI客服的实现。

7.2 未来学习路径

  • 第15篇：鸿蒙电商购物车全栈项目——用户增长、性能优化、Next原生合规；
  • 第16篇：鸿蒙电商购物车全栈项目——运维监控、生态运营、专属变现。

八、 结语 ✅

恭喜你！你已经完成了《鸿蒙APP开发从入门到精通》的第14篇，掌握了订单管理、支付管理、AI原生的核心技术。

从现在开始，你已具备了开发鸿蒙电商购物车全栈项目的核心业务能力。未来的2篇文章将逐步优化项目的性能与合规，并最终实现华为应用市场上架变现。

让我们一起期待鸿蒙生态的爆发！ 🎉🎉🎉

Read more

Flutter 三方库 sparky 的鸿蒙化适配指南 - 实现极简 2D 游戏引擎功能、支持高效精灵图渲染与跨端游戏逻辑

Flutter 三方库 sparky 的鸿蒙化适配指南 - 实现极简 2D 游戏引擎功能、支持高效精灵图渲染与跨端游戏逻辑

欢迎加入开源鸿蒙跨平台社区：https://openharmonycrossplatform.ZEEKLOG.net Flutter 三方库 sparky 的鸿蒙化适配指南 - 实现极简 2D 游戏引擎功能、支持高效精灵图渲染与跨端游戏逻辑 前言 在 Flutter for OpenHarmony 的娱乐化开发领域，我们有时需要构建一些轻量级的小游戏或交互动效，但又不想引入像 Flame 这样的大型游戏引擎。sparky 是一个定位极其精简的 2D 游戏开发框架。它提供了基础的层级管理、精灵渲染和碰撞检测。本文将探讨如何在鸿蒙端利用 sparky 快速搭建游戏原型。 一、原理解析 / 概念介绍 1.1 基础原理 sparky 通过在 Flutter 的 CustomPainter 之上建立了一套简易的场景树（Scene Tree）。它将每一个游戏元素抽象为节点，并提供高频刷新的引擎循环（Engine

By Ne0inhk
Linux 进程深度解析（一）：从内核视角看懂进程的本质

Linux 进程深度解析（一）：从内核视角看懂进程的本质

文章目录 * 一、先破误区：进程不是 “运行的程序” 那么简单 * 二、拆解进程的两大核心组成 * 2.1 PCB：进程的 “全能管理档案” * 2.2 代码和数据：进程的 “执行实体” * 三、用一个例子看懂进程的诞生 * 四、如何查看进程？3 个实用命令 + 1 个核心目录 * 4.1 基础查看：`ps` 命令 * 4.2 深入查看：`/proc` 虚拟文件系统 * 4.3 筛选进程：`ps ... | grep` * 4.4 查看标题行：`ps ... | head -1` * 五、总结：进程的核心逻辑

By Ne0inhk
Flutter 组件 dascade 的适配 鸿蒙Harmony 实战 - 驾驭级联式异步数据流、实现鸿蒙端响应式 UI 状态泵与复杂业务逻辑解耦方案

Flutter 组件 dascade 的适配 鸿蒙Harmony 实战 - 驾驭级联式异步数据流、实现鸿蒙端响应式 UI 状态泵与复杂业务逻辑解耦方案

欢迎加入开源鸿蒙跨平台社区：https://openharmonycrossplatform.ZEEKLOG.net Flutter 组件 dascade 的适配 鸿蒙Harmony 实战 - 驾驭级联式异步数据流、实现鸿蒙端响应式 UI 状态泵与复杂业务逻辑解耦方案 前言 在鸿蒙（OpenHarmony）的大型复杂应用开发中，我们最头疼的问题往往不是单一接口的调用，而是“由于一个操作引发的连锁数据反应”。例如：当用户在鸿蒙平板上切换了一个项目的 ID，系统需要同时刷新任务列表、参与人员、最近讨论以及对应的缓存指纹，且这些操作往往互有依赖、顺序敏感。 如果你依然在 Activity 或 Widget 中写满了一层层的 then() 或是各种脏乱的 setState()，那么业务逻辑的“级联爆炸”将不可避免。 dascade 是一款专为级联式数据流（Cascading Streams）设计的轻量化状态管理工具。它能将复杂的异步逻辑链条抽象为一组可插拔、可观测的“级联节点”

By Ne0inhk
Flutter 三方库 bybit 的鸿蒙化适配指南 - 实现高性能交易数据获取、支持 WebSockets 实时订单簿与加密货币交易接口集成

Flutter 三方库 bybit 的鸿蒙化适配指南 - 实现高性能交易数据获取、支持 WebSockets 实时订单簿与加密货币交易接口集成

欢迎加入开源鸿蒙跨平台社区：https://openharmonycrossplatform.ZEEKLOG.net Flutter 三方库 bybit 的鸿蒙化适配指南 - 实现高性能交易数据获取、支持 WebSockets 实时订单簿与加密货币交易接口集成 前言 在进行 Flutter for OpenHarmony 的金融科技（FinTech）应用开发时，对接主流交易所的实时数据和交易功能是核心需求。bybit 是一个专为 Bybit 交易所设计的异步 Dart SDK。它封装了 REST API 调用和复杂的 WebSockets 订阅逻辑。本文将探讨如何在鸿蒙系统下构建低延迟、高可靠的加密资产交易终端。 一、原原理分析 / 概念介绍 1.1 基础原理 bybit 库基于 http 处理基础请求，并利用 web_socket_

By Ne0inhk