Deprecated: imwpcache\f884414bce24ee67f\f73723ec7b1919fa5::__construct(): Implicitly marking parameter $YECBGYFECGEAFWHA as nullable is deprecated, the explicit nullable type must be used instead in /www/wwwroot/www.chuangxiangniao.com/wp-content/plugins/imwpcache-dist/build/f884414bce24ee67ff73723ec7b1919fa5.php on line 2

Deprecated: imwpcache\f884414bce24ee67f\f73723ec7b1919fa5::__construct(): Implicitly marking parameter $BBWFDDBHHYHDXXAB as nullable is deprecated, the explicit nullable type must be used instead in /www/wwwroot/www.chuangxiangniao.com/wp-content/plugins/imwpcache-dist/build/f884414bce24ee67ff73723ec7b1919fa5.php on line 2
Hybris注册页添加自定义属性及数据持久化教程_创想鸟

Hybris注册页添加自定义属性及数据持久化教程

Hybris注册页添加自定义属性及数据持久化教程

本教程旨在详细指导如何在Hybris注册页面中添加自定义属性,并确保其数据能够成功从前端传输至后端模型并持久化存储。文章将深入解析在Hybris数据流中集成新字段的关键步骤,包括扩展表单、数据传输对象、控制器和外观层,旨在解决常见的属性缺失验证错误及数据无法保存的问题,确保自定义字段的完整功能实现。

在hybris电商平台中,为注册页面添加新的自定义属性(例如,pan 潘卡号)是常见的业务需求。然而,在实现过程中,开发者常会遇到de.hybris.platform.servicelayer.exceptions.modelsavingexception: missing values for [pan]这样的模型保存异常,或者即使错误解决了,新添加的属性值也无法持久化到数据库中。这些问题通常源于数据从用户界面到后端模型的数据流不完整。本文将详细阐述如何通过扩展hybris的关键组件来解决这些问题。

1. 理解问题根源:数据流不完整

当您在items.xml中为CustomerModel添加一个新属性,并且该属性默认为强制(即未设置optional=”true”),如果在保存CustomerModel实例时未提供该属性的值,Hybris的MandatoryAttributesValidator就会抛出异常。即使您通过设置optional=”true”来绕过这个验证错误,如果前端输入的值没有被正确地捕获并传输到CustomerModel实例上,该值仍然无法被保存。因此,核心问题在于建立一个完整的数据传输链路。

2. 核心解决方案:扩展关键组件

要确保自定义属性值从注册表单正确地流向并保存到CustomerModel,您需要扩展并修改Hybris的以下核心组件:

items.xml: 定义新属性的模型层。RegisterForm: 承载前端表单数据的Java Bean。RegisterData: 用于控制器与外观层之间数据传输的数据传输对象(DTO)。RegistrationPageController: 处理注册请求的控制器。CustomerFacade: 业务逻辑层,负责将RegisterData映射到CustomerModel并触发保存。

2.1 修改 items.xml 定义模型属性

首先,在您的扩展(extension)的items.xml文件中,为Customer类型添加新的属性。

                                                                            Pan Card Number                                                                                

注意:修改items.xml后,务必运行ant all和updatesystem来更新数据库模式。

2.2 扩展 RegisterForm 添加表单字段

RegisterForm是Spring MVC用来绑定前端表单提交数据的Java Bean。您需要创建一个新的类来扩展它,并添加您的自定义属性。

// myextension-web/src/com/mycompany/fulfilmentprocess/forms/MyRegisterForm.javapackage com.mycompany.fulfilmentprocess.forms;import de.hybris.platform.acceleratorstorefrontcommons.forms.RegisterForm;import javax.validation.constraints.Pattern;import javax.validation.constraints.Size;public class MyRegisterForm extends RegisterForm {    private String pan;    // 添加验证注解,例如正则表达式和长度限制    @Size(min = 10, max = 10, message = "{register.pan.invalid}")    @Pattern(regexp = "[A-Z]{5}[0-9]{4}[A-Z]{1}", message = "{register.pan.invalid}")    public String getPan() {        return pan;    }    public void setPan(String pan) {        this.pan = pan;    }}

2.3 扩展 RegisterData 传输数据

RegisterData是控制器和外观层之间传递注册信息的数据传输对象。您也需要扩展它来包含新的pan属性。

