鸿蒙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 组件 shelf_static 的适配 鸿蒙Harmony 实战 - 驾驭极致静态资源分发、实现鸿蒙端文件服务器缓存策略与资产审计方案

Flutter 组件 shelf_static 的适配 鸿蒙Harmony 实战 - 驾驭极致静态资源分发、实现鸿蒙端文件服务器缓存策略与资产审计方案

欢迎加入开源鸿蒙跨平台社区：https://openharmonycrossplatform.ZEEKLOG.net Flutter 组件 shelf_static 的适配 鸿蒙Harmony 实战 - 驾驭极致静态资源分发、实现鸿蒙端文件服务器缓存策略与资产审计方案 前言 在鸿蒙（OpenHarmony）生态的分布式离线静态文档系统、内嵌 H5 业务容器中台以及需要为局域网成员提供高性能资产分发的各种垂直类应用开发中，“静态资源的高速投递与安全性管控”是应用响应质量的基石。面对包含数千张高密度解析图纸、复杂的 Web 前端资产包或者是需要对接 0307 批次资产安全标准的各类文档。如果仅仅依靠原始的 File.readAsBytes() 配合手写 HTTP 头返回。那么不仅会导致在鸿蒙端产生严重的内存拷贝开销，更会因为无法实现对 Etag 缓存校验、范围请求（Range Request）等现代 Web 协议的精确支配。引发鸿蒙系统应用在加载大型资产时的严重卡顿。 我们需要一种“物理对齐、协议自洽”

By Ne0inhk
Flutter 三方库 index_generator — 赋能鸿蒙大型项目自动化生成 Export 导出索引，消除繁琐 Import 片段工程化利器（适配鸿蒙 HarmonyOS Next ohos

Flutter 三方库 index_generator — 赋能鸿蒙大型项目自动化生成 Export 导出索引，消除繁琐 Import 片段工程化利器（适配鸿蒙 HarmonyOS Next ohos

欢迎加入开源鸿蒙跨平台社区：https://openharmonycrossplatform.ZEEKLOG.net。 Flutter 三方库 index_generator — 赋能鸿蒙大型项目自动化生成 Export 导出索引，消除繁琐 Import 片段的工程化利器（适配鸿蒙 HarmonyOS Next ohos） 前言 在华为鸿蒙（OpenHarmony）生态的深度开发中，随着业务组件和模型类的爆发式增长，开发者经常会陷入“Import 迷宫”。当你需要引用某个页面时，发现上方堆叠了数十行细碎的文件引用，这不仅影响代码的可读性，更让后续的重构工作（如移动目录）变得极其痛苦。 index_generator 是一款极其高效的命令行工具。它能根据你定义的配置文件，自动扫描指定目录并生成一个统一的“索引文件（Barrel File，通常为 index.dart）”，将目录下的所有组件一键导出。在构建鸿蒙平台的复杂多模块（Multi-module）工程、管理庞大的 UI

By Ne0inhk
技能提升必备：鸿蒙HarmonyOS应用开发者认证

技能提升必备：鸿蒙HarmonyOS应用开发者认证

技能提升必备：鸿蒙HarmonyOS应用开发者认证，HarmonyOS 认证是华为为开发者打造的能力衡量体系。随着 HarmonyOS 系统影响力不断扩大，市场对相关开发人才需求激增。该认证分为基础与高级等不同级别，覆盖应用开发、设备开发等方向。通过认证，开发者能系统掌握 HarmonyOS 知识与技能，提升个人职业竞争力，为鸿蒙生态繁荣贡献力量，在万物智联时代获得更多发展机遇 。 技能提升必备：鸿蒙HarmonyOS应用开发者认证 🔆 在新时代的软件开发中，HarmonyOS 应用开发技术占据重要地位。随着 HarmonyOS 系统的广泛应用，招聘市场对这类开发者的需求越来越多。鸿蒙 HarmonyOS 应用开发者认证分为基础认证和高级认证两个级别，目的是帮助开发者系统掌握 HarmonyOS 的开发框架、API 调用、界面设计等基本技能，同时深入理解分布式技术原理，掌握跨设备协同、场景化服务等高级功能。 🔆 官方打造了针对不同角色、技术领域和业务场景的认证，让开发者能证明自己的专业水平和能力。其中，和 HarmonyOS 应用开发相关的认证有基础认证和高级认证，还有一些

By Ne0inhk
【AI绘画】Midjourney进阶：色相详解

【AI绘画】Midjourney进阶：色相详解

博客主页： [小ᶻ☡꙳ᵃⁱᵍᶜ꙳]本文专栏: AI绘画 | Midjourney 文章目录 * 💯前言 * 💯Midjourney中的色彩控制 * 为什么要控制色彩？ * 为什么要在Midjourney中控制色彩？ * 💯色相 * 红 * 橙 * 黄 * 绿 * 蓝 * 紫 * 黑与白 * 💯小结 💯前言 在设计领域中，色相作为色彩的重要维度，直接决定了作品的视觉基调与情感表达。通过对色相的深入理解与灵活运用，设计师可以在作品中精准传递信息，激发观众的情感共鸣。Midjourney 作为一款强大的AI绘画工具，为设计师提供了高效探索色相表现的创作平台，使复杂的色彩控制变得直观且富有创意。 本篇文章将以色相为核心，从色彩心理学与实际应用出发，结合 Midjourney 的提示词设置，详细解析不同色相在设计中的作用与特点。无论是自然主题的绿、蓝，还是富有情感张力的红、紫，每一种色相都在设计中扮演着不可替代的角色。 Midjourney官方使用手册 💯Midjourney中的色彩控制 在 Mi

By Ne0inhk