// myextension-facades/src/com/mycompany/fulfilmentprocess/data/MyRegisterData.javapackage com.mycompany.fulfilmentprocess.data;import de.hybris.platform.commercefacades.user.data.RegisterData;public class MyRegisterData extends RegisterData {    private String pan;    public String getPan() {        return pan;    }    public void setPan(String pan) {        this.pan = pan;    }}

2.4 扩展 RegistrationPageController 处理表单提交

RegistrationPageController负责处理注册页面的请求和表单提交。您需要覆盖其注册方法,以使用您的MyRegisterForm和MyRegisterData,并将pan值从表单传输到数据对象。

// myextension-web/src/com/mycompany/fulfilmentprocess/controllers/pages/MyRegistrationPageController.javapackage com.mycompany.fulfilmentprocess.controllers.pages;import de.hybris.platform.acceleratorstorefrontcommons.controllers.pages.Abstract='false'RegistrationPageController;import de.hybris.platform.acceleratorstorefrontcommons.forms.RegisterForm; // 导入原始RegisterFormimport de.hybris.platform.commercefacades.user.data.RegisterData; // 导入原始RegisterDataimport de.hybris.platform.cms2.exceptions.CMSItemNotFoundException;import org.springframework.stereotype.Controller;import org.springframework.ui.Model;import org.springframework.validation.BindingResult;import org.springframework.web.bind.annotation.RequestMapping;import org.springframework.web.bind.annotation.RequestMethod;import javax.annotation.Resource;import com.mycompany.fulfilmentprocess.forms.MyRegisterForm; // 导入您的扩展表单import com.mycompany.fulfilmentprocess.data.MyRegisterData; // 导入您的扩展数据@Controller@RequestMapping(value = "/register")public class MyRegistrationPageController extends AbstractRegistrationPageController {    @Override    protected RegisterData create = new MyRegisterData();    protected MyRegisterData createRegisterData(final RegisterForm form) {        final MyRegisterData registerData = new MyRegisterData();        // 调用父类方法,将公共字段从form复制到registerData        super.populateRegisterData(form, registerData);         // 将自定义字段从MyRegisterForm复制到MyRegisterData        registerData.setPan(((MyRegisterForm) form).getPan());         return registerData;    }    // 覆盖注册方法以使用您的MyRegisterForm    @RequestMapping(method = RequestMethod.POST)    public String doRegister(final MyRegisterForm form, final BindingResult bindingResult, final Model model)            throws CMSItemNotFoundException {        // 调用父类的doRegister方法,确保所有标准注册逻辑被执行        // 注意:这里需要确保父类方法能接受MyRegisterForm或进行适当的类型转换        // 理想情况下,您会重写整个doRegister方法,但为了简洁,我们假设父类方法可以处理泛型RegisterForm        // 并在内部调用createRegisterData        return super.doRegister(form, bindingResult, model);     }    // 您可能还需要在getRegisterForm()方法中返回MyRegisterForm的实例    @Override    protected RegisterForm getRegisterForm() {        return new MyRegisterForm();    }}

注意:您需要更新Spring配置,将默认的RegistrationPageController替换为您的MyRegistrationPageController。

即构数智人 即构数智人

即构数智人是由即构科技推出的AI虚拟数字人视频创作平台,支持数字人形象定制、短视频创作、数字人直播等。

即构数智人 36 查看详情 即构数智人

2.5 扩展 CustomerFacade 将数据映射到模型

CustomerFacade是业务逻辑层,它最终会调用服务层来创建或更新CustomerModel。您需要扩展它,以确保MyRegisterData中的pan值被正确地映射到CustomerModel实例。

// myextension-facades/src/com/mycompany/fulfilmentprocess/facades/customer/impl/MyDefaultCustomerFacade.javapackage com.mycompany.fulfilmentprocess.facades.customer.impl;import de.hybris.platform.commercefacades.user.impl.DefaultCustomerFacade;import de.hybris.platform.commercefacades.user.data.RegisterData; // 导入原始RegisterDataimport de.hybris.platform.core.model.user.CustomerModel;import com.mycompany.fulfilmentprocess.data.MyRegisterData; // 导入您的扩展数据public class MyDefaultCustomerFacade extends DefaultCustomerFacade {    @Override    protected void populateModel(final RegisterData registerData, final CustomerModel customerModel) {        // 调用父类方法,处理所有标准字段的映射        super.populateModel(registerData, customerModel);        // 如果传入的是MyRegisterData,则将自定义字段映射到CustomerModel        if (registerData instanceof MyRegisterData) {            final MyRegisterData myRegisterData = (MyRegisterData) registerData;            customerModel.setPan(myRegisterData.getPan());        }    }    // 您可能还需要重写registerCustomer方法,以确保它接收并处理MyRegisterData    // 或者确保其内部调用的populateModel方法被正确地重写    @Override    public void registerCustomer(final RegisterData registerData) {        // 在这里,registerData将是MyRegisterData的实例        // populateModel方法会被调用,从而将pan值设置到customerModel        super.registerCustomer(registerData);     }}

注意:同样,您需要更新Spring配置,将默认的customerFacade替换为您的MyDefaultCustomerFacade。

3. 前端UI集成

在完成后端逻辑后,别忘了在您的JSP或HTML模板中添加新的输入字段。例如,在registrationPage.jsp(或类似文件)中:

并在您的资源包(例如messages_en.properties)中添加对应的标签和验证消息:register.pan=Pan Numberregister.pan.invalid=Please enter a valid 10-character PAN number (e.g., ABCDE1234F).

4. 总结与注意事项

通过上述步骤,您已经建立了一个完整的数据传输链,确保了自定义属性Pan能够从前端UI经过MyRegisterForm、MyRegisterData、MyRegistrationPageController最终传输到MyDefaultCustomerFacade,并被映射到CustomerModel中,最终持久化到数据库。

关键点回顾:

数据流完整性:确保每个层级都能够识别并传递新的属性值。模型定义:items.xml中属性的optional修饰符决定了该属性在保存时是否必须有值。如果它在业务上是强制的,并且您希望在用户注册时就捕获它,那么确保值被正确传输到模型是解决MandatoryAttributesValidator错误的关键,而不是简单地将其设为optional=”true”。Spring Bean覆盖:确保您在Spring配置文件中正确地将默认的Hybris Bean替换为您的自定义实现(例如,通过parent属性或直接覆盖)。缓存与系统更新:在修改items.xml后,务必执行ant all和updatesystem。对于Java代码的修改,需要重新部署您的扩展。

遵循这些步骤,您将能够成功地在Hybris注册流程中集成并持久化新的自定义属性。

以上就是Hybris注册页添加自定义属性及数据持久化教程的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/248217.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
如何解决PHP异步操作中的阻塞瓶颈,GuzzlePromises助你实现高效并发
上一篇 2025年11月4日 04:16:30
MySQL与PostgreSQL:数据导入和导出技巧
下一篇 2025年11月4日 04:16:40

相关推荐

  • 多模态AI如何处理雷达信号 多模态AI目标跟踪技术

    多模态AI如何处理雷达信号 多模态AI目标跟踪技术多模态AI如何处理雷达信号 多模态AI目标跟踪技术多模态AI如何处理雷达信号 多模态AI目标跟踪技术多模态AI如何处理雷达信号 多模态AI目标跟踪技术

    本文将详细阐述多模态AI如何有效处理雷达信号,并将其应用于目标跟踪技术。我们将从雷达信号的基础处理入手,逐步讲解如何将雷达数据融入多模态AI框架,并通过分步骤的方式解析AI进行目标跟踪的具体过程。这将帮助读者理解多模态AI在复杂环境中利用雷达数据的强大能力。 ☞☞☞AI 智能聊天, 问答助手, AI…

    2026年9月27日 • 用户投稿
    000
  • Java:子类如何在不修改父类的情况下,通过重写方法间接利用父类私有成员

    Java:子类如何在不修改父类的情况下,通过重写方法间接利用父类私有成员Java:子类如何在不修改父类的情况下,通过重写方法间接利用父类私有成员Java:子类如何在不修改父类的情况下,通过重写方法间接利用父类私有成员Java:子类如何在不修改父类的情况下,通过重写方法间接利用父类私有成员

    在Java中,当子类需要在不修改父类的前提下,利用父类的私有成员时,直接访问是不允许的。本教程将展示如何通过调用父类的公共或保护方法(例如super.toString()),来间接利用父类内部已处理过的私有数据,尤其适用于重写方法并在此基础上扩展功能的情景。 Java封装性与私有成员:理解限制 ja…

    2026年9月27日 • 用户投稿
    000
  • Java中HashMap基本使用方法

    HashMap是Java中基于哈希表实现的键值对存储结构,属于java.util包,允许null键和null值,不保证顺序;通过put()添加元素,get()获取值,支持containsKey、remove、size等操作,并可使用keySet、values、entrySet遍历;多线程环境下不安全…

    2026年9月27日
    000
  • HTML表单动态必填字段:基于其他字段内容的条件校验

    本文将指导您如何使用JavaScript实现HTML表单中字段的条件必填校验。当一个字段(如“姓名”)有值时,另一个字段(如“位置”)才变为必填项,从而提升用户体验和数据准确性。教程将提供详细的HTML和JavaScript代码示例,并解释其工作原理,确保您能轻松掌握这种实用的前端验证技术。 在构建…

    2026年9月27日
    100
  • 算法科普——运动学LMPC和动力学LMPC之间的区别与联系

    算法科普——运动学LMPC和动力学LMPC之间的区别与联系算法科普——运动学LMPC和动力学LMPC之间的区别与联系算法科普——运动学LMPC和动力学LMPC之间的区别与联系算法科普——运动学LMPC和动力学LMPC之间的区别与联系

    在上一期的算法科普中,我已经探讨了lmpc的发展历程。然而,上一期并未深入探讨lmpc的各种分支,因此本期将重点介绍两种运动学层面的lmpc控制器和一种动力学层面的lmpc控制器。 一种常见的运动学层面的LMPC控制器的预测模型是直接对运动学模型进行雅克比线性化处理,如[1]中所述: 另一种运动学层…

    2026年9月27日 • 用户投稿
    000
  • AI绘画工具生成的图片可以商用吗?2025解析

    AI绘画图片能否商用取决于工具版权政策和使用方式。首先需查看所用AI工具的服务条款:若明确赋予用户商业使用权,则可放心商用;若限制商用或版权归开发者,则存在法律风险。为规避风险,应选择版权政策宽松的工具,对生成图片进行二次创作以增强独创性,并保留生成记录作为证据。用于品牌Logo时更需谨慎,因AI生…

    2026年9月27日
    200
  • Java中高并发数据库同步与任务处理教程

    Java中高并发数据库同步与任务处理教程Java中高并发数据库同步与任务处理教程Java中高并发数据库同步与任务处理教程Java中高并发数据库同步与任务处理教程

    本文旨在探讨Java应用中处理高并发数据库操作的有效策略,尤其针对大量数据行的计算与状态更新场景。我们将介绍如何利用ExecutorService和任务对象实现并发处理,并通过数据库连接池优化资源管理。重点关注数据库层面的并发控制机制,如事务和行级锁,以确保数据一致性和系统性能,并提供实际的代码示例…

    2026年9月27日 • 用户投稿
    100
  • Java高并发数据库同步处理:高效任务调度与连接管理实践

    Java高并发数据库同步处理:高效任务调度与连接管理实践Java高并发数据库同步处理:高效任务调度与连接管理实践Java高并发数据库同步处理:高效任务调度与连接管理实践Java高并发数据库同步处理:高效任务调度与连接管理实践

    本文深入探讨了在Java应用中处理海量数据并发同步的策略。通过将数据库操作封装为独立任务,结合ExecutorService进行高效调度,并利用数据库连接池(如HikariCP)优化资源管理,同时强调了数据库层面事务和锁机制的重要性。文章提供了实现并发处理、标记已消费行以及确保系统高性能和数据一致性…

    2026年9月27日 • 用户投稿
    100
  • DeepSeek如何实现代码版本管理 DeepSeek与Git集成开发环境配置教程

    DeepSeek如何实现代码版本管理 DeepSeek与Git集成开发环境配置教程DeepSeek如何实现代码版本管理 DeepSeek与Git集成开发环境配置教程DeepSeek如何实现代码版本管理 DeepSeek与Git集成开发环境配置教程DeepSeek如何实现代码版本管理 DeepSeek与Git集成开发环境配置教程

    deepseek本身不实现版本管理,而是通过深度集成git来提供更智能高效的开发体验。其核心在于充分利用git功能,并通过可视化界面和增强工具提升使用效率。配置过程包括安装git、配置用户信息、安装deepseek、连接仓库、设置git参数及使用git功能。冲突解决依赖可视化标记与三方合并工具,按查…

    2026年9月27日 • 用户投稿
    100
  • 告别繁琐构造函数:使用建造者模式优化Java对象创建

    告别繁琐构造函数:使用建造者模式优化Java对象创建告别繁琐构造函数:使用建造者模式优化Java对象创建告别繁琐构造函数:使用建造者模式优化Java对象创建告别繁琐构造函数:使用建造者模式优化Java对象创建

    本文针对Java中处理多个可选参数时,传统构造函数组合繁琐的问题,详细介绍了建造者模式(Builder Pattern)。该模式通过分阶段构建对象,避免了大量参数构造函数和重复组合,提升了代码的可读性和可维护性。文章将通过代码示例深入解析建造者模式的实现原理与优势,并提供实际应用指导。 传统构造函数…

    2026年9月27日 • 用户投稿
    200
  • 华为手机怎么设置实时字幕翻译_开启Ai字幕步骤介绍

    华为手机怎么设置实时字幕翻译_开启Ai字幕步骤介绍华为手机怎么设置实时字幕翻译_开启Ai字幕步骤介绍华为手机怎么设置实时字幕翻译_开启Ai字幕步骤介绍华为手机怎么设置实时字幕翻译_开启Ai字幕步骤介绍

    问题:如何让华为手机实时字幕翻译?简单说明:华为手机提供了一个方便的功能,可以让您轻松翻译实时字幕,以便更好地理解语音内容或外语节目。引导:想了解如何使用此功能?请继续阅读本文,php小编香蕉将详细介绍华为手机实时字幕翻译设置步骤。 字幕翻译功能设置步骤介绍 1、打开设置,点击智慧助手。 2、点击智…

    2026年9月27日 • 用户投稿
    100
  • 怎么用豆包AI帮我生成JavaScript代码 快速生成JS代码的豆包AI使用指南

    怎么用豆包AI帮我生成JavaScript代码 快速生成JS代码的豆包AI使用指南怎么用豆包AI帮我生成JavaScript代码 快速生成JS代码的豆包AI使用指南怎么用豆包AI帮我生成JavaScript代码 快速生成JS代码的豆包AI使用指南怎么用豆包AI帮我生成JavaScript代码 快速生成JS代码的豆包AI使用指南

    使用豆包ai生成javascript代码的关键在于明确需求、提供清晰指令并进行结果优化。一要明确具体功能,如表单验证或dom操作,避免模糊提问;二要用结构化的中文指令,如“请用javascript写一个函数用来……”,并可添加兼容性等限制条件;三要检查生成代码的逻辑与语法,结合浏览器测试进行调整。实…

    2026年9月27日 • 用户投稿
    100
  • 宏碁非凡 Go Air 超轻薄本发布,轻便耐用性能强

    宏碁非凡 Go Air 超轻薄本发布,轻便耐用性能强宏碁非凡 Go Air 超轻薄本发布,轻便耐用性能强宏碁非凡 Go Air 超轻薄本发布,轻便耐用性能强宏碁非凡 Go Air 超轻薄本发布,轻便耐用性能强

    宏碁非凡go air超轻薄本惊艳上市,仅重999克,售价4999元,首发更享国家补贴,到手价仅需3999.2元!这款轻薄本采用镁铝合金机身,搭配时尚的星辰灰配色,兼顾轻便与耐用性。 性能方面,非凡Go Air搭载强劲的英特尔酷睿i7-13260H处理器,拥有10核16线程,最高睿频可达4.9GHz,…

    2026年9月27日 • 用户投稿
    100
  • 与任天堂叫板? 索尼或将于9月举办Showcase或State of Play演示

    与任天堂叫板? 索尼或将于9月举办Showcase或State of Play演示与任天堂叫板? 索尼或将于9月举办Showcase或State of Play演示与任天堂叫板? 索尼或将于9月举办Showcase或State of Play演示与任天堂叫板? 索尼或将于9月举办Showcase或State of Play演示

    索尼互动娱乐或将于2025年9月举办playstation showcase大型发布会或state of play直播发布会。 在最新一期《Giant Bomb》的”Game Mess晨间播客”中,知名游戏业爆料人、联合主持人杰夫·格鲁布透露,他相当肯定索尼互动娱乐正筹划在2…

    2026年9月27日 • 用户投稿
    100
  • INSERT INTO插入数据时:如何避免列名缺失导致的语法错误?

    INSERT INTO插入数据时:如何避免列名缺失导致的语法错误?INSERT INTO插入数据时:如何避免列名缺失导致的语法错误?INSERT INTO插入数据时:如何避免列名缺失导致的语法错误?INSERT INTO插入数据时:如何避免列名缺失导致的语法错误?

    避免insert语句列名缺失错误的核心方法有:1.显式指定列名,确保即使表结构变化时语句仍有效;2.使用orm框架如sqlalchemy或hibernate,自动映射数据模型与数据库表;3.结合数据库迁移工具如flyway管理结构变更;4.编写单元测试验证sql语句的正确性;5.采用预编译语句提升安…

    2026年9月27日 • 用户投稿
    200
  • 华为手机拍照怎么清除路人_华为手机拍照移除路人方法介绍

    华为手机拍照怎么清除路人_华为手机拍照移除路人方法介绍华为手机拍照怎么清除路人_华为手机拍照移除路人方法介绍华为手机拍照怎么清除路人_华为手机拍照移除路人方法介绍华为手机拍照怎么清除路人_华为手机拍照移除路人方法介绍

    华为手机图片编辑功能强大,如何移除路人?华为手机不仅功能全面,还配备了强大的图片编辑工具。其中一项特色功能是能够将路人从照片中移除,让您轻松获得干净利落的画面。php小编草莓已整理了详细的教程,为您揭示这一实用功能的奥秘。继续阅读以下内容,了解如何利用华为手机移除照片中的路人,让您的图片更加完美。 …

    2026年9月27日 • 用户投稿
    000
  • sublime怎么快速在html标签外包裹一层新标签_sublime HTML标签快速包裹技巧

    sublime怎么快速在html标签外包裹一层新标签_sublime HTML标签快速包裹技巧sublime怎么快速在html标签外包裹一层新标签_sublime HTML标签快速包裹技巧sublime怎么快速在html标签外包裹一层新标签_sublime HTML标签快速包裹技巧sublime怎么快速在html标签外包裹一层新标签_sublime HTML标签快速包裹技巧

    使用Emmet的“Wrap with Abbreviation”功能可快速为HTML标签添加外层结构,先选中内容,打开命令面板执行命令,输入标签缩写如div.container即可完成包裹;通过自定义快捷键Ctrl+Alt+W能进一步提升操作效率。 在 Sublime Text 中快速给 HTML …

    2026年9月27日 • 用户投稿
    200
  • 获取父级 Option Group 的文本标签

    获取父级 Option Group 的文本标签获取父级 Option Group 的文本标签获取父级 Option Group 的文本标签获取父级 Option Group 的文本标签

    本文介绍了如何使用 JavaScript 获取 HTML 元素中选定 标签的父级 标签的文本标签。重点在于理解 closest() 方法的行为,以及嵌套 标签可能带来的问题,并提供替代方案以实现所需功能。 理解 closest() 方法 在 JavaScript 中,closest() 方法用于查找…

    2026年9月27日 • 用户投稿
    100
  • 苹果股价暴跌预警!iPhone 卖不动,AI 也玩不转

    苹果股价暴跌预警!iPhone 卖不动,AI 也玩不转苹果股价暴跌预警!iPhone 卖不动,AI 也玩不转苹果股价暴跌预警!iPhone 卖不动,AI 也玩不转苹果股价暴跌预警!iPhone 卖不动,AI 也玩不转

    苹果公司即将发布2024年12月季度财报,市场对苹果股价的担忧日益加剧。道琼斯市场数据显示,截至12月,约1.57亿股苹果股票被卖空,占流通股的1%,创下2020年8月以来新高,远高于标普500指数2.8%的平均卖空比例。 苹果股价今年累计下跌约10%,主要受iPhone销量低迷和人工智能(AI)前…

    2026年9月27日 • 用户投稿
    100
  • 文本动画的类选择器应用与优化

    文本动画的类选择器应用与优化文本动画的类选择器应用与优化文本动画的类选择器应用与优化文本动画的类选择器应用与优化

    本文详细介绍了如何将基于ID的文本动画转换为基于类的实现,以支持在多个HTML元素上复用同一动画效果。通过JavaScript动态生成带有自定义CSS变量的标签,并结合CSS @keyframes动画,实现了可灵活应用于页面中任意指定元素的波浪式文本动画,并提供了两种优化方案。 1. 问题背景与目标…

    2026年9月27日 • 用户投稿
    100

发表回复

登录后才能评论
关注微